.star-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.star-field:before,.star-field:after{content:"";position:absolute;top:0;left:0;width:100%;height:200%;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 40% 50%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 70% 10%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1px 1px at 20% 70%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 85% 40%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 55% 80%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 30% 30%,rgba(255,255,255,.35) 50%,transparent 50%),radial-gradient(1px 1px at 90% 90%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 5% 90%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 55%,rgba(255,255,255,.5) 50%,transparent 50%);animation:star-drift 120s linear infinite}.star-field:after{background-image:radial-gradient(1px 1px at 15% 45%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 50% 15%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 80% 65%,rgba(255,255,255,.55) 50%,transparent 50%),radial-gradient(1px 1px at 25% 85%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 60% 35%,rgba(0,240,255,.3) 50%,transparent 50%),radial-gradient(2px 2px at 95% 75%,rgba(0,240,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 45% 60%,rgba(255,255,255,.35) 50%,transparent 50%),radial-gradient(1px 1px at 75% 25%,rgba(255,255,255,.45) 50%,transparent 50%);animation-duration:180s;animation-direction:reverse}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particle-float linear infinite}@keyframes particle-float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-30px) translate(15px) scale(1.1)}}.orb{border-radius:50%;filter:blur(40px);animation:orb-pulse 6s ease-in-out infinite}@keyframes orb-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.glass{background:#1a0a2e40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}.glass-card{background:linear-gradient(135deg,#1a0a2e4d,#05050880);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#00f0ff26;box-shadow:0 0 30px #00f0ff0d}.glow-text{text-shadow:0 0 40px rgba(0,240,255,.3)}.glow-cyan{box-shadow:0 0 20px #00f0ff26,0 0 40px #00f0ff0d}.line-accent{position:relative}.line-accent:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#00f0ff,transparent)}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.15),transparent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050508}::-webkit-scrollbar-thumb{background:#00f0ff33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,240,255,.3),transparent,rgba(26,10,46,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.wireframe-sphere{width:300px;height:300px;position:relative;transform-style:preserve-3d;animation:sphere-rotate 20s linear infinite}.wireframe-sphere .ring{position:absolute;width:100%;height:100%;border:1px solid rgba(0,240,255,.2);border-radius:50%}@keyframes sphere-rotate{0%{transform:rotateY(0) rotateX(15deg)}to{transform:rotateY(360deg) rotateX(15deg)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.8}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .8s ease-out forwards}.cosmic-section{position:relative}.cosmic-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(26,10,46,.4) 0%,transparent 70%);pointer-events:none;z-index:0}