@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--surface-900: #0c0a0a;--surface-800: #141111;--surface-700: #1c1818;--surface-600: #262020;--brand-600: #dd3333;--brand-500: #ef4444;--brand-400: #f87171;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-subtle: rgba(255, 255, 255, .1);--border-faint: rgba(255, 255, 255, .05)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--surface-900);color:var(--text-secondary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:100vh;position:relative;z-index:1}.card{background:var(--surface-800);border:1px solid var(--border-subtle);border-radius:16px;padding:2.5rem;width:100%;max-width:480px}.logo{display:block;height:40px;margin-bottom:2rem}h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.15;margin-bottom:.5rem}h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:.9375rem;margin-bottom:2rem}label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}input[type=email],input[type=text],textarea{width:100%;background:var(--surface-700);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.9375rem;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--brand-600)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}.form-group{margin-bottom:1.25rem}.form-error{color:var(--brand-400);font-size:.8125rem;margin-top:.375rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--brand-600);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--brand-500)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#fff3}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-primary)}.dropzone{border:2px dashed var(--border-subtle);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.dropzone:hover{border-color:#fff3;background:#ffffff05}.dropzone.active{border-color:var(--brand-600);background:#dd33330d}.dropzone.disabled{opacity:.5;cursor:default}.dropzone p{color:var(--text-muted);font-size:.875rem}.dropzone .file-name{color:var(--text-primary);font-weight:500}.dropzone .file-size{color:var(--text-muted);font-size:.8125rem}.progress-container{background:var(--surface-700);border-radius:6px;overflow:hidden;height:8px;margin-bottom:1rem}.progress-bar{background:var(--brand-600);height:100%;transition:width .3s ease;border-radius:6px}.progress-stats{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.progress-percentage{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.state-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem}.state-icon.success{background:#22c55e26;color:#22c55e}.state-icon.error{background:#dd333326;color:var(--brand-400)}.check-inbox{background:#dd333314;border:1px solid rgba(221,51,51,.2);border-radius:12px;padding:1.5rem;text-align:center;margin-top:1.5rem}.check-inbox p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.check-inbox .email-highlight{color:var(--text-primary);font-weight:600}.verified-email{background:var(--surface-700);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.9375rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.verified-badge{background:#22c55e26;color:#22c55e;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px}.footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.75rem;border-top:1px solid var(--border-faint)}
