.glass{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff3;position:relative}.glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none}.glass-dark{background:rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff1a;position:relative}.glass-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:inherit;pointer-events:none}.glass-card{background:rgba(0,0,0,.3);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #ffffff05;position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,0,0,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.15) 0%,transparent 50%),linear-gradient(135deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.05) 100%);border-radius:inherit;pointer-events:none}.glass-card-dark{background:rgba(0,0,0,.4);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff08,inset 0 -1px #ffffff03;position:relative}.glass-card-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,0,0,.25) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.2) 0%,transparent 50%),linear-gradient(135deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 100%);border-radius:inherit;pointer-events:none}.glass-button{background:rgba(255,255,255,.15);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 20px #1f26871a,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.glass-button:hover{background:rgba(255,255,255,.25);box-shadow:0 8px 25px #1f268726,inset 0 1px #fff6;transform:translateY(-1px)}.glass-button:hover:before{left:100%}.glass-button-dark{background:rgba(0,0,0,.15);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 20px #0000001a,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-button-dark:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.glass-button-dark:hover{background:rgba(0,0,0,.25);box-shadow:0 8px 25px #00000026,inset 0 1px #ffffff4d;transform:translateY(-1px)}.glass-button-dark:hover:before{left:100%}.glass-input{background:rgba(0,0,0,.3);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;position:relative}.glass-input::placeholder{color:#9ca3af!important}.glass-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.05) 100%);border-radius:inherit;pointer-events:none}.glass-input-dark{background:rgba(0,0,0,.4);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff08;position:relative}.glass-input-dark::placeholder{color:#9ca3af!important}.glass-input-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 100%);border-radius:inherit;pointer-events:none}.gradient-bg{position:relative;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 100%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><radialGradient id="tech1" cx="15%" cy="25%"><stop offset="0%" stop-color="%2300d4ff" stop-opacity="0.5"/><stop offset="50%" stop-color="%2300a8cc" stop-opacity="0.3"/><stop offset="100%" stop-color="%2300d4ff" stop-opacity="0"/></radialGradient><radialGradient id="tech2" cx="85%" cy="75%"><stop offset="0%" stop-color="%23ff006e" stop-opacity="0.5"/><stop offset="50%" stop-color="%23cc0058" stop-opacity="0.3"/><stop offset="100%" stop-color="%23ff006e" stop-opacity="0"/></radialGradient><radialGradient id="tech3" cx="50%" cy="15%"><stop offset="0%" stop-color="%23a8e6cf" stop-opacity="0.4"/><stop offset="50%" stop-color="%2386d4a8" stop-opacity="0.2"/><stop offset="100%" stop-color="%23a8e6cf" stop-opacity="0"/></radialGradient><radialGradient id="tech4" cx="25%" cy="85%"><stop offset="0%" stop-color="%23ffd93d" stop-opacity="0.5"/><stop offset="50%" stop-color="%23ffcc00" stop-opacity="0.3"/><stop offset="100%" stop-color="%23ffd93d" stop-opacity="0"/></radialGradient><radialGradient id="tech5" cx="75%" cy="35%"><stop offset="0%" stop-color="%23b19cd9" stop-opacity="0.4"/><stop offset="50%" stop-color="%239980d6" stop-opacity="0.2"/><stop offset="100%" stop-color="%23b19cd9" stop-opacity="0"/></radialGradient><radialGradient id="tech6" cx="60%" cy="60%"><stop offset="0%" stop-color="%23ff6b6b" stop-opacity="0.4"/><stop offset="50%" stop-color="%23ff5252" stop-opacity="0.2"/><stop offset="100%" stop-color="%23ff6b6b" stop-opacity="0"/></radialGradient><radialGradient id="tech7" cx="40%" cy="50%"><stop offset="0%" stop-color="%234ecdc4" stop-opacity="0.4"/><stop offset="50%" stop-color="%2326a69a" stop-opacity="0.2"/><stop offset="100%" stop-color="%234ecdc4" stop-opacity="0"/></radialGradient><radialGradient id="tech8" cx="90%" cy="20%"><stop offset="0%" stop-color="%23ff9ff3" stop-opacity="0.4"/><stop offset="50%" stop-color="%23ff6ec7" stop-opacity="0.2"/><stop offset="100%" stop-color="%23ff9ff3" stop-opacity="0"/></radialGradient><radialGradient id="tech9" cx="10%" cy="60%"><stop offset="0%" stop-color="%2367e8f9" stop-opacity="0.3"/><stop offset="50%" stop-color="%2306b6d4" stop-opacity="0.15"/><stop offset="100%" stop-color="%2367e8f9" stop-opacity="0"/></radialGradient><radialGradient id="tech10" cx="95%" cy="40%"><stop offset="0%" stop-color="%23fbbf24" stop-opacity="0.4"/><stop offset="50%" stop-color="%23f59e0b" stop-opacity="0.2"/><stop offset="100%" stop-color="%23fbbf24" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="%23000000"/><circle cx="180" cy="200" r="120" fill="url(%23tech1)"/><circle cx="1020" cy="600" r="140" fill="url(%23tech2)"/><circle cx="600" cy="120" r="100" fill="url(%23tech3)"/><circle cx="300" cy="680" r="110" fill="url(%23tech4)"/><circle cx="900" cy="280" r="130" fill="url(%23tech5)"/><circle cx="720" cy="480" r="90" fill="url(%23tech6)"/><circle cx="480" cy="400" r="115" fill="url(%23tech7)"/><circle cx="1080" cy="160" r="85" fill="url(%23tech8)"/><circle cx="120" cy="480" r="95" fill="url(%23tech9)"/><circle cx="1140" cy="320" r="105" fill="url(%23tech10)"/><circle cx="200" cy="600" r="75" fill="url(%23tech1)"/><circle cx="800" cy="700" r="125" fill="url(%23tech2)"/><circle cx="400" cy="200" r="80" fill="url(%23tech3)"/><circle cx="1000" cy="500" r="100" fill="url(%23tech4)"/></svg>');background-size:cover;background-position:center;background-attachment:fixed}.gradient-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(15px) saturate(1.5) brightness(.8);-webkit-filter:blur(15px) saturate(1.5) brightness(.8);z-index:-1}.gradient-bg-dark{position:relative;background:linear-gradient(135deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.7) 100%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><radialGradient id="tech1" cx="15%" cy="25%"><stop offset="0%" stop-color="%2300d4ff" stop-opacity="0.6"/><stop offset="50%" stop-color="%2300a8cc" stop-opacity="0.4"/><stop offset="100%" stop-color="%2300d4ff" stop-opacity="0"/></radialGradient><radialGradient id="tech2" cx="85%" cy="75%"><stop offset="0%" stop-color="%23ff006e" stop-opacity="0.6"/><stop offset="50%" stop-color="%23cc0058" stop-opacity="0.4"/><stop offset="100%" stop-color="%23ff006e" stop-opacity="0"/></radialGradient><radialGradient id="tech3" cx="50%" cy="15%"><stop offset="0%" stop-color="%23a8e6cf" stop-opacity="0.5"/><stop offset="50%" stop-color="%2386d4a8" stop-opacity="0.3"/><stop offset="100%" stop-color="%23a8e6cf" stop-opacity="0"/></radialGradient><radialGradient id="tech4" cx="25%" cy="85%"><stop offset="0%" stop-color="%23ffd93d" stop-opacity="0.6"/><stop offset="50%" stop-color="%23ffcc00" stop-opacity="0.4"/><stop offset="100%" stop-color="%23ffd93d" stop-opacity="0"/></radialGradient><radialGradient id="tech5" cx="75%" cy="35%"><stop offset="0%" stop-color="%23b19cd9" stop-opacity="0.5"/><stop offset="50%" stop-color="%239980d6" stop-opacity="0.3"/><stop offset="100%" stop-color="%23b19cd9" stop-opacity="0"/></radialGradient><radialGradient id="tech6" cx="60%" cy="60%"><stop offset="0%" stop-color="%23ff6b6b" stop-opacity="0.5"/><stop offset="50%" stop-color="%23ff5252" stop-opacity="0.3"/><stop offset="100%" stop-color="%23ff6b6b" stop-opacity="0"/></radialGradient><radialGradient id="tech7" cx="40%" cy="50%"><stop offset="0%" stop-color="%234ecdc4" stop-opacity="0.5"/><stop offset="50%" stop-color="%2326a69a" stop-opacity="0.3"/><stop offset="100%" stop-color="%234ecdc4" stop-opacity="0"/></radialGradient><radialGradient id="tech8" cx="90%" cy="20%"><stop offset="0%" stop-color="%23ff9ff3" stop-opacity="0.5"/><stop offset="50%" stop-color="%23ff6ec7" stop-opacity="0.3"/><stop offset="100%" stop-color="%23ff9ff3" stop-opacity="0"/></radialGradient><radialGradient id="tech9" cx="10%" cy="60%"><stop offset="0%" stop-color="%2367e8f9" stop-opacity="0.4"/><stop offset="50%" stop-color="%2306b6d4" stop-opacity="0.2"/><stop offset="100%" stop-color="%2367e8f9" stop-opacity="0"/></radialGradient><radialGradient id="tech10" cx="95%" cy="40%"><stop offset="0%" stop-color="%23fbbf24" stop-opacity="0.5"/><stop offset="50%" stop-color="%23f59e0b" stop-opacity="0.3"/><stop offset="100%" stop-color="%23fbbf24" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="%23000000"/><circle cx="180" cy="200" r="120" fill="url(%23tech1)"/><circle cx="1020" cy="600" r="140" fill="url(%23tech2)"/><circle cx="600" cy="120" r="100" fill="url(%23tech3)"/><circle cx="300" cy="680" r="110" fill="url(%23tech4)"/><circle cx="900" cy="280" r="130" fill="url(%23tech5)"/><circle cx="720" cy="480" r="90" fill="url(%23tech6)"/><circle cx="480" cy="400" r="115" fill="url(%23tech7)"/><circle cx="1080" cy="160" r="85" fill="url(%23tech8)"/><circle cx="120" cy="480" r="95" fill="url(%23tech9)"/><circle cx="1140" cy="320" r="105" fill="url(%23tech10)"/><circle cx="200" cy="600" r="75" fill="url(%23tech1)"/><circle cx="800" cy="700" r="125" fill="url(%23tech2)"/><circle cx="400" cy="200" r="80" fill="url(%23tech3)"/><circle cx="1000" cy="500" r="100" fill="url(%23tech4)"/></svg>');background-size:cover;background-position:center;background-attachment:fixed}.gradient-bg-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(18px) saturate(1.6) brightness(.7);-webkit-filter:blur(18px) saturate(1.6) brightness(.7);z-index:-1}.gradient-bg>*,.gradient-bg-dark>*{position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 6s ease-in-out infinite}.glass-texture{position:relative}.glass-enhanced{background:rgba(255,255,255,.1);backdrop-filter:blur(30px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(30px) saturate(200%) brightness(1.1);border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 50px #1f26871a,inset 0 2px #ffffff4d,inset 0 -2px #ffffff1a;position:relative}.glass-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.15) 0%,transparent 40%),linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none}.glass-card-enhanced{background:rgba(255,255,255,.12);backdrop-filter:blur(25px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(110%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff26,0 0 0 1px #ffffff0d}.glass-card-enhanced-dark{background:rgba(255,255,255,.08);backdrop-filter:blur(25px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(110%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 0 1px #ffffff08}.subtle-glow{box-shadow:0 0 30px #0003}@media (max-width: 768px){.glass{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.glass-card{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}.glass-enhanced{backdrop-filter:blur(20px) saturate(180%) brightness(1.05);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.05)}}