*{box-sizing:border-box}body{margin:0;background:#08090b;color:#f7f7f8;font:15px system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:82px;border-bottom:1px solid #25262b;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1180px)/2));background:#08090bf2;position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center;font:700 14px monospace;letter-spacing:.12em}.brand b{color:#ef233c}.brand small{display:block;color:#777;font-size:9px;letter-spacing:.12em;margin-top:4px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ef233c66;border-radius:12px;color:#ef233c;background:#ef233c12}.site-header nav{display:flex;gap:28px;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.container{max-width:1180px;margin:auto;padding:0 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:48px 0 28px}.eyebrow{color:#ef233c;font:700 10px monospace;letter-spacing:.2em;text-transform:uppercase}h1{font-size:48px;line-height:1.05;margin:10px 0 0}h2{margin:8px 0;font-size:25px}.search input,.panel input,.panel textarea,.panel select{width:100%;background:#101116;border:1px solid #292b32;color:#fff;border-radius:9px;padding:12px;outline:none}.search input{width:320px;border-radius:20px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:54px}.card{background:#111216;border:1px solid #25262c;border-radius:16px;overflow:hidden;transition:.25s}.card:hover{border-color:#ef233c88;transform:translateY(-3px)}.card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.cover{min-height:210px;background-size:cover;background-position:center;background-color:#15161b;position:relative}.featured .cover{min-height:300px}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090b99,transparent)}.tag{position:absolute;z-index:1;top:15px;left:15px;border:1px solid #ef233c88;border-radius:20px;padding:5px 10px;color:#ff9aa5;font:700 10px monospace;text-transform:uppercase}.card-body{padding:20px}.card-body h2{font-size:20px}.card-body p{color:#999;line-height:1.6}.meta{font:10px monospace!important;color:#777!important;text-transform:uppercase}.card-foot{border-top:1px solid #25262c;padding-top:15px;margin-top:22px;display:flex;justify-content:space-between;gap:8px;align-items:center;color:#ff8995;font-size:11px;text-transform:uppercase}.stars{color:#ef233c;white-space:nowrap}.stars small{color:#999}.categories{background:#101116;border-block:1px solid #25262c;padding:44px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{padding:20px;border:1px solid #292b32;border-radius:13px;background:#15161b}.category b{display:block;font-size:17px}.category span{display:block;color:#888;font-size:12px;margin-top:16px}.ad{padding:48px 0}.ad-box{min-height:100px;border:1px dashed #333;border-radius:12px;padding:20px;display:grid;place-items:center}.footer{background:#050608;border-top:1px solid #25262c;margin-top:20px;padding:48px max(24px,calc((100% - 1180px)/2)) 0;color:#888}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:42px;padding-bottom:38px}.footer h4{color:#ef233c;font:700 10px monospace;letter-spacing:.2em;text-transform:uppercase}.footer-grid a:not(.brand){display:block;margin:12px 0;color:#999}.footer p{line-height:1.6}.footer-bottom{border-top:1px solid #25262c;padding:18px 0;font-size:11px}.article{max-width:820px;margin:70px auto}.article h1{font-size:54px}.lead{color:#aaa;font-size:19px;line-height:1.6}.article-cover{width:100%;max-height:500px;object-fit:cover;border-radius:16px;margin:30px 0}.article-content{font-size:17px;line-height:1.8;color:#ddd}.article-content blockquote{border-left:3px solid #ef233c;padding-left:18px;color:#ff9aa5}.rating{margin-top:35px;padding-top:22px;border-top:1px solid #25262c}.star-btn{border:0;background:none;color:#ef233c;font-size:27px;cursor:pointer}.form-page{max-width:680px;margin:70px auto}.panel{background:#111216;border:1px solid #292b32;border-radius:16px;padding:24px;margin:18px 0}.panel label{display:block;color:#aaa;font-size:12px;margin:15px 0}.panel textarea,.panel input,.panel select{margin-top:7px}.btn{display:inline-block;border:0;border-radius:9px;background:#ef233c;color:white;padding:12px 18px;font-weight:800;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #ef233c88}.error{color:#ff9aa5;background:#ef233c18;border:1px solid #ef233c55;padding:12px;border-radius:8px}.success{color:#9affc4;background:#1a8f4d22;padding:12px;border-radius:8px}.muted{color:#777;font-size:12px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .panel{width:min(420px,100%)}.admin{display:grid;grid-template-columns:210px 1fr;gap:30px;padding-top:35px}.admin aside a{display:block;padding:13px;border-radius:8px;color:#999}.admin aside a.active,.admin aside a:hover{background:#ef233c;color:#fff}.admin-content{min-width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats div{padding:20px;background:#111216;border:1px solid #292b32;border-radius:12px}.stats b{font-size:34px;display:block}.stats span{color:#888;text-transform:uppercase;font:10px monospace}.toolbar{display:flex;gap:5px;padding:8px;background:#17181d;border:1px solid #292b32;border-bottom:0}.toolbar button{background:none;border:0;color:#ddd;padding:7px 12px;cursor:pointer}.wysiwyg{min-height:280px;padding:18px;border:1px solid #292b32;background:#0b0c0f;outline:0;line-height:1.7}.row{display:flex;justify-content:space-between;border-top:1px solid #292b32;padding:13px 0}.row small{color:#ef233c}@media(max-width:760px){.site-header{padding:0 16px}.site-header nav{gap:10px}.container{padding:0 16px}h1,.article h1{font-size:36px}.section-head{align-items:start;flex-direction:column}.search,.search input{width:100%}.post-grid,.card.featured,.footer-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.admin{grid-template-columns:1fr}.admin aside{display:flex;overflow:auto;gap:5px}.admin aside a{white-space:nowrap}.stats{grid-template-columns:1fr 1fr}}