@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Cinzel:wght@700&display=swap";:root{--bg-darker:#090a0f;--bg-dark:#0f111a;--bg-card:#171a26;--bg-card-hover:#1e2233;--primary:#d4af37;--primary-hover:#ffdf7a;--primary-glow:#d4af3726;--accent:#e5c158;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dark:#475569;--border-color:#ffffff0f;--border-color-hover:#d4af374d;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 30px #000000b3;--shadow-glow:0 0 20px #d4af371a;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-darker);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}body{background:radial-gradient(circle at 50% 0%, #151928 0%, var(--bg-darker) 70%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:2.5rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.85rem}h3{margin-bottom:.75rem;font-size:1.4rem}p{color:var(--text-muted);margin-bottom:1.25rem}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:2rem;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md), var(--shadow-glow);background-color:var(--bg-card-hover);transform:translateY(-4px)}.card:hover:before{opacity:1}.badge{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#d6af371a;border:1px solid #d6af3733;border-radius:50px;align-items:center;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.95rem;font-weight:600;font-family:var(--font-heading);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--bg-darker);border:none;box-shadow:0 4px 12px #d6af3733}.btn-primary:hover{background-color:var(--primary-hover);color:var(--bg-darker);transform:translateY(-2px);box-shadow:0 6px 16px #d6af3759}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#ffffff05}header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);z-index:100;background-color:#090a0fcc;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-main);align-items:center;gap:.5rem;font-size:1.45rem;font-weight:800;display:flex}.logo span{color:var(--primary)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link.active{border-bottom:2px solid var(--primary);padding-bottom:.25rem}footer{border-top:1px solid var(--border-color);color:var(--text-muted);background-color:#090a0fe6;margin-top:auto;padding:3rem 0;font-size:.9rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.prose{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.prose h1,.prose h2,.prose h3{color:var(--text-main);margin-top:2.5rem;margin-bottom:1rem}.prose p{margin-bottom:1.5rem}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#d6af3708;margin-bottom:1.5rem;padding:.75rem 1.25rem;font-style:italic}.hero{text-align:center;background:radial-gradient(circle,#d6af370d 0%,#0000 60%);padding:6rem 0 4rem}.hero h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.15}.hero h1 span{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{max-width:600px;margin:0 auto 2rem;font-size:1.25rem}@media (width<=768px){.hero h1{font-size:2.5rem}.nav-container{flex-direction:column;justify-content:center;gap:.75rem;height:auto;padding:1rem 0}.nav-links{gap:1.25rem}}
