@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0d0f;background-attachment:fixed;color:#e8e6e3;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;letter-spacing:.01em}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;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)' opacity='0.015'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::selection{background:rgba(201,165,92,.3);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#232628;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2e3134}h1,h2,h3{font-weight:600;letter-spacing:-.02em}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.page-container{max-width:1400px;margin:0 auto;padding:32px 40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes subtleGlow{0%,to{box-shadow:0 0 0 rgba(201,165,92,0)}50%{box-shadow:0 0 12px rgba(201,165,92,.08)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid #c9a55c;outline-offset:2px}.gradient-text{background:linear-gradient(135deg,#c9a55c,#d4b068);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(20,22,24,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #232628}.hover-lift{transition:transform .15s ease,box-shadow .15s ease}.hover-lift:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.success{background:#5cb85c;box-shadow:0 0 6px rgba(92,184,92,.4)}.status-dot.warning{background:#e8943a;box-shadow:0 0 6px rgba(232,148,58,.4)}.status-dot.error{background:#d9534f;box-shadow:0 0 6px rgba(217,83,79,.4)}.status-dot.info{background:#5b9bd5;box-shadow:0 0 6px rgba(91,155,213,.4)}.mono{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace}.serif{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width:1024px){.responsive-grid-3,.responsive-grid-4{grid-template-columns:repeat(2,1fr)}.page-container{padding:24px}}@media (max-width:768px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.page-container{padding:16px}h1{font-size:24px!important}h2{font-size:18px!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-full-width{width:100%!important}.hide-mobile{display:none!important}}@media (max-width:480px){.page-container{padding:12px}h1{font-size:22px!important}}