:root {
  --color-base-dark: #0A1F3F;
  --color-accent-gold: #FFD700;
  --color-accent-cyan: #00E5FF;
  --color-surface-dark: #0D2B4E;
  --color-surface-medium: #152C4A;
  --color-text-primary: #E0E6ED;
  --color-text-secondary: #8A9BAE;
  --color-error-red: #FF3366;
  --color-success-green: #00E676;
  --font-heading: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Cascadia Code', monospace;
  --scale-ratio: 1.25;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.563rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-3xl: 3.052rem;
  --space-unit: 1.25rem;
  --space-xs: calc(var(--space-unit) * 0.5);
  --space-sm: var(--space-unit);
  --space-md: calc(var(--space-unit) * 1.5);
  --space-lg: calc(var(--space-unit) * 2.5);
  --space-xl: calc(var(--space-unit) * 4);
  --max-width: 1200px;
  --header-height: 56px;
  --nav-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);
  --shadow-glow-cyan: 0 0 12px rgba(0, 229, 255, 0.3);
  --shadow-glow-gold: 0 0 12px rgba(255, 215, 0, 0.25);
  --clip-angle: 12deg;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary);background-color:var(--color-base-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--color-accent-cyan);text-decoration:none;transition:color 0.2s}
a:hover{color:var(--color-accent-gold)}
a:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.2;color:var(--color-text-primary)}
h1{font-size:var(--text-3xl)}
h2{font-size:var(--text-2xl)}
h3{font-size:var(--text-xl)}
h4{font-size:var(--text-lg)}
p{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}
.skip-link{position:fixed;top:-100%;left:1rem;z-index:10000;padding:0.5rem 1rem;background:var(--color-accent-gold);color:var(--color-base-dark);font-weight:700;font-size:var(--text-sm);border-radius:0 0 4px 4px;transition:top 0.2s}
.skip-link:focus{top:0;outline:none}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:transparent;transition:background 0.4s,box-shadow 0.4s;will-change:background}
.header[data-scrolled]{background:rgba(10,31,63,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 20px rgba(0,0,0,0.4)}
.header::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);opacity:0.4;transition:opacity 0.4s}
.header[data-scrolled]::after{opacity:0.7}
.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);height:100%}
.header__brand{font-family:var(--font-mono);font-size:var(--text-md);font-weight:800;color:var(--color-accent-gold);letter-spacing:0.02em;position:relative;z-index:1001;text-shadow:0 0 8px rgba(255,215,0,0.15)}
.header__brand:hover{color:var(--color-accent-gold);opacity:0.85}
.header__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;gap:5px;z-index:1001;position:relative}
.header__toggle-bar{display:block;width:24px;height:2px;background:var(--color-accent-cyan);border-radius:2px;transition:transform 0.3s,opacity 0.3s;transform-origin:center}
.header__nav{display:flex;align-items:center}
.header__nav-list{display:flex;gap:var(--space-xs)}
.header__nav-link{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);position:relative;transition:color 0.2s;letter-spacing:0.03em}
.header__nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-accent-cyan);transition:width 0.3s,box-shadow 0.3s;border-radius:1px}
.header__nav-link:hover{color:var(--color-accent-gold)}
.header__nav-link:hover::after{width:60%;box-shadow:var(--shadow-glow-cyan)}
.header__nav-link[aria-current="page"]{color:var(--color-accent-gold)}
.header__nav-link[aria-current="page"]::after{width:70%;background:var(--color-accent-gold);box-shadow:var(--shadow-glow-gold)}
.footer{background:var(--color-surface-dark);border-top:1px solid rgba(0,229,255,0.1);padding:var(--space-lg) 0 var(--space-md);position:relative}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-gold),transparent);opacity:0.3}
.footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-lg)}
.footer__brand{display:flex;flex-direction:column;gap:var(--space-xs)}
.footer__brand-name{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:800;color:var(--color-accent-gold);letter-spacing:0.02em}
.footer__brand-desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:240px}
.footer__info{display:flex;flex-direction:column;gap:var(--space-md)}
.footer__links{display:flex;gap:var(--space-md);flex-wrap:wrap}
.footer__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);position:relative;padding-bottom:2px;transition:color 0.2s}
.footer__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-accent-gold);transition:width 0.3s}
.footer__link:hover{color:var(--color-accent-gold)}
.footer__link:hover::after{width:100%}
.footer__contact{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}
.footer__contact-item{display:block}
.footer__bottom{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid rgba(255,215,0,0.12);margin-top:var(--space-sm)}
.footer__copyright{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}
.footer__icp{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}
.glow-line{height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);border-radius:1px;margin:var(--space-md) 0;opacity:0.5}
.panel--clipped{background:var(--color-surface-medium);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);padding:var(--space-md);position:relative;transition:box-shadow 0.3s}
.panel--clipped:hover{box-shadow:var(--shadow-glow-cyan)}
.content-grid{display:grid;grid-template-columns:180px 1fr;gap:var(--space-lg);max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-md)}
.content-grid__aside{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);position:relative;padding-top:var(--space-xs)}
.content-grid__aside::before{content:'';position:absolute;top:0;left:0;width:40px;height:2px;background:var(--color-accent-cyan);opacity:0.6}
.content-grid__main{min-width:0}
.section-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-accent-cyan);letter-spacing:0.08em;text-transform:uppercase;display:inline-block;position:relative;padding-left:var(--space-md)}
.section-label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:1px;background:var(--color-accent-cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;border-radius:4px;transition:all 0.3s;position:relative;overflow:hidden}
.btn--primary{background:var(--color-accent-gold);color:var(--color-base-dark);box-shadow:var(--shadow-glow-gold)}
.btn--primary:hover{background:#ffd700;box-shadow:0 0 20px rgba(255,215,0,0.4);transform:translateY(-1px)}
.btn--ghost{border:1px solid var(--color-accent-cyan);color:var(--color-accent-cyan);background:transparent}
.btn--ghost:hover{background:rgba(0,229,255,0.08);box-shadow:var(--shadow-glow-cyan);border-color:var(--color-accent-cyan)}
.breadcrumb{display:flex;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-sm) 0;flex-wrap:wrap}
.breadcrumb a{color:var(--color-text-secondary)}
.breadcrumb a:hover{color:var(--color-accent-cyan)}
.breadcrumb [aria-current="page"]{color:var(--color-accent-gold);font-weight:600}
.breadcrumb li+li::before{content:'/';margin-right:var(--space-xs);color:var(--color-text-secondary)}
[data-expandable]{border-bottom:1px solid rgba(0,229,255,0.08);margin-bottom:var(--space-sm)}
[data-expand-toggle]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) 0;font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);cursor:pointer;text-align:left;background:none;border:none;transition:color 0.2s}
[data-expand-toggle]:hover{color:var(--color-accent-gold)}
[data-expand-toggle]::after{content:'';display:inline-block;width:10px;height:10px;border-right:2px solid var(--color-accent-cyan);border-bottom:2px solid var(--color-accent-cyan);transform:rotate(45deg);transition:transform 0.3s;margin-left:var(--space-sm);flex-shrink:0}
[data-expanded="true"] [data-expand-toggle]::after{transform:rotate(-135deg)}
[data-expand-body]{display:none;padding:0 0 var(--space-sm) 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}
[data-expanded="true"] [data-expand-body]{display:block;animation:fadeSlideIn 0.3s ease-out}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
  .header__toggle{display:flex}
  .header__nav{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,31,63,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.35s,visibility 0.35s;z-index:999}
  .header__nav[data-open]{opacity:1;visibility:visible}
  .header__nav-list{flex-direction:column;align-items:center;gap:var(--space-md)}
  .header__nav-link{font-size:var(--text-lg);padding:var(--space-sm) var(--space-md)}
  .header__toggle[aria-expanded="true"] .header__toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .header__toggle[aria-expanded="true"] .header__toggle-bar:nth-child(2){opacity:0}
  .header__toggle[aria-expanded="true"] .header__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
  .footer__inner{grid-template-columns:1fr;gap:var(--space-md)}
  .footer__bottom{grid-column:span 1;flex-direction:column;gap:var(--space-xs);text-align:center}
  .content-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}
  .content-grid__aside{padding-top:0}
  .content-grid__aside::before{top:-8px;left:0;width:30px}
}
@media(min-width:769px)and (max-width:1024px){
  .footer__inner{gap:var(--space-md)}
  .content-grid{grid-template-columns:140px 1fr;gap:var(--space-md)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
  .header{transition:none}
  .header__nav{transition:none}
  [data-expand-body]{animation:none!important}
  .btn:hover{transform:none!important}
}
::selection{background:var(--color-accent-cyan);color:var(--color-base-dark)}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--color-base-dark)}
::-webkit-scrollbar-thumb{background:var(--color-surface-medium);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}