*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#eef7ff;background:radial-gradient(circle at 18% 12%,#00e0ff47,#0000 28rem),radial-gradient(circle at 82% 10%,#ff2cc433,#0000 24rem),linear-gradient(135deg,#050712 0%,#0a1022 48%,#08131c 100%);min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#app{min-height:100vh}.app-shell{min-height:100vh;padding-top:74px;position:relative;overflow-x:hidden}.app-shell:before{z-index:-2;content:"";background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.app-shell:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000,#00f0ff14);height:36vh;position:fixed;inset:auto 0 0}.paper-particles{z-index:18;pointer-events:none;position:fixed;inset:0}.paper-particles span{width:var(--particle-size);height:calc(var(--particle-size) * .72);background:var(--particle-color);box-shadow:0 0 10px color-mix(in srgb, var(--particle-color) 72%, transparent);opacity:0;transform:translate3d(var(--x), var(--y), 0) rotate(0deg);will-change:transform, opacity;border-radius:1px;animation:.76s ease-out forwards paper-pop;position:fixed;top:0;left:0}@keyframes paper-pop{0%{opacity:0;transform:translate3d(var(--x), var(--y), 0) scale(.5) rotate(0deg)}18%{opacity:.95}to{opacity:0;transform:translate3d(calc(var(--x) + var(--dx)), calc(var(--y) + var(--dy) + 36px), 0) scale(.86) rotate(var(--rotate))}}.galaxy-dust,.galaxy-dust:before,.galaxy-dust:after{z-index:-1;content:"";pointer-events:none;position:fixed;inset:0}.galaxy-dust{opacity:.38;background-image:radial-gradient(circle,#ffffffd1 0 1px,#0000 1.7px),radial-gradient(circle,#75f0ff9e 0 1px,#0000 1.8px),radial-gradient(circle,#ff5bd770 0 1px,#0000 1.6px);background-position:12px 18px,92px 140px,180px 52px;background-size:240px 240px,360px 360px,460px 460px;animation:34s linear infinite dust-drift}.galaxy-dust:before{opacity:.42;background-image:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.5px),radial-gradient(circle,#75f0ff57 0 1px,#0000 1.6px);background-position:50px 20px,180px 96px;background-size:520px 520px,680px 680px;animation:58s linear infinite dust-drift-slow}.galaxy-dust:after{opacity:.52;background:linear-gradient(115deg,#0000 18%,#75f0ff14 48%,#0000 74%),linear-gradient(150deg,#0000 24%,#ff5bd70f 58%,#0000 82%);animation:24s ease-in-out infinite alternate dust-band}@keyframes dust-drift{0%{transform:translate(0,0)}to{transform:translate(-120px,90px)}}@keyframes dust-drift-slow{0%{transform:translate(0,0)}to{transform:translate(160px,-110px)}}@keyframes dust-band{0%{transform:translate(-2%)}to{transform:translate(2%)}}.site-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050712b8;border-bottom:1px solid #a4e8ff29;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:18px clamp(18px,4vw,72px);display:flex;position:fixed;top:0;left:0}.brand-mark{color:#fff;background:linear-gradient(135deg,#00e0ff2e,#ff2cc41f);border:1px solid #75f0ff8c;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-weight:900;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 0 28px #00e0ff33}.brand-mark:hover{border-color:#75f0ffc7;transform:translateY(-2px);box-shadow:0 0 20px #75f0ff47,0 0 32px #ff5bd71f}.brand-mark img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.nav-links a{color:#eef7ffb8;border:1px solid #0000;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:.92rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.nav-links a:hover,.nav-links a.router-link-active{color:#fff;background:#75f0ff1a;border-color:#75f0ff6b}.nav-links a:hover{transform:translateY(-1px);box-shadow:0 0 14px #75f0ff1f}.menu-toggle{cursor:pointer;background:#75f0ff14;border:1px solid #75f0ff6b;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.menu-toggle:hover{background:#75f0ff24;border-color:#75f0ffb3;transform:translateY(-2px);box-shadow:0 0 18px #75f0ff2e}.menu-toggle span{background:#eef7ff;border-radius:999px;width:18px;height:2px;display:block}.sidebar-backdrop{z-index:29;cursor:pointer;background:#00000070;border:0;position:fixed;inset:0}.sidebar-menu{z-index:30;background:linear-gradient(145deg,#091930f5,#180f2af5),#050712fa;border-left:1px solid #75f0ff3d;grid-template-rows:auto 1fr;width:min(360px,88vw);height:100vh;transition:transform .22s;display:grid;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-28px 0 80px #0000006b}.sidebar-menu.is-open{transform:translate(0)}.sidebar-head{color:#fff;border-bottom:1px solid #eef7ff1f;justify-content:space-between;align-items:center;padding:22px;font-weight:900;display:flex}.sidebar-head button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #eef7ff29;border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.4rem;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid}.sidebar-head button:hover{background:#75f0ff1f;border-color:#75f0ff7a;transform:translateY(-1px);box-shadow:0 0 16px #75f0ff24}.sidebar-menu nav{align-content:start;gap:10px;padding:20px;display:grid}.sidebar-menu nav a{color:#eef7ffd1;background:#ffffff0b;border:1px solid #75f0ff29;border-radius:8px;align-items:center;min-height:54px;padding:0 16px;font-weight:900;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.sidebar-menu nav a.router-link-active{color:#fff;background:#75f0ff1f;border-color:#75f0ff7a}.sidebar-menu nav a:hover{color:#fff;background:#75f0ff1a;border-color:#75f0ff6b;transform:translate(-4px);box-shadow:0 0 18px #75f0ff1f}@media (width<=680px){.app-shell{padding-top:86px}.site-header{flex-direction:row;align-items:center}.nav-links{display:none}}@media (prefers-reduced-motion:reduce){.paper-particles{display:none}}