:root{--ink:#18201e;--muted:#6b7771;--line:#dce1d9;--paper:#f5f7f1;--accent:#c9ed65;--dark:#283c35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.wrap{width:min(1000px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid var(--line);padding:20px 0}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;color:var(--ink);text-decoration:none;font-size:22px}.logo span{font-size:11px;color:var(--muted);margin-left:8px;letter-spacing:1px}.pill,.button{border:0;border-radius:99px;padding:12px 18px;background:var(--ink);color:#fff;text-decoration:none;font-size:13px}.hero{padding:90px 0 75px}.tag{color:#7c972f;font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(52px,8vw,90px);line-height:1;letter-spacing:-5px;margin:22px 0}.hero h1 i{font-family:Georgia,serif;font-weight:400}.lead{max-width:530px;color:var(--muted);font-size:18px}.stats{display:flex;gap:70px;margin-top:55px}.stats div{display:flex;flex-direction:column}.stats b{font-size:29px}.stats span,.muted{font-size:13px;color:var(--muted)}.panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--dark);color:#fff;padding:42px;border-radius:4px}.panel h2,.messages h2{font-size:40px;line-height:1;margin:12px 0}.panel .muted{color:#b9c7be}form{display:flex;flex-direction:column;gap:16px}label{font-size:13px;color:#dce6df}input,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #5e756a;border-radius:2px;background:#344b42;color:#fff;font:inherit}textarea{min-height:110px;resize:vertical}.button{align-self:flex-start;background:var(--accent);color:var(--ink);cursor:pointer}.status{min-height:20px;font-size:13px}.messages{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px}.refresh{border:0;background:none;color:var(--muted);cursor:pointer}.message-list{min-height:100px}.message{padding:20px 0;border-bottom:1px solid var(--line)}.message strong{font-size:15px}.message time{color:var(--muted);font-size:12px;margin-left:10px}.message p{margin:8px 0 0;color:#51605a}footer{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:700px){.panel{grid-template-columns:1fr;padding:28px;gap:28px}.stats{gap:25px}.hero h1{letter-spacing:-3px}.wrap{width:min(100% - 28px,600px)}}