:root{--bg: #e8eaf2;--surface: #f8f9fc;--surface2: #dfe2ec;--border: #c5c9d9;--text: #1a1d27;--text-dim: #434863;--accent: #2d3db0;--accent-glow: rgba(45, 61, 176, .14)}*{margin:0;padding:0;box-sizing:border-box}html{background:#1a1d27}body{background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);line-height:1.6;min-height:100vh}.hero{text-align:center;padding:60px 20px 40px;background:var(--bg)}.hero h1,.hero .hero-brand{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:8px;color:#474747}.hero h1 .brand-accent,.hero .hero-brand .brand-accent{color:#2d3db0}.hero-date{font-size:1.2rem;font-style:italic;color:var(--text)}.subpage-breadcrumb{font-size:.8rem;color:var(--text-dim);margin-top:8px}.subpage-breadcrumb a{color:var(--accent);text-decoration:none}.subpage-breadcrumb a:hover{text-decoration:underline}.subpage-main{max-width:1024px;margin:0 auto;padding:32px 20px 48px}.subpage-main h1{font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:-.01em}.subpage-main>p{font-size:.95rem;line-height:1.75;color:var(--text-dim);margin-bottom:14px;max-width:100%}.subpage-main>p a{color:var(--accent);font-weight:600;text-decoration:none}.subpage-main>p a:hover{text-decoration:underline}.subpage-cta{display:inline-block;margin-top:32px;padding:12px 24px;background:var(--accent);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;transition:opacity .2s}.subpage-cta:hover{opacity:.85}footer{background:#1a1d27}.footer{text-align:center;padding:30px 20px;color:#b0b4c8;font-size:.75rem;background:#1a1d27;line-height:1.8}.footer strong{color:#d0d4e8}.footer a{color:#a0a8ff;text-decoration:none}.footer a:hover{opacity:.8}.footer-nav{margin-bottom:12px}.footer-nav a{color:#a0a8ff;text-decoration:none;font-weight:600}.footer-nav a:hover{opacity:.8}.footer-bottom{background:#1a1d27;color:#b0b4c8;text-align:center;padding:24px 20px;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.footer-bottom a{color:#a0a8ff;text-decoration:none}.footer-bottom a:hover{opacity:.8}.footer-bottom svg{vertical-align:middle}@media (max-width: 600px){.subpage-main h1{font-size:1.3rem}.subpage-main{padding:24px 16px 36px}.hero{padding:30px 16px 24px}.hero h1,.hero .hero-brand{font-size:1.8rem}.footer{padding:20px 12px;font-size:.68rem}.footer-bottom{padding:18px 12px;font-size:.72rem;gap:6px}}.menu-toggle{position:fixed;top:18px;left:18px;z-index:1100;width:48px;height:48px;border:none;border-radius:50%;background:var(--surface);box-shadow:0 2px 12px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,left .3s cubic-bezier(.4,0,.2,1);padding:0}.menu-toggle:hover{background:var(--surface2)}.menu-toggle.menu-open{left:258px;background:transparent;box-shadow:none}.menu-toggle .menu-icon,.menu-toggle .close-icon{display:block;width:20px;height:20px}.menu-toggle .close-icon,.menu-open .menu-icon{display:none}.menu-open .close-icon{display:block}.menu-overlay{position:fixed;inset:0;z-index:1050;background:#ffffff26;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}.menu-overlay.active{opacity:1;pointer-events:auto}.side-menu{position:fixed;top:0;left:0;z-index:1080;width:320px;max-width:85vw;height:100vh;background:var(--surface);box-shadow:4px 0 24px #00000026;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.side-menu.open{transform:translate(0)}.side-menu-header{padding:30px 20px 18px;border-bottom:1px solid var(--border);min-height:66px;display:flex;align-items:center}.side-menu-header .menu-brand{font-size:1.1rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em}.side-menu-header .menu-brand .brand-accent{color:var(--accent)}.side-menu-nav{list-style:none;padding:12px 0;flex:1}.side-menu-nav li a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text);text-decoration:none;font-size:.92rem;font-weight:500;transition:background .15s,color .15s}.side-menu-nav li a:hover{background:var(--accent-glow);color:var(--accent)}.side-menu-nav li a.active{color:var(--accent);font-weight:600;background:var(--accent-glow)}.side-menu-nav li a i{width:20px;text-align:center;font-size:.9rem}.side-menu-footer{padding:16px 20px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-dim);line-height:1.5}.side-menu-footer a{color:var(--accent);text-decoration:none}.side-menu-footer a:hover{text-decoration:underline}