:root{--brand-primary: #6C5CE7;--brand-primary-light: #A29BFE;--brand-primary-dark: #5438DC;--brand-gradient: linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%);--bg-body: #0B0D17;--bg-card: #141625;--bg-card-hover: #1A1D30;--bg-input: #1A1D30;--bg-glass: rgba(20, 22, 37, .85);--border-subtle: rgba(108, 92, 231, .15);--border-focus: rgba(108, 92, 231, .5);--text-primary: #F1F1F6;--text-secondary: #8B8FA3;--text-muted: #5A5E72;--text-accent: #A29BFE;--success: #00D68F;--success-bg: rgba(0, 214, 143, .1);--warning: #FFCB6B;--warning-bg: rgba(255, 203, 107, .1);--danger: #FF6B6B;--danger-bg: rgba(255, 107, 107, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(162,155,254,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(108,92,231,.04) 0%,transparent 50%);z-index:-1;animation:ambientShift 20s ease-in-out infinite}@keyframes ambientShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-2%,1%) rotate(1deg)}66%{transform:translate(1%,-1%) rotate(-.5deg)}}a{color:var(--text-accent);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--brand-primary-light)}.app-container{max-width:480px;margin:0 auto;padding:40px 24px 80px;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;margin-bottom:48px;animation:fadeInUp .6s var(--ease-out)}.app-logo{width:64px;height:64px;border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:0 8px 32px #6c5ce74d}.app-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out);animation:fadeInUp .5s var(--ease-out) backwards}.card:hover{border-color:#6c5ce74d}.card-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px}.card-title-icon{display:inline-block;margin-right:6px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.profile-row+.profile-row{border-top:1px solid var(--border-subtle)}.profile-label{font-size:.875rem;color:var(--text-secondary)}.profile-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier-badge.sync{background:var(--success-bg);color:var(--success);border:1px solid rgba(0,214,143,.2)}.tier-badge.pro{background:linear-gradient(135deg,#6c5ce733,#a29bfe33);color:var(--brand-primary-light);border:1px solid rgba(108,92,231,.3)}.early-adopter-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:.675rem;font-weight:600;background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,203,107,.2);margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out);width:100%;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 16px #6c5ce74d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 32px #6c5ce780;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-card-hover)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,107,107,.2)}.btn-danger:hover:not(:disabled){background:#ff6b6b26;border-color:#ff6b6b66}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-input)}.btn-sm{padding:8px 16px;font-size:.8125rem}.input-group{margin-bottom:16px}.input-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.875rem;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out);outline:none}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6c5ce726}.input::placeholder{color:var(--text-muted)}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:16px;animation:fadeInUp .3s var(--ease-out)}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(0,214,143,.2)}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,107,107,.2)}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,203,107,.2)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-screen .spinner{width:32px;height:32px;border-width:3px;border-color:#6c5ce733;border-top-color:var(--brand-primary)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-link{text-align:center;font-size:.8125rem;color:var(--text-secondary);margin-top:16px}.auth-link a,.auth-link button{color:var(--text-accent);background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:inherit;text-decoration:underline;text-underline-offset:2px}.auth-link button:hover{color:var(--brand-primary-light)}.danger-zone{border-color:#ff6b6b33}.danger-zone .card-title{color:var(--danger)}.danger-confirm-input{font-family:monospace;text-align:center;letter-spacing:.1em;font-weight:600}.app-footer{margin-top:auto;padding-top:48px;text-align:center;font-size:.75rem;color:var(--text-muted)}.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px;margin-bottom:16px}.footer-dot{color:var(--text-muted);opacity:.5}.app-footer a{color:var(--text-muted);transition:color .2s var(--ease-out)}.app-footer a:hover{color:var(--text-accent)}.footer-branding{margin-top:8px;font-size:.6875rem;color:var(--text-muted);opacity:.8}.footer-company{margin-top:4px;font-size:.625rem;color:var(--text-muted);opacity:.6}.footer-company a{text-decoration:underline;text-underline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}@media(max-width:520px){.app-container{padding:24px 16px 60px}.card{padding:20px}}