:root{--bg-primary:#070a12;--bg-secondary:#0d1220;--bg-footer:#05070d;--card-bg:#111827;--card-hover:#151d2e;--color-primary:#5b8cff;--color-secondary:#8b5cf6;--gradient-brand:linear-gradient(135deg, #5b8cff, #8b5cf6);--text-main:#f8fafc;--text-secondary:#a7b0c0;--text-muted:#667085;--border-color:#1e293b;--border-hover:#334155;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(50px)}.reveal.visible{opacity:1;transform:translateY(0)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background-color:#02030a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s,transform .2s}button{transition:all .2s}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--color-primary);color:var(--text-main)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.main-layout{z-index:1;position:relative}.route-loading{min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}.navbar{z-index:100;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.navbar-logo{color:var(--text-main);letter-spacing:1px;font-size:24px;font-weight:700}.navbar-menu{align-items:center;gap:28px;display:flex}.navbar-menu li a{color:var(--text-secondary);font-size:15px;transition:color .2s;position:relative}.navbar-menu li a:after{content:"";background:var(--gradient-brand);width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.navbar-menu li a:hover{color:var(--text-main)}.navbar-menu li a:hover:after{width:100%}.navbar-cta{background-color:var(--color-primary);color:var(--text-main);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s}.navbar-cta:hover{opacity:.9}.navbar-toggle{z-index:200;flex-direction:column;justify-content:center;gap:5px;width:28px;height:22px;display:none}.navbar-toggle span{background-color:var(--text-main);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.navbar-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-cta-mobile{display:none}@media (width<=900px){.navbar-toggle{display:flex}.navbar-cta{display:none}.navbar-menu{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:150;flex-direction:column;align-items:flex-start;gap:0;width:75%;max-width:320px;height:100vh;padding:100px 32px 32px;transition:right .35s;position:fixed;top:0;right:-100%}.navbar-menu.active{right:0}.navbar-menu li{border-bottom:1px solid var(--border-color);width:100%;padding:14px 0}.navbar-menu li a{font-size:16px;display:block}.navbar-cta-mobile{width:100%;margin-top:24px;display:block}.navbar-cta-mobile a{text-align:center;background-color:var(--color-primary);color:var(--text-main);border-radius:8px;padding:12px 20px;font-weight:600;display:block}}.navbar-right{align-items:center;gap:16px;display:flex}.navbar-login-btn{color:var(--text-main);border:1px solid var(--border-hover);background-color:#0000;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:border-color .2s}.navbar-login-btn:hover{border-color:var(--color-primary)}.navbar-user{align-items:center;gap:10px;display:flex}.navbar-user-avatar{border:2px solid var(--border-color);border-radius:50%;width:32px;height:32px}.navbar-logout-btn{color:var(--text-secondary);font-size:13px;transition:color .2s}.navbar-logout-btn:hover{color:var(--color-error)}.navbar-auth-btn-mobile{background-color:var(--card-bg);width:100%;color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px 20px;font-size:14px;font-weight:600;display:block}@media (width<=900px){.navbar-right{display:none}}.navbar-user-avatar-fallback{background:var(--gradient-brand);color:var(--text-main);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.footer{background-color:var(--bg-footer);border-top:1px solid var(--border-color);margin-top:80px}.footer-container{max-width:1280px;margin:0 auto;padding:60px 24px 24px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:40px;display:flex}.footer-logo{color:var(--text-main);margin-bottom:8px;font-size:22px}.footer-tagline{color:var(--text-muted);font-size:14px}.footer-links{flex-wrap:wrap;gap:60px;display:flex}.footer-col h4{color:var(--text-main);margin-bottom:16px;font-size:14px}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col.wide ul{flex-flow:wrap;gap:10px 16px;max-width:320px}.footer-col ul li a{color:var(--text-secondary);font-size:14px;transition:color .2s}.footer-col ul li a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;padding-top:24px}.footer-bottom p{color:var(--text-muted);font-size:13px}.footer-admin-link{color:var(--text-muted);font-size:12px;transition:color .2s}.footer-admin-link:hover{color:var(--color-primary)}.particle-background{z-index:-1;pointer-events:none;will-change:transform;width:100%;height:100%;position:fixed;top:0;left:0;transform:translateZ(0)}