:root{--bg-primary: #F9F8F4;--bg-secondary: #EBEAE4;--surface-bg: #FFFFFF;--text-primary: #2C2420;--text-secondary: #594D46;--text-tertiary: #8C7F76;--accent-primary: #2C2420;--accent-secondary: #8B4513;--accent-glow: rgba(44, 36, 32, .05);--border-color: #D9D2C5;--input-bg: #FFFFFF;--header-bg: rgba(249, 248, 244, .95);--footer-bg: #EBEAE4;--footer-text: #2C2420;--card-shadow: 0 2px 4px rgba(44, 36, 32, .05);--hover-shadow: 0 8px 16px rgba(44, 36, 32, .08);--font-display: "Inter", "Georgia", serif;--font-body: "Inter", system-ui, sans-serif;--line-height-base: 1.7;--bg-color: var(--bg-primary);--text-color: var(--text-primary);--accent-color: var(--accent-primary);--primary-btn-bg: var(--text-primary);--primary-btn-text: #FFFFFF;--transition-speed: .15s;--transition-ease: ease-out}body.dark-theme{--bg-primary: #05070a;--bg-secondary: #0b0e14;--surface-bg: rgba(20, 25, 35, .6);--text-primary: #EAEAEA;--text-secondary: #A0AAB5;--text-tertiary: #5C6773;--accent-primary: #A78BFA;--accent-secondary: #60A5FA;--accent-glow: rgba(167, 139, 250, .4);--border-color: rgba(255, 255, 255, .08);--input-bg: rgba(15, 20, 30, .8);--header-bg: rgba(5, 7, 10, .85);--footer-bg: #020203;--footer-text: #8899A6;--card-shadow: 0 8px 32px rgba(0, 0, 0, .5);--hover-shadow: 0 10px 40px rgba(0, 0, 0, .7), 0 0 30px rgba(167, 139, 250, .15);--bg-color: var(--bg-primary);--text-color: var(--text-primary);--accent-color: var(--accent-primary);--primary-btn-bg: var(--text-primary);--primary-btn-text: #05070a}body{margin:0;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-color);line-height:var(--line-height-base);transition:background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease);will-change:background-color,color;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.6;background-image:linear-gradient(rgba(44,36,32,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(44,36,32,.06) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");background-size:40px 40px,40px 40px,auto;transition:opacity var(--transition-speed);will-change:opacity}body.dark-theme:before{opacity:0}body.dark-theme:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 50%,rgba(76,29,149,.25) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(30,58,138,.25) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#0000,#000c);transition:opacity var(--transition-speed);will-change:opacity,filter;animation:universe-pulse 20s ease-in-out infinite alternate}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--transition-speed);will-change:opacity}body.dark-theme .starfield{opacity:1}.star-layer-1{width:100%;height:100%;position:absolute;background-image:radial-gradient(1.5px 1.5px at 10% 10%,#FFF,transparent),radial-gradient(1.5px 1.5px at 20% 80%,#FFF,transparent),radial-gradient(1.5px 1.5px at 30% 30%,#FFF,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#FFF,transparent),radial-gradient(1.5px 1.5px at 60% 20%,#FFF,transparent),radial-gradient(1.5px 1.5px at 70% 90%,#FFF,transparent),radial-gradient(1.5px 1.5px at 80% 40%,#FFF,transparent),radial-gradient(1.5px 1.5px at 90% 10%,#FFF,transparent);background-size:400px 400px;opacity:.9;animation:drift-slow 80s linear infinite}.star-layer-2{width:100%;height:100%;position:absolute;background-image:radial-gradient(2px 2px at 15% 15%,#E0F2FE,transparent),radial-gradient(2px 2px at 55% 55%,#E0F2FE,transparent),radial-gradient(2px 2px at 85% 85%,#E0F2FE,transparent);background-size:600px 600px;opacity:.8;animation:drift-mid 120s linear infinite reverse}.star-layer-3{width:100%;height:100%;position:absolute;background-image:radial-gradient(3px 3px at 50% 20%,#FDF4FF,transparent),radial-gradient(3px 3px at 25% 65%,#A78BFA,transparent);background-size:800px 800px;opacity:1;filter:drop-shadow(0 0 4px #fff);animation:twinkle 4s ease-in-out infinite alternate}.comet-primary{position:absolute;width:200px;height:3px;background:linear-gradient(90deg,#3b82f600,#82b4ff99 80%,#fff);border-radius:50% 0 0 50%;opacity:0;transform:rotate(45deg);filter:drop-shadow(0 0 8px rgba(59,130,246,.8));animation:comet-pass-1 12s ease-in infinite;animation-delay:2s;top:0;left:0;z-index:-1}.comet-primary:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 20px 5px #3b82f6e6}.comet-secondary{position:absolute;width:160px;height:2px;background:linear-gradient(90deg,#a78bfa00,#c084fc99 80%,#fff);border-radius:50% 0 0 50%;opacity:0;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(167,139,250,.8));animation:comet-pass-2 20s ease-in infinite;animation-delay:8s;top:0;left:0;z-index:-1}.comet-secondary:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 15px 4px #a78bfae6}@keyframes comet-pass-1{0%{left:-10%;top:-10%;opacity:0}10%{opacity:1}to{left:110%;top:110%;opacity:0}}@keyframes comet-pass-2{0%{left:-10%;top:110%;opacity:0}10%{opacity:1}to{left:110%;top:-10%;opacity:0}}@keyframes drift-slow{0%{transform:translateY(0)}to{transform:translateY(-400px)}}@keyframes drift-mid{0%{transform:translateY(0)}to{transform:translateY(-600px)}}@keyframes twinkle{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}@keyframes universe-pulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}@keyframes float-hero{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px)}to{transform:translateY(0) rotate(0)}}.text-glow{text-shadow:0 0 1px transparent;transition:text-shadow .3s}body.dark-theme .text-glow{text-shadow:0 0 15px rgba(167,139,250,.6)}.glass-panel{background:var(--surface-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn{font-family:var(--font-body);transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;padding:.75rem 1.5rem;font-size:1.05rem}