:root{--sf-black: #000000;--sf-dark: #222222;--sf-dark-2: #151515;--sf-text: #f5f5f5;--sf-muted: #c8c8c8;--sf-border: #222222;--sf-surface: #0b0b0b;--sf-card: #111111}.sf-shell{min-height:100dvh;background:radial-gradient(circle at top left,rgba(34,34,34,.75),transparent 34rem),linear-gradient(180deg,#111,#000 48%,#000);color:var(--sf-text);--bg-canvas: #000000;--bg-surface: #111111;--bg-surface-subtle: #151515;--bg-surface-elevated: #181818;--fg-primary: #f6f6f6;--fg-secondary: #d2d2d2;--fg-muted: #acacac;--border-soft: #222222;--border-strong: #2d2d2d;--accent-primary: #0b0b0b;--accent-primary-hover: #151515;--accent-contrast: #f5f5f5;--focus-ring: #d0d0d0;--shadow-soft: 0 12px 24px rgba(0, 0, 0, .45)}.sf-container{width:min(1200px,100% - 2rem);margin:0 auto}.sf-header{border-bottom:1px solid var(--sf-border);background:#000000d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.sf-header-top{display:flex;align-items:center;gap:1rem;padding:.9rem 0}.sf-brand{display:inline-flex;align-items:center;color:var(--sf-text);text-decoration:none}.sf-brand img{width:34px;height:34px;border-radius:8px;object-fit:cover}.sf-search-form{flex:1;display:flex;align-items:center;gap:.5rem}.sf-input{width:100%;border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-text);border-radius:999px;padding:.72rem .95rem}.sf-input::placeholder{color:#9b9b9b}.sf-button{border:1px solid var(--sf-border);background:linear-gradient(180deg,#1a1a1a,#070707);color:#fff;border-radius:999px;padding:.72rem 1rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sf-button-secondary{background:#0b0b0b;border-color:#2b2b2b}.sf-button:hover{background:linear-gradient(180deg,#232323,#101010)}.sf-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 0 .95rem}.sf-chip{border:1px solid var(--sf-border);color:#e7e7e7;text-decoration:none;border-radius:999px;padding:.45rem .8rem;font-size:.86rem;background:#111}.sf-chip:hover{background:#181818}.sf-main{padding:1.3rem 0 2.5rem}.sf-hero{border:1px solid var(--sf-border);border-radius:20px;background:linear-gradient(135deg,#222,#000);padding:1.5rem;margin-bottom:1rem}.sf-hero h1{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.sf-hero p{color:var(--sf-muted)}.sf-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.sf-section{margin-bottom:1.25rem}.sf-section-header{display:flex;align-items:end;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.sf-section-header h2{margin:0;font-size:clamp(1.1rem,2vw,1.5rem)}.sf-section-header p{margin:0;color:var(--sf-muted);font-size:.92rem}.sf-card{border:1px solid var(--sf-border);border-radius:16px;overflow:hidden;background:var(--sf-card)}.sf-card-media{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#0f0f0f}.sf-card-media img{width:100%;height:100%;object-fit:cover}.sf-card-body{padding:.75rem}.sf-card-title{margin:0;color:#fff;font-size:.98rem;line-height:1.3}.sf-card-title a{color:#f5f5f5;text-decoration:none}.sf-card-title a:hover{text-decoration:underline}.sf-card-meta{color:var(--sf-muted);font-size:.84rem;margin-top:.35rem}.sf-panel{border:1px solid var(--sf-border);border-radius:16px;background:#111;padding:1rem}.sf-list-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.sf-list-card{border:1px solid var(--sf-border);border-radius:14px;padding:.85rem;background:#151515}.sf-list-card h3{margin:0 0 .35rem;font-size:1rem}.sf-list-card p{margin:0 0 .8rem;color:var(--sf-muted);font-size:.9rem}.sf-empty{border:1px dashed #2d2d2d;border-radius:14px;padding:1rem;color:#d5d5d5;background:#111}.sf-detail{display:grid;gap:1rem;grid-template-columns:1fr}.sf-access-band{border:1px solid var(--sf-border);border-radius:16px;background:linear-gradient(180deg,#151515,#0b0b0b);padding:1rem;margin-top:1rem}.sf-access-actions{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.sf-access-primary,.sf-access-secondary{min-height:3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;padding:.8rem 1rem}.sf-access-primary{background:#0b0b0b;border:1px solid #2b2b2b;color:#f5f5f5}.sf-access-secondary{background:#111;border:1px solid #222222;color:#dedede}@media (min-width: 900px){.sf-detail{grid-template-columns:minmax(320px,38%) 1fr}}@media (max-width: 860px){.sf-access-actions{grid-template-columns:1fr}}