*,:after,:before{box-sizing:border-box;margin:0;padding:0}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}:root{--c-bg:#0d0f14;--c-bg-surface:#13161e;--c-bg-subtle:#1a1e29;--c-border:#252a38;--c-text:#e8eaf0;--c-text-2:#8b90a0;--c-text-3:#555a6a;--c-accent:#3b575d;--c-accent-hover:#4d7079;--c-accent-warm:#e8914a;--c-available:#3dbf8a;--c-header-bg:rgba(13,15,20,.92);--f-sans:"Inter",system-ui,-apple-system,sans-serif;--f-serif:"Playfair Display",Georgia,serif;--f-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-w:72rem;--max-w-prose:42rem;--px:var(--space-6);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 12px 0 rgba(0,0,0,.08);--shadow-lg:0 8px 32px 0 rgba(0,0,0,.1);--ease:cubic-bezier(.4,0,.2,1);--duration:.2s}[data-theme=light]{--c-bg:#f9f8f6;--c-bg-surface:#fff;--c-bg-subtle:#f1efeb;--c-border:#e4e0d8;--c-text:#1a1916;--c-text-2:#6b6760;--c-text-3:#a09c96;--c-accent:#3b575d;--c-accent-hover:#2d4347;--c-accent-warm:#d97b35;--c-available:#2a9b6f;--c-header-bg:hsla(40,20%,97%,.92)}html{background:var(--c-bg);color:var(--c-text);font-family:var(--f-sans);font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}p{color:var(--c-text-2)}a{color:var(--c-accent);text-decoration:none;transition:color var(--duration) var(--ease)}a:hover{color:var(--c-accent-hover)}code{background:var(--c-bg-subtle);border-radius:var(--radius-sm);font-family:var(--f-mono);font-size:.875em;padding:.15em .4em}.container{margin-inline:auto;max-width:var(--max-w);padding-inline:var(--px);width:100%}.section{padding-block:var(--space-24)}.section--lg{padding-block:var(--space-32)}.page-hero{display:flex;min-height:260px;padding-block:var(--space-16)!important}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--duration) var(--ease);white-space:nowrap}.btn--primary{background:var(--c-accent);color:#fff}.btn--primary:hover{background:var(--c-accent-hover);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn--ghost{background:transparent;border:1.5px solid var(--c-border);color:var(--c-text)}.btn--ghost:hover{border-color:var(--c-accent);color:var(--c-accent)}.bg-blur{overflow:hidden;position:relative}.bg-blur:before{background-image:var(--bg-image);background-position:50%;background-size:cover;content:"";filter:blur(14px);inset:-24px;position:absolute;z-index:0}.bg-blur:after{background:#0a0c12b8;content:"";inset:0;position:absolute;z-index:1}.bg-blur>*{position:relative;z-index:2}[data-theme=light] .bg-blur:after{background:#f9f8f6b3}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-2);letter-spacing:.02em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge--available{background:color-mix(in srgb,var(--c-available) 12%,transparent);color:var(--c-available)}.badge--available:before{animation:pulse 2s ease-in-out infinite;background:var(--c-available);border-radius:50%;content:"";display:block;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}.section{padding-block:var(--space-16)}.section--lg{padding-block:var(--space-20)}:root{--px:var(--space-4)}}@media(max-width:480px){h1{font-size:var(--text-3xl)}}
