@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-color:#0a0a0f;--surface-color:#12121a;--surface-color-light:#1a1a28;--accent-color:#7c3aed;--accent-glow:#a855f7;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--border-color:#27273a;--online-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}code,pre{font-family:JetBrains Mono,monospace}a{color:var(--accent-glow);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 10px #a855f700}to{box-shadow:0 0 #a855f700}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg, var(--accent-color), var(--accent-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.doc-card{background-color:var(--surface-color-light);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;gap:.75rem;height:100%;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.doc-card:hover{border-color:var(--accent-glow);transform:translateY(-3px);box-shadow:0 8px 24px #7c3aed26}