:root{--primary: #f97316;--primary-hover: #ea580c;--bg-main: #fcfbfa;--bg-card: #ffffff;--bg-light: #f5f2eb;--text-main: #1f1a17;--text-muted: #8b796d;--border-color: rgba(69, 45, 31, .08);--shadow-sm: 0 2px 8px -2px rgba(69, 45, 31, .05);--shadow-md: 0 8px 24px -4px rgba(69, 45, 31, .06);--shadow-lg: 0 16px 32px -4px rgba(69, 45, 31, .08);--shadow-glow: 0 0 20px rgba(249, 115, 22, .15);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-card: rgba(255, 255, 255, .65);--glass-blur: blur(24px);--glass-border: rgba(255, 255, 255, .8);--border-radius: 16px;--card-radius-lg: 24px;--nav-height: 70px}:root[data-theme=light]{--bg-main: #fcfbfa;--bg-card: #ffffff;--bg-light: #f5f2eb;--text-main: #1f1a17;--text-muted: #8b796d;--border-color: rgba(69, 45, 31, .08);--glass-bg: rgba(255, 255, 255, .75);--shadow-md: 0 8px 24px -4px rgba(69, 45, 31, .06)}:root[data-theme=dark]{--bg-main: #140f0c;--bg-card: #1f1814;--bg-light: #29201b;--text-main: #faf7f5;--text-muted: #b8a99e;--border-color: rgba(250, 247, 245, .08);--glass-bg: rgba(20, 15, 12, .75);--glass-bg-card: rgba(31, 24, 20, .5);--glass-border: rgba(255, 255, 255, .06);--shadow-md: 0 8px 32px -4px rgba(0, 0, 0, .8);--shadow-lg: 0 16px 48px -4px rgba(0, 0, 0, .9);--shadow-glow: 0 0 20px rgba(249, 115, 22, .1)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-main: #140f0c;--bg-card: #1f1814;--text-main: #faf7f5;--text-muted: #b8a99e;--border-color: rgba(250, 247, 245, .08);--glass-bg: rgba(20, 15, 12, .75)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;transition:background-color .4s ease,color .4s ease;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:var(--nav-height);position:relative;z-index:1}.premium-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background:var(--bg-main);overflow:hidden;transition:background .4s ease}.premium-bg:before,.premium-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;animation:floatOrb 25s infinite alternate ease-in-out}.premium-bg:before{width:70vw;height:70vw;top:-20vw;left:-20vw;background:radial-gradient(circle,#f973161f,#f9731600 70%)}.premium-bg:after{width:80vw;height:80vw;bottom:-30vw;right:-20vw;background:radial-gradient(circle,#eab30814,#eab30800 70%);animation-delay:-12s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(8%,8%) scale(1.05)}to{transform:translate(-5%,12%) scale(.95)}}[data-theme=dark] .premium-bg:before{background:radial-gradient(circle,#f9731614,#f9731600 70%)}[data-theme=dark] .premium-bg:after{background:radial-gradient(circle,#eab3080a,#eab30800 70%)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit;outline:none}.premium-card{background:var(--glass-bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--card-radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.25,.8,.25,1)}.premium-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:#f9731633}.input-field{width:100%;padding:1rem 1.25rem;border-radius:16px;border:1.5px solid var(--border-color);background-color:var(--glass-bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-main);font-size:1rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}.input-field:focus{outline:none;border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px #f9731626,inset 0 2px 4px #00000005}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;letter-spacing:.02em}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#db5a04 100%);color:#fff;box-shadow:0 4px 12px #f973164d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:.5s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.btn-primary:hover:after{left:150%}.btn-primary:active{transform:scale(.97) translateY(0);box-shadow:0 2px 8px #f973164d}.btn-secondary{background-color:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card);border-color:#0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-morphism{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color)}.glass-nav{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px #00000008}[data-theme=dark] .glass-nav{box-shadow:0 -4px 20px #0003}.glass-card{background:var(--glass-bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--card-radius-lg);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fffc}[data-theme=dark] .glass-card:hover{border-color:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bellShake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-spin{animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b796d4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b796d80}