:root{--bg:#100b11;--panel:#1d141e;--panel2:#281b29;--text:#fff8fc;--muted:#cdb9c7;--pink:#f25c9b;--pink2:#ff9fc7;--border:#432b3d;--danger:#ffb6bf}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,#46223a 0,transparent 32%),var(--bg)}
a{color:var(--pink2);text-decoration:none}a:hover{text-decoration:underline}
.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--border);background:rgba(16,11,17,.82);backdrop-filter:blur(14px)}
.brand img{display:block;width:225px;max-height:46px}.site-header nav{display:flex;align-items:center;gap:22px}
.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:64px clamp(24px,7vw,110px)}
.hero h1,.page-heading h1,.container>h1{font-size:clamp(44px,7vw,94px);line-height:.95;margin:12px 0 24px;letter-spacing:-.055em}
.hero p{max-width:650px;color:var(--muted);font-size:20px;line-height:1.65}.hero-art{width:100%;max-height:620px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--pink2);font-size:12px;font-weight:800}
.button,button{appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),#d9387a);color:white;font-weight:800;padding:14px 22px;display:inline-block;cursor:pointer;font-size:15px;box-shadow:0 14px 36px rgba(242,92,155,.22)}
.auth-page{display:grid;place-items:center;padding:32px}.auth-card{width:min(100%,460px);background:rgba(29,20,30,.94);border:1px solid var(--border);border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.install-card{width:min(100%,560px)}.auth-logo{width:260px;max-width:100%;display:block;margin:0 auto 25px}
.auth-card h1{text-align:center;margin:0 0 25px}.auth-card form{display:grid;gap:18px}
label{display:grid;gap:8px;color:var(--muted);font-weight:700;font-size:14px}
input{width:100%;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px 14px;font:inherit;outline:none}
input:focus{border-color:var(--pink)}.alert,.success{border:1px solid #76333d;background:#341820;color:var(--danger);padding:13px;border-radius:12px;margin-bottom:16px}
.success{border-color:#2f6a4a;background:#142c20;color:#bff4d3}.fine-print{font-size:12px;color:var(--muted);line-height:1.5}
.container{width:min(1180px,calc(100% - 40px));margin:50px auto}.page-heading{display:flex;justify-content:space-between;align-items:end}
.page-heading h1,.container>h1{font-size:clamp(40px,6vw,68px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}
.metric,.panel{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:20px;padding:25px}.metric{display:grid;gap:8px}
.metric strong{font-size:44px;letter-spacing:-.04em}.metric span,.panel p{color:var(--muted)}.panel{line-height:1.65}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{order:-1;max-height:360px}.cards{grid-template-columns:1fr}.site-header{padding:0 18px}.site-header nav span{display:none}}
select{width:100%;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px 14px;font:inherit}.search-row{display:flex;gap:12px;margin:24px 0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--border)}small{color:var(--muted)}code,pre{display:block;background:#120d13;padding:12px;border-radius:12px;overflow:auto}
textarea{width:100%;min-height:160px;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px 14px;font:inherit}.profile-hero{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center}.avatar-placeholder{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#672143);font-weight:900}.feed{display:grid;gap:18px;margin-top:30px}.post-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px}.action-row{display:flex;gap:12px}
.feed{width:min(760px,calc(100% - 30px));margin:40px auto}.post-card,.creator-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:22px;padding:24px;margin-bottom:22px}.post-actions form{display:flex;gap:10px;margin-top:18px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.creator-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.locked{padding:28px;border:1px dashed var(--pink);border-radius:16px;text-align:center;color:var(--muted)}textarea{width:100%;min-height:110px;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px;font:inherit}
