body{font-family:Inter,sans-serif;background-color:#f8fafc;color:#64748b;margin:0}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.5)}.text-gradient{background:linear-gradient(to right,#0f172a,#64748b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-gradient{background:linear-gradient(135deg,#6366f1,#a855f7)}.soft-glow-pink{background:radial-gradient(circle,rgba(244,114,182,.15) 0%,transparent 70%)}.soft-glow-blue{background:radial-gradient(circle,rgba(45,212,191,.15) 0%,transparent 70%)}.soft-glow-yellow{background:radial-gradient(circle,rgba(251,191,36,.15) 0%,transparent 70%)}:root{--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--neon-accent: #8b5cf6;--text-main: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .6)}.glass-panel{font-family:Outfit,Inter,sans-serif;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);box-shadow:0 20px 40px #0006,inset 0 0 20px #ffffff05;border-radius:24px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.glass-panel:hover{background:linear-gradient(145deg,#ffffff14,#ffffff05);box-shadow:0 30px 60px #00000080,inset 0 0 20px #ffffff0d;transform:translateY(-2px);border-color:#ffffff26}.bg-grid-pattern{background-color:#020617;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px}.glass-container-premium{background:#0f172acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(6,182,212,.3);box-shadow:0 25px 50px -12px #00000080,0 0 20px #06b6d41a}.result-gradient-premium{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 0 30px #8b5cf666}.bg-grid-light{background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:30px 30px}.glass-container-light{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #06b6d4;box-shadow:0 25px 50px -12px #06b6d426,0 0 40px #0000000d}.input-premium{background:#fff;border:1px solid #cbd5e1;transition:all .2s ease}.input-premium:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a}.glass-container-dark{background:#0f172ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 40px 100px -20px #00000080}.input-premium-dark{background:#1e293b80;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .3s ease}.input-premium-dark:focus{border-color:#8b5cf6;background:#1e293bcc;box-shadow:0 0 0 4px #8b5cf61a}.result-card-gradient{background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);box-shadow:0 20px 40px -10px #6366f166}