:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% );--neon-blue: 80, 200, 255;--neon-purple: 180, 100, 255;--neon-pink: 255, 100, 200;--bg-dark: 10, 12, 25;--bg-card: 25, 28, 45;--text-primary: 255, 255, 255;--text-secondary: 180, 190, 220}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,sans-serif;background:rgb(var(--bg-dark));color:rgb(var(--text-primary));overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:2}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:float 20s infinite ease-in-out}.sphere-1{width:50vw;height:50vw;background:radial-gradient(circle,rgba(var(--neon-purple),.8),rgba(var(--neon-blue),.4) 70%);top:-10%;right:-10%;animation-delay:0s}.sphere-2{width:40vw;height:40vw;background:radial-gradient(circle,rgba(var(--neon-blue),.8),rgba(var(--accent),.4) 70%);bottom:-10%;left:-10%;animation-delay:-5s}.sphere-3{width:30vw;height:30vw;background:radial-gradient(circle,rgba(var(--neon-pink),.8),rgba(var(--accent-light),.4) 70%);top:40%;left:60%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(5%,5%)}50%{transform:translateY(10%)}75%{transform:translate(-5%,5%)}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(var(--text-primary),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--text-primary),.05) 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none}header{background-color:#191c2dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 4px 20px #0003;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(var(--neon-blue),.2)}header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;color:#fff}.logo svg{color:rgb(var(--neon-blue));filter:drop-shadow(0 0 5px rgba(var(--neon-blue),.5))}.logo h1{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,rgb(var(--neon-blue)),rgb(var(--neon-purple)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(var(--neon-blue),.3)}nav{display:flex;gap:1.5rem}nav a{color:rgb(var(--text-secondary));text-decoration:none;font-weight:500;transition:all .2s ease;position:relative;padding:.3rem 0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,rgb(var(--neon-blue)),rgb(var(--neon-purple)));transition:width .3s ease}nav a:hover{color:rgb(var(--text-primary))}nav a:hover:after{width:100%}main{flex:1;padding:2rem 0}footer{background-color:#191c2dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem 0;margin-top:auto;border-top:1px solid rgba(var(--neon-blue),.2)}footer p{color:rgb(var(--text-secondary));text-align:center;font-size:.9rem}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;line-height:1.2}p{line-height:1.6}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.btn{display:inline-block;background:linear-gradient(90deg,rgba(var(--neon-blue),.8),rgba(var(--neon-purple),.8));color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;padding:.6rem 1.2rem;border-radius:4px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 0 15px rgba(var(--neon-blue),.3)}.btn:hover{background:linear-gradient(90deg,rgba(var(--neon-blue),1),rgba(var(--neon-purple),1));box-shadow:0 0 20px rgba(var(--neon-blue),.5);transform:translateY(-2px)}input,select,textarea{background-color:rgba(var(--bg-card),.8);border:1px solid rgba(var(--neon-blue),.3);color:rgb(var(--text-primary));padding:.8rem 1rem;border-radius:4px;font-family:Inter,sans-serif;transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(var(--neon-blue),.8);box-shadow:0 0 10px rgba(var(--neon-blue),.2)}@media (max-width: 768px){.logo h1{font-size:1.2rem}.gradient-sphere{opacity:.15;filter:blur(60px)}}