@import url('https://rsms.me/inter/inter.css');
:root{--primary:#EF233C;--secondary:#EDF2F4;--ink:#2B2D42;--muted:#5C6378;--white:#fff}*{box-sizing:border-box}body{margin:0;font:15px Inter,system-ui,sans-serif;color:var(--ink);background:#fafbfc}header{height:72px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;z-index:5}.brand{color:#fff;text-decoration:none;font-weight:850;font-size:20px;letter-spacing:-.7px}nav{display:flex;gap:20px;align-items:center}nav a,.link{color:#fff;background:none;border:0;text-decoration:none;font:inherit;cursor:pointer}.nav-cta,button{background:var(--primary);border:0;border-radius:9px;color:white;font:700 14px Inter;padding:11px 16px;cursor:pointer}.nav-cta{background:#fff;color:var(--primary)}main{width:min(1120px,90%);margin:0 auto;min-height:calc(100vh - 150px)}.hero{padding:88px 0 42px;max-width:760px}.eyebrow,small,.muted{font-size:12px;color:var(--muted);letter-spacing:.04em}.hero .eyebrow{color:var(--primary);font-weight:800}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.07em;margin:15px 0}.hero i{color:var(--primary);font-style:normal}.hero p{font-size:19px;color:var(--muted);line-height:1.55}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.chips span,.rank{padding:5px 9px;border-radius:99px;background:var(--secondary);font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px;padding-bottom:56px}.card,.panel{background:#fff;border:1px solid #e6e9ec;border-radius:14px;padding:22px;box-shadow:0 7px 20px #2b2d4208}.card img{width:calc(100% + 44px);height:170px;object-fit:cover;margin:-22px -22px 18px;border-radius:14px 14px 0 0}.card h2{font-size:20px;margin:8px 0}.card p{color:var(--muted);line-height:1.45}.by{font-size:13px}.profile-link,.text-btn{border:0;background:transparent;color:var(--primary);padding:0;font:inherit;font-weight:750;cursor:pointer}.page-title{display:flex;justify-content:space-between;align-items:center;padding:42px 0 18px}.page-title h1{font-size:34px;letter-spacing:-.05em}.inbox,.member-list{background:white;border:1px solid #e6e9ec;border-radius:14px;overflow:hidden}.message-row,.member-list>div{width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:16px 20px;display:grid;grid-template-columns:180px 1fr auto;gap:14px;text-align:left;color:var(--ink)}.message-row.unread{background:#fff6f7}.member-list>div{display:flex;align-items:center;gap:14px}.member-list .text-btn{margin-left:auto}.form,.form-grid{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:650;color:var(--ink)}input,textarea,select{width:100%;font:inherit;border:1px solid #d7dce1;border-radius:8px;padding:10px;background:white;color:var(--ink)}textarea{resize:vertical}.form-grid{grid-template-columns:repeat(2,1fr);max-width:740px;margin-bottom:55px}.full{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.alert{padding:13px 16px;border-radius:9px;margin:20px 0}.alert.success{background:#eaf8ef;color:#166534}.alert.error{background:#fff0f1;color:#a41125}.modal{border:0;border-radius:16px;padding:24px;width:min(580px,94vw);box-shadow:0 20px 80px #0004}.modal::backdrop{background:#2b2d4277}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h2{margin:0;letter-spacing:-.04em}.icon{background:var(--secondary);color:var(--ink);font-size:23px;padding:2px 10px}.article-body{line-height:1.65;white-space:normal}.danger{background:#991b1b}.empty{padding:28px;color:var(--muted)}footer{background:var(--secondary);color:var(--ink);min-height:78px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;font-size:13px}.setup{width:min(580px,90%);padding:60px 0}.setup h1{font-size:36px;letter-spacing:-.05em}@media(max-width:680px){header{height:auto;padding:16px 5%;align-items:flex-start;gap:14px;flex-direction:column}nav{gap:12px;flex-wrap:wrap}.message-row{grid-template-columns:1fr;gap:4px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}footer{padding:20px 5%;gap:8px;align-items:flex-start;flex-direction:column}}