:root{--color-bg-primary:#06090f;--color-bg-secondary:#0c1018;--color-bg-tertiary:#111620;--color-bg-card:#0f1420;--color-bg-card-hover:#161c2c;--color-bg-surface:#0f1420bf;--color-bg-elevated:#1a2030;--color-text-primary:#fffffff2;--color-text-secondary:#ffffff9e;--color-text-tertiary:#fff6;--color-text-muted:#ffffff38;--color-text-ghost:#ffffff1a;--color-gold:#c9a84c;--color-gold-light:#e2c87f;--color-gold-dim:#a08939;--color-cyan:#00d4ff;--color-cyan-light:#33e0ff;--color-cyan-dim:#0099b8;--color-danger:#ff4d4f;--color-danger-bg:#ff4d4f14;--color-warning:#faad14;--color-warning-bg:#faad1414;--color-success:#52c41a;--color-success-bg:#52c41a14;--color-info:#4096ff;--color-info-bg:#4096ff14;--color-border:#ffffff0f;--color-border-active:#ffffff1f;--color-border-gold:#c9a84c33;--color-border-subtle:#ffffff08;--font-sans:var(--font-inter), var(--font-noto-sans-jp), system-ui, -apple-system, sans-serif;--font-serif:var(--font-noto-serif-jp), "Times New Roman", serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-glow-gold:0 0 24px #c9a84c1f, 0 0 48px #c9a84c0f;--shadow-glow-cyan:0 0 24px #00d4ff1f, 0 0 48px #00d4ff0f;--shadow-glow-danger:0 0 20px #ff4d4f26;--shadow-inner:inset 0 1px 0 #ffffff08;--transition-fast:.12s cubic-bezier(.25, .1, .25, 1);--transition-normal:.22s cubic-bezier(.25, .1, .25, 1);--transition-slow:.4s cubic-bezier(.25, .1, .25, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:56px;--ticker-height:36px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--color-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-cyan-light)}::selection{color:var(--color-text-primary);background:#00d4ff33}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseDot{0%,to{box-shadow:0 0 #52c41a66}50%{box-shadow:0 0 0 4px #52c41a00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px #c9a84c26)}50%{filter:drop-shadow(0 0 20px #c9a84c4d)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:#c9a84c26}50%{border-color:#c9a84c59}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes revealLine{0%{width:0}to{width:100%}}@keyframes ringFill{0%{stroke-dashoffset:var(--ring-circumference,282.74)}to{stroke-dashoffset:var(--ring-target,0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in-scale{animation:.5s ease-out forwards fadeInScale}.stagger-1{opacity:0;animation-delay:80ms}.stagger-2{opacity:0;animation-delay:.16s}.stagger-3{opacity:0;animation-delay:.24s}.stagger-4{opacity:0;animation-delay:.32s}.stagger-5{opacity:0;animation-delay:.4s}.stagger-6{opacity:0;animation-delay:.48s}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);box-shadow:var(--shadow-inner);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#c9a84c05 0%,#0000 40%,#00d4ff03 100%);position:absolute;inset:0}.card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card:hover:before{opacity:1}.card-glass{-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-inner);background:#0f142080}.badge{align-items:center;gap:var(--space-1);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;padding:2px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ff4d4f26}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #faad1426}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #52c41a26}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #4096ff26}.badge-gold{color:var(--color-gold-light);background:#c9a84c14;border:1px solid #c9a84c26}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.01em;border:none;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-gold-light) 0%, var(--color-gold) 100%);color:#06090f;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff26}.btn-primary:hover{box-shadow:var(--shadow-glow-gold), 0 2px 8px #0000004d;filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.95);transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-active);box-shadow:var(--shadow-inner);background:0 0}.btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-gold-dim)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0a}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);box-shadow:var(--shadow-inner);background:#06090fcc;outline:none;font-size:.9375rem;display:block}.input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c9a84c14, var(--shadow-inner)}.input::placeholder{color:var(--color-text-muted)}.heading-serif{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:700;line-height:1.3}.text-gold{color:var(--color-gold-light)}.text-cyan{color:var(--color-cyan)}.text-gradient-gold{background:linear-gradient(135deg, var(--color-gold-light) 0%, var(--color-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.grid-pattern{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:48px 48px}.noise-overlay{pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (max-width:768px){:root{--sidebar-width:0px}}