:root{--color-bg: #020617;--color-primary: #3b82f6;--color-primary-glow: rgba(59, 130, 246, .5);--color-text: #f1f5f9;--color-text-muted: #94a3b8;--header-height: 64px;--footer-height: 60px}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b899;box-shadow:0 0 10px var(--color-primary-glow)}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) rgba(15,23,42,.5)}a{text-decoration:none;color:inherit;transition:all .3s ease}.app-layout{min-height:100vh;position:relative;color:var(--color-text);overflow-x:hidden}.bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 50% 120%,#172554,#0f172a 50%,#020617);overflow:hidden}.stars-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 50px 160px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1.5px 1.5px at 130px 80px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent);background-repeat:repeat;opacity:0;animation:twinkle 10s ease-in-out infinite alternate}.layer-1{background-size:200px 200px;animation-duration:15s;opacity:.4}.layer-2{background-size:300px 300px;animation-duration:25s;animation-delay:5s;transform:rotate(15deg);opacity:.3}.layer-3{background-size:400px 400px;animation-duration:35s;animation-delay:10s;transform:rotate(-15deg);opacity:.2}@keyframes twinkle{0%{opacity:0;transform:scale(.8) translateY(0)}50%{opacity:1}to{opacity:0;transform:scale(1.3) translateY(-50px)}}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:floatOrb 60s infinite ease-in-out}.orb-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#1d4ed8 0%,transparent 70%);animation-delay:0s}.orb-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#0ea5e9 0%,transparent 70%);animation-delay:-30s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,100px) scale(1.2)}66%{transform:translate(-50px,40px) scale(.8)}}.content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;padding-top:var(--header-height, 64px)}.main-content{flex:1;width:100%}nav{padding:1rem;display:flex;gap:1rem;justify-content:center}nav a.router-link-exact-active{color:var(--color-primary);font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate{opacity:0;will-change:transform,opacity;visibility:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden}.animate.fade-in{animation:fadeIn .8s ease forwards}.animate.slide-up{animation:slideInUp .8s ease forwards}.animate.slide-left{animation:slideInLeft .8s ease forwards}.animate.slide-right{animation:slideInRight .8s ease forwards}.animate.zoom-in{animation:zoomIn .8s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.animate-container .animate-item{opacity:0;transition:opacity .3s ease;visibility:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden}.animate-container.in-view .animate-item{opacity:1;animation:slideInUp .5s ease forwards;visibility:visible}.animate-container.in-view .animate-item:nth-child(1){animation-delay:0ms}.animate-container.in-view .animate-item:nth-child(2){animation-delay:.1s}.animate-container.in-view .animate-item:nth-child(3){animation-delay:.2s}.animate-container.in-view .animate-item:nth-child(4){animation-delay:.3s}.animate-container.in-view .animate-item:nth-child(5){animation-delay:.4s}.animate-container.in-view .animate-item:nth-child(6){animation-delay:.5s}.animate-container.in-view .animate-item:nth-child(7){animation-delay:.6s}.animate-container.in-view .animate-item:nth-child(8){animation-delay:.7s}.animate-container.in-view .animate-item:nth-child(9){animation-delay:.8s}.animate-container.in-view .animate-item:nth-child(10){animation-delay:.9s}.animate-container.in-view .animate-item:nth-child(n+11){animation-delay:1s}