:root{--primary: #FF3B6B;--primary-light: #FF6B8B;--primary-dark: #D41E4B;--secondary: #7047EB;--bg-main: #FDFEFE;--bg-card: rgba(255, 255, 255, .95);--border-color: rgba(226, 232, 240, .6);--text-primary: #0F172A;--text-secondary: #475569;--text-disabled: #94A3B8;--text-light: #FFFFFF;--success: #10B981;--error: #F43F5E;--warning: #F59E0B;--info: #3B82F6;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .08);--gradient: linear-gradient(135deg, #FF3B6B 0%, #FF85A1 100%);--gradient-deep: linear-gradient(135deg, #FF3B6B 0%, #7047EB 100%);--shell-border: rgba(255, 255, 255, .78);--shell-edge-shadow: 0 0 0 1px rgba(148, 163, 184, .12), 0 30px 60px -24px rgba(15, 23, 42, .16);--avatar-ring-inner: rgba(255, 255, 255, .85);--avatar-fallback-top: rgba(255, 255, 255, .9);--avatar-fallback-bottom: rgba(226, 232, 240, .72)}:root[data-theme=dark]{--primary: #FF5C82;--primary-light: #FF7A9A;--primary-dark: #E23C67;--secondary: #8B6CFF;--bg-main: #0F172A;--bg-card: rgba(15, 23, 42, .94);--border-color: rgba(148, 163, 184, .2);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-disabled: #94A3B8;--text-light: #FFFFFF;--shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .25);--shadow-md: 0 18px 40px -10px rgba(0, 0, 0, .38);--shadow-lg: 0 25px 60px -12px rgba(0, 0, 0, .45);--shell-border: rgba(148, 163, 184, .2);--shell-edge-shadow: 0 0 0 1px rgba(148, 163, 184, .12), 0 36px 90px -30px rgba(0, 0, 0, .7);--avatar-ring-inner: rgba(148, 163, 184, .26);--avatar-fallback-top: rgba(30, 41, 59, .92);--avatar-fallback-bottom: rgba(15, 23, 42, .98)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,Inter,sans-serif;-webkit-tap-highlight-color:transparent}body{background:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;display:flex;justify-content:center;background-image:radial-gradient(circle at top,rgba(255,59,107,.08),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 22%)}html,body{background:var(--bg-main)}#root{width:100%;max-width:480px;background:var(--bg-card);min-height:100vh;position:relative;box-shadow:var(--shell-edge-shadow);border-left:1px solid var(--shell-border);border-right:1px solid var(--shell-border);overflow-x:hidden}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-main);overflow-y:auto}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);border-radius:50px;padding:1rem 2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%}.input-field{width:100%;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.2rem;color:var(--text-primary);margin-bottom:1rem;font-size:1rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--primary);background:var(--bg-card)}.input-field::placeholder{color:var(--text-disabled)}.pill-tag{background:#0006;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;display:inline-flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pill-tag-light{background:var(--bg-main);color:var(--text-secondary);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;display:inline-flex;align-items:center;border:1px solid var(--border-color)}.pill-tag-light.active{background:var(--primary);color:#fff;border-color:var(--primary)}.logo{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:2rem;text-align:center;letter-spacing:-.5px}.text-gradient{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-container{padding-bottom:90px;min-height:100vh;position:relative}.page-container.no-nav{padding-bottom:0!important;min-height:0!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){[style*="flex: 0 0 45%"]{display:none!important}[style*=mobileLogoRow]{display:flex!important}}input:focus,select:focus,textarea:focus{border-color:#ff3b6b!important;box-shadow:0 0 0 3px #ff3b6b1f}