@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f9fafb;--bg-secondary:#fff;--text-primary:#0f1729;--text-secondary:#576175;--text-muted:#8a94a8;--primary:#067ee0;--primary-hover:#056abd;--primary-glow:#067ee026;--accent:#f59f0a;--accent-hover:#c47f08;--success:#22c35d;--error:#e8304f;--border-color:#e2e4e9;--border-hover:#c4c9d4;--glass-bg:#ffffffbf;--glass-border:#dcdcdc66;--glass-shadow:0 8px 32px 0 #1f26870a;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-primary:#05080f;--bg-secondary:#0b111e;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#6b7c94;--primary:#1f9ef9;--primary-hover:#51b4fb;--primary-glow:#1f9ef940;--accent:#f6ae31;--accent-hover:#f8c162;--border-color:#131d34;--border-hover:#1b294b;--glass-bg:#080c18cc;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px 0 #0000005e}@media (prefers-color-scheme:dark){:root{--bg-primary:#05080f;--bg-secondary:#0b111e;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#6b7c94;--primary:#1f9ef9;--primary-hover:#51b4fb;--primary-glow:#1f9ef940;--accent:#f6ae31;--accent-hover:#f8c162;--border-color:#131d34;--border-hover:#1b294b;--glass-bg:#080c18cc;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px 0 #0000005e}}body[data-view=brutalist]{--bg-primary:#000!important;--bg-secondary:#000!important;--text-primary:#fff!important;--text-secondary:#ccc!important;--text-muted:#888!important;--border-color:#333!important;--radius-sm:0px!important;--radius-md:0px!important;--radius-lg:0px!important;font-family:monospace!important}body[data-view=brutalist] .glass-nav{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#000!important;border-bottom:2px solid #333!important}body[data-view=brutalist] .glow-card{box-shadow:none!important;background:#000!important;border:1px solid #333!important;border-radius:0!important;transform:none!important}body[data-view=brutalist] .glow-card:before{display:none!important}body[data-view=brutalist] .btn{color:#fff!important;box-shadow:none!important;background:0 0!important;border:1px solid #fff!important;border-radius:0!important}body[data-view=brutalist] .btn:hover{color:#000!important;background:#fff!important}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:inherit;transition:var(--transition-fast);text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-nav{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-normal);position:sticky;top:0}.glow-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-normal);padding:24px;position:relative;overflow:hidden}.glow-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0), #ffffff0f, transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:0}.glow-card:hover{border-color:var(--primary);box-shadow:0 12px 24px -10px var(--primary-glow);transform:translateY(-4px)}.glow-card:hover:before{opacity:1}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-primary)}.form-group{margin-bottom:20px}.form-input{width:100%;font-family:var(--font-sans);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-normal);outline:none;padding:14px 16px;font-size:15px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.article-content{color:var(--text-secondary);font-size:18px;line-height:1.8}.article-content p{margin-bottom:24px}.article-content h2{color:var(--text-primary);margin-top:48px;margin-bottom:16px;font-size:28px}.article-content h3{color:var(--text-primary);margin-top:36px;margin-bottom:12px;font-size:22px}.article-content blockquote{border-left:4px solid var(--primary);color:var(--text-primary);margin:32px 0;padding-left:20px;font-style:italic;font-weight:500}.article-content code{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent);padding:2px 6px;font-family:monospace;font-size:15px}.article-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:32px;padding:20px;overflow-x:auto}.article-content pre code{color:var(--text-primary);background:0 0;border:none;padding:0;font-size:14px}.article-content ul,.article-content ol{margin-bottom:24px;padding-left:24px}.article-content li{margin-bottom:8px}