@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#f4f8fc;--bg-secondary:#fff;--bg-card:#ffffffeb;--bg-card-hover:#fff;--border-glow:#0284c740;--border-subtle:#e2e8f0e6;--text-main:#0f172a;--text-muted:#475569;--text-cyan:#0284c7;--accent-cyan:#0284c7;--accent-blue:#0369a1;--accent-gold:#d97706;--accent-emerald:#059669;--accent-crimson:#dc2626;--gradient-cyber:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-card:linear-gradient(180deg, #fffffff2 0%, #f1f5f9f2 100%);--shadow-glow:0 10px 30px -5px #0284c72e;--shadow-card:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-main);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.bg-emblem-container{pointer-events:none;z-index:0;perspective:1400px;width:min(80vw,700px);height:min(80vw,700px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-emblem-3d-coin{opacity:.095;filter:contrast(115%)brightness(105%);width:100%;height:100%;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;animation:22s linear infinite rotate3DCoin;position:relative}@keyframes rotate3DCoin{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}.page-animate{animation:.35s ease-out forwards pageSlideFadeIn}@keyframes pageSlideFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);z-index:1;border-radius:16px;transition:all .3s;position:relative}.glass-panel:hover{border-color:var(--border-glow)}.glass-card-interactive{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);z-index:1;border-radius:16px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.glass-card-interactive:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.gradient-text{background:var(--gradient-cyber);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gold-gradient-text{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge-cyber{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;background:#0284c714;border:1px solid #0284c740;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:.825rem;font-weight:600;display:inline-flex}.badge-critical{color:var(--accent-crimson);background:#dc262614;border:1px solid #dc26264d;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-status{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.badge-published{color:#059669;background:#0596691a;border:1px solid #0596694d}.badge-archived{color:#d97706;background:#d977061a;border:1px solid #d977064d}.btn-primary{background:var(--gradient-cyber);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #0284c74d}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #0284c773}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 4px #00000005}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#f8fafc}.btn-gold{background:var(--gradient-gold);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #d9770640}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 18px #d9770659}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.pulse-dot{background-color:var(--accent-cyan);width:10px;height:10px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%;animation:2s ease-in-out infinite pulseGlow}.container{z-index:1;max-width:1400px;margin:0 auto;padding:0 16px;position:relative}@media (width<=900px){.desktop-nav{display:none!important}}.skeleton-pulse{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.high-contrast{filter:contrast(130%);color:#fff!important;background-color:#000!important;font-size:115%!important}body.high-contrast *{border-color:#fff!important}body.high-contrast div.glass-panel,body.high-contrast div.glass-card,body.high-contrast div.glass-card-interactive,body.high-contrast header,body.high-contrast footer{color:#fff!important;box-shadow:none!important;background:#000!important;border:2px solid #fff!important}body.high-contrast p,body.high-contrast span,body.high-contrast label,body.high-contrast h1,body.high-contrast h2,body.high-contrast h3,body.high-contrast h4{color:#fff!important;font-weight:700!important}body.high-contrast button{color:#000!important;background:#fff!important;border:2px solid #fff!important;font-weight:800!important}body.high-contrast button:hover{color:#000!important;background:#ff0!important}
