:root{--primary: 210 100% 50%;--primary-glow: 210 100% 70%;--secondary: 280 100% 65%;--accent: 35 100% 55%;--success: 145 80% 45%;--error: 0 85% 60%;--bg-dark: 220 30% 10%;--bg-card: 220 30% 15%;--text-main: 0 0% 100%;--text-muted: 220 10% 70%;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 40px;--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:hsl(var(--bg-dark));color:hsl(var(--text-main));min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,hsla(var(--primary),.25) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(var(--secondary),.25) 0%,transparent 40%),radial-gradient(circle at 50% 50%,hsla(var(--accent),.15) 0%,transparent 50%);background-attachment:fixed}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:800;line-height:1.1;letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000073}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));color:#fff;padding:15px 30px;border-radius:var(--radius-xl);font-weight:700;font-size:1.2rem;box-shadow:0 4px 15px hsla(var(--primary),.4);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff3,#fff0);opacity:0;transition:opacity .3s}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px hsla(var(--primary),.6)}.btn-primary:active{transform:translateY(0) scale(.95)}.btn-option{background:#ffffff0d;border:2px solid var(--glass-border);border-radius:var(--radius-md);padding:20px;font-size:1.3rem;font-weight:600;text-align:left;transition:all .2s cubic-bezier(.34,1.56,.64,1);color:#fff}.btn-option:hover{background:#ffffff26;transform:scale(1.03);border-color:hsla(var(--primary),.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s}.text-gradient{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}input[type=range].age-slider{-webkit-appearance:none;appearance:none;width:100%;height:12px;background:linear-gradient(to right,hsl(var(--primary)) 0%,hsl(var(--primary)) var(--progress, 0%),rgba(255,255,255,.1) var(--progress, 0%),rgba(255,255,255,.1) 100%);border-radius:20px;outline:none;margin:20px 0;accent-color:hsl(var(--primary));transition:all .2s ease}input[type=range].age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#fff;border:4px solid hsl(var(--primary));border-radius:50%;cursor:pointer;box-shadow:0 0 15px hsla(var(--primary),.5);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}input[type=range].age-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 25px hsla(var(--primary),.7)}