:root{--bg-main:#000;--bg-deep-navy:#031327;--bg-navy:#0a2342;--glass-bg:#08182e6b;--glass-bg-strong:#0a1d3894;--glass-border:#7ec4ff38;--glass-highlight:#ffffff14;--accent-sky:#87ceff;--accent-cyan:#58b8ff;--accent-navy:#163e72;--text-main:#f7fbff;--text-soft:#c2e0ffdb;--shadow-blue:#1458a347}*{box-sizing:border-box}html,body{color:var(--text-main);cursor:default;background:radial-gradient(circle at 0 0,#163e7240,#0000 24%),radial-gradient(circle at 85% 18%,#58b8ff29,#0000 18%),radial-gradient(circle at 50% 100%,#0a234275,#0000 35%),linear-gradient(#02050b 0%,#000 45%,#010307 100%);min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{flex-direction:column;display:flex;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{opacity:.35;background-color:#0000;background-image:linear-gradient(#87ceff0a 1px,#0000 1px),linear-gradient(90deg,#87ceff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:90px 90px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:18s linear infinite driftGrid;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 90%);mask-image:radial-gradient(circle,#000 35%,#0000 90%)}body:after{filter:blur(40px);opacity:.75;background:radial-gradient(circle at 20% 30%,#58b8ff1a,#0000 14%),radial-gradient(circle at 70% 65%,#87ceff14,#0000 18%),radial-gradient(circle,#ffffff0a,#0000 24%);animation:10s ease-in-out infinite alternate ambientPulse}.app-main{z-index:1;flex:1;padding-bottom:4rem;position:relative;margin-top:110px!important}.glass-nav{-webkit-backdrop-filter:blur(24px)saturate(155%);z-index:1000;background:linear-gradient(#020913eb,#061223b8);border-bottom:1px solid #87ceff24;box-shadow:0 12px 40px #00000080}.nav-link{transition:color .25s,text-shadow .25s,transform .25s;position:relative;color:#dff3ff!important}.navbar .nav-link,.navbar .nav-link:hover,.navbar .nav-link.active,.navbar-brand{color:#f5fbff!important}.navbar-brand,.navbar .nav-link:hover,.navbar .nav-link.active{text-shadow:0 0 18px #87ceff47}.navbar .nav-link:hover{transform:translateY(-1px)}.glass-card{background:linear-gradient(180deg,#ffffff0f,#ffffff05),var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(150%);box-shadow:0 20px 60px #0000009e,inset 0 1px 0 var(--glass-highlight),0 0 0 1px #ffffff05;border-radius:22px;padding:2rem;transition:transform .35s,box-shadow .35s,border-color .35s,background .35s;position:relative;overflow:hidden;color:#fff!important}.glass-card:before{content:"";opacity:.3;pointer-events:none;background:linear-gradient(#ffffff2e,#0000 55%);width:45%;height:180%;transition:transform .45s,opacity .45s;position:absolute;inset:-35% auto auto -10%;transform:rotate(18deg)}.glass-card:hover{box-shadow:0 24px 70px #000000b8,0 0 35px var(--shadow-blue),inset 0 1px 0 #ffffff1f;background:linear-gradient(180deg,#ffffff14,#ffffff06),var(--glass-bg-strong);border-color:#87ceff57;transform:translateY(-6px)}.glass-card:hover:before{opacity:.42;transform:translate(18px)rotate(18deg)}.glass-card p,.glass-card span,.glass-card small,.glass-card label,.glass-card input,.glass-card textarea,.glass-card .text-muted{color:var(--text-soft)!important;opacity:1!important}.form-control{transition:border-color .25s,box-shadow .25s,transform .25s;color:#fff!important;background:#071527a8!important;border:1px solid #7ec4ff38!important}.form-control:focus{transform:translateY(-1px);border-color:var(--accent-sky)!important;background:#091c35d1!important;box-shadow:0 0 0 4px #58b8ff24,0 0 14px #87ceff3d!important}.btn-glass{background:linear-gradient(135deg,#0a2342e0,#58b8ff29);border:1px solid #87ceff57;border-radius:999px;transition:transform .2s,border-color .25s,box-shadow .25s,background .25s;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #00000057;color:#f7fbff!important}.btn-glass:hover{border-color:var(--accent-sky);background:linear-gradient(135deg,#0d2b52f0,#87ceff3d);transform:translateY(-3px)scale(1.01);box-shadow:0 0 18px #87ceff40,0 16px 32px #00000061}.btn-glass:active,button:active,.btn:active,a:active{transform:translateY(0)scale(.98)}.section-title{text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--accent-sky),var(--accent-cyan));color:#0000;text-shadow:0 0 20px #58b8ff2e;-webkit-background-clip:text;background-clip:text;margin-top:20px;font-size:2.4rem;font-weight:700}.glass-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.site-footer{text-align:center;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#020810c7,#040f1ee0);border-top:1px solid #87ceff29;width:100%;margin-top:2rem;padding:1rem 0;color:#fffc!important}.site-footer small,.site-footer,.site-footer .text-muted{color:#fff!important;opacity:1!important}.liquid-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.liquid-blob{filter:blur(70px);opacity:.5;mix-blend-mode:screen;border-radius:50%;width:340px;height:340px;animation:18s ease-in-out infinite alternate floatBlob;position:absolute}.liquid-blob.blob-1{background:radial-gradient(circle,#58b8fff2,#163e724d 70%,#0000 100%);top:-80px;left:-60px}.liquid-blob.blob-2{background:radial-gradient(circle,#163e72eb,#58b8ff33 70%,#0000 100%);animation-duration:20s;bottom:-120px;right:-40px}.liquid-blob.blob-3{background:radial-gradient(circle,#87ceffe0,#0a23422e 70%,#0000 100%);animation-duration:16s;top:50%;left:60%;transform:translate(-50%,-50%)}.liquid-wave,.liquid-orb{pointer-events:none;position:absolute}.liquid-wave{filter:blur(14px);background:radial-gradient(circle,#87ceff14,#0000 65%);border:1px solid #87ceff1a;border-radius:50%;height:280px;animation:14s ease-in-out infinite alternate waveDrift;inset:auto -10% 8%}.liquid-orb{background:radial-gradient(circle,#fffffff2,#87ceff47 58%,#0000 100%);border-radius:50%;width:14px;height:14px;box-shadow:0 0 18px #87ceff4d}.liquid-orb.orb-1{animation:9s ease-in-out infinite orbDrift;top:18%;right:18%}.liquid-orb.orb-2{animation:11s ease-in-out infinite reverse orbDrift;bottom:24%;left:14%}.liquid-orb.orb-3{animation:10s ease-in-out 1s infinite orbDrift;top:58%;right:34%}@keyframes floatBlob{0%{transform:translate(0,0)scale(1)}to{transform:translateY(40px)scale(1.12)}}@keyframes driftGrid{0%{transform:translate(0,0)}to{transform:translate(32px,24px)}}@keyframes ambientPulse{0%{opacity:.45;transform:scale(1)}to{opacity:.82;transform:scale(1.06)}}@keyframes waveDrift{0%{transform:translate(-2%)translateY(0)scaleX(1)}to{transform:translate(2%)translateY(-14px)scaleX(1.06)}}@keyframes orbDrift{0%,to{opacity:.7;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(12px,-20px)scale(1.18)}}@media (max-width:768px){.app-main{margin-top:130px!important}.section-title{font-size:1.9rem}.glass-card{padding:1.4rem}}.social-icon{opacity:.8;transition:transform .25s,text-shadow .25s,color .25s,opacity .25s;color:#f7fbff!important}.social-icon:hover{opacity:1;text-shadow:0 0 14px #87ceff8c;transform:translateY(-4px)scale(1.08);color:var(--accent-sky)!important}.youtube-link:hover{text-shadow:0 0 10px var(--accent-sky)}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 0 12px #87ceff4d;border-color:var(--accent-sky)!important;background:#58b8ff2e!important}a,button,.btn,.nav-link,.glass-card,.social-icon,.tech-badge,.form-control{will-change:transform}a:hover,button:hover,.btn:hover{cursor:pointer}::selection{color:#fff;background:#87ceff52}
