:root{--primary-blue: #14146a;--secondary-blue: #1f3da3;--blue-accent: #3a78ff;--deep-space: #0c0c36;--cosmic-blue: #0f2e68;--cosmic-gradient: linear-gradient( 135deg, var(--primary-blue) 0%, var(--secondary-blue) 50%, var(--blue-accent) 100% );--glass-gradient: linear-gradient( 135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100% );--glow-gradient: radial-gradient( circle, rgba(58, 120, 255, .2) 0%, rgba(10, 28, 71, 0) 70% );--gold: #ffc456;--gold-dark: #e6a332;--gold-glow: #fff2cc;--gold-gradient: linear-gradient( 135deg, var(--gold-dark) 0%, var(--gold) 100% );--white: #ffffff;--off-white: #f8f9ff;--gray-light: #e5e9ff;--gray: #9ba3bf;--gray-dark: #596080;--black: #0a0f20;--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .15);--shadow-soft: 0 10px 30px rgba(8, 15, 36, .1);--shadow-strong: 0 20px 50px rgba(8, 15, 36, .2);--glow-blue: 0 0 20px rgba(58, 120, 255, .4);--glow-gold: 0 0 20px rgba(255, 196, 86, .4)}.hero-stars{background-image:radial-gradient(1px 1px at 25px 25px,white 1%,transparent 0%),radial-gradient(1px 1px at 50px 100px,white 1%,transparent 0%),radial-gradient(1px 1px at 100px 50px,white 1%,transparent 0%),radial-gradient(1px 1px at 150px 150px,white 1%,transparent 0%),radial-gradient(1px 1px at 200px 200px,white 1%,transparent 0%),radial-gradient(1px 1px at 250px 250px,white 1%,transparent 0%),radial-gradient(1px 1px at 300px 300px,white 1%,transparent 0%),radial-gradient(1px 1px at 350px 350px,white 1%,transparent 0%),radial-gradient(1px 1px at 400px 400px,white,transparent);background-size:600px 600px;animation:parallax 150s linear infinite}@keyframes parallax{0%{background-position:0 0}to{background-position:600px 600px}}.nav-link:before{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold-gradient);transition:width .3s ease}.nav-link:hover:before{width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-card{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes orbit-rotation{0%{transform:rotate(0) translate(300px) rotate(0)}to{transform:rotate(360deg) translate(300px) rotate(-360deg)}}