@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800&family=Syne:wght@400;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-deep: #030305;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--brand-primary: #2DD4BF;--brand-secondary: #E2E8F0;--brand-accent: #6366F1;--text-main: #F8FAFC;--text-muted: #94A3B8;--glass-border: rgba(255, 255, 255, .08)}body{background-color:var(--bg-deep);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;letter-spacing:-.02em}.font-serif{font-family:"Instrument Serif",serif}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.popup-overlay{background:#030305d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.popup-card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #2dd4bf4d}50%{box-shadow:0 0 30px #2dd4bf80}}@keyframes icon-bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in-scale{animation:fade-in-scale .4s cubic-bezier(.16,1,.3,1) forwards}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-icon-bounce{animation:icon-bounce-subtle 2s ease-in-out infinite}.btn-primary-glow{box-shadow:0 0 20px #2dd4bf33;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary-glow:hover{box-shadow:0 0 30px #2dd4bf66;transform:translateY(-2px)}.btn-primary-glow:active{transform:translateY(0) scale(.98)}.btn-danger-glow{box-shadow:0 0 20px #ef444433;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-danger-glow:hover{box-shadow:0 0 30px #ef444466;transform:translateY(-2px)}.btn-danger-glow:active{transform:translateY(0) scale(.98)}.transition-smooth{transition:all .3s cubic-bezier(.16,1,.3,1)}.transition-fast{transition:all .2s cubic-bezier(.16,1,.3,1)}.article-content{font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8;color:#cbd5e1}.article-content h2{font-family:Syne,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--brand-primary);margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.article-content h3{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--text-main);margin-top:2.25rem;margin-bottom:1rem}.article-content h4{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.4;color:var(--brand-secondary);margin-top:1.75rem;margin-bottom:.75rem}.article-content>h2:first-child,.article-content>h3:first-child,.article-content>h4:first-child{margin-top:0}.article-content p{margin-bottom:1.25rem}.article-content p:last-child{margin-bottom:0}.article-content strong{color:var(--text-main);font-weight:600}.article-content em{font-style:italic;color:#e2e8f0}.article-content a{color:var(--brand-primary);text-decoration:underline;text-decoration-color:#2dd4bf59;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.article-content a:hover{color:#5eead4;text-decoration-color:#5eead4}.article-content a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:2px}.article-content a:visited{color:#99f6e4;text-decoration-color:#99f6e459}.article-content a[target=_blank]:after{content:" ↗";font-size:.75em;opacity:.6}.article-content ul,.article-content ol{margin-top:1rem;margin-bottom:1.5rem;padding-left:1.75rem}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:.5rem;padding-left:.25rem;line-height:1.7}.article-content li::marker{color:var(--brand-primary)}.article-content li:last-child{margin-bottom:0}.article-content blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--brand-primary);background:#2dd4bf0f;border-radius:0 .75rem .75rem 0}.article-content blockquote p{color:#e2e8f0;font-style:italic;font-size:1.0625rem;margin-bottom:0}.article-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent);margin:2.5rem 0}.article-content code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em;background:#ffffff14;color:#e2e8f0;padding:.15em .4em;border-radius:.25rem;border:1px solid rgba(255,255,255,.06)}.article-content pre{margin:1.5rem 0;padding:1.25rem 1.5rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content pre code{background:none;border:none;padding:0;font-size:.875rem;line-height:1.7;color:#cbd5e1}.article-content figure{margin:2rem 0}.article-content figure img,.article-content img{max-width:100%;height:auto;border-radius:.75rem;border:1px solid var(--glass-border)}.article-content figcaption{margin-top:.5rem;font-size:.875rem;color:var(--text-muted);text-align:center;font-style:italic}.article-content table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.9375rem}.article-content th,.article-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--glass-border)}.article-content th{color:var(--text-main);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.article-content td{color:#cbd5e1}.article-content tr:last-child td{border-bottom:none}@media(max-width:768px){.article-content{font-size:1rem;line-height:1.75}.article-content h2{font-size:1.5rem;margin-top:2.25rem}.article-content h3{font-size:1.25rem;margin-top:1.75rem}.article-content h4{font-size:1.125rem}.article-content blockquote{padding:1rem 1.25rem}.article-content pre{padding:1rem;border-radius:.5rem}.article-content ul,.article-content ol{padding-left:1.25rem}}