:root{--bg-primary: #011c27;--bg-secondary: #001517;--bg-tertiary: #003d50;--bg-gradient: linear-gradient(200deg, #005f70 10%, #003d50 20%, #001517 70%);--accent-cyan: #00ffff;--accent-cyan-hover: #00e6e6;--accent-cyan-muted: rgba(0, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #b3d9e6;--text-muted: #7a9db3;--border: rgba(0, 255, 255, .2);--border-hover: rgba(0, 255, 255, .4);--card-bg: rgba(0, 61, 80, .3);--card-bg-hover: rgba(0, 61, 80, .5);--shadow: rgba(0, 255, 255, .05);--shadow-hover: rgba(0, 255, 255, .1);--font-family-primary: "Roboto", "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Roboto Light", sans-serif;--border-radius: 2rem;--shadow-small: 0 4px 6px -1px var(--shadow), 0 2px 4px -1px var(--shadow);--shadow-big: 0 10px 15px -3px var(--shadow), 0 4px 6px -2px var(--shadow)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family-primary);background:var(--bg-gradient);background-color:var(--bg-primary);background-size:200% 200%;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;animation:backgroundFlow 8s ease infinite}@keyframes backgroundFlow{0%{background-position:0% 0%}50%{background-position:20% 50%}to{background-position:0% 0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:300;line-height:1.2;margin-top:0;color:var(--text-primary)}h1{font-size:3rem;margin-bottom:1.5rem}h2{font-size:2.25rem;margin-bottom:1.25rem}h3{font-size:1.875rem;margin-bottom:1rem}h4{font-size:1.5rem;margin-bottom:.875rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--accent-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-cyan-hover);text-decoration:underline}input,textarea,select{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-muted)}button{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:.75rem 1.5rem;border-radius:var(--border-radius);font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}button:hover{background:var(--accent-cyan-muted);border-color:var(--accent-cyan-hover);transform:translateY(-2px);box-shadow:var(--shadow-big)}button.primary{background:var(--accent-cyan);color:var(--bg-primary)}button.primary:hover{background:var(--accent-cyan-hover);color:var(--bg-primary)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius);padding:1.5rem;transition:all .3s ease;backdrop-filter:blur(10px)}.card:hover{background:var(--card-bg-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-big)}nav{backdrop-filter:blur(10px);background:#011c27cc;border-bottom:1px solid var(--border)}nav a{color:var(--text-secondary);padding:.75rem 1rem;border-radius:var(--border-radius);transition:all .3s ease;display:block}nav a:hover{background:var(--accent-cyan-muted);color:var(--accent-cyan);text-decoration:none}nav a.active{background:var(--accent-cyan);color:var(--bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan-hover)}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{padding:0 .75rem}}