*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:#080808;font-family:'Inter',sans-serif;color:#fff}
.grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.grad-text{background:linear-gradient(118deg,#E60023 0%,#ff5e5e 50%,#ffb347 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}
.glass-dark{background:rgba(12,12,12,.82);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09)}
@keyframes lp{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ldot{animation:lp 2s infinite;border-radius:50%}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.float{animation:fl 7s ease-in-out infinite}
.lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.lift:hover{transform:translateY(-6px);box-shadow:0 20px 48px -10px rgba(0,0,0,.55)}
.pin{border-radius:13px;overflow:hidden;position:relative;cursor:pointer;background:#111}
.pin img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.pin:hover img{transform:scale(1.06)}
.pin-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 55%)}
.pin-badge{position:absolute;bottom:8px;left:8px;right:8px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);color:#111;font-size:10.5px;font-weight:700;padding:5px 9px;border-radius:7px;display:flex;align-items:center;gap:5px}
.pin-tag{position:absolute;top:8px;left:8px;background:rgba(230,0,35,.88);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:5px;letter-spacing:.05em;text-transform:uppercase}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker{display:flex;animation:tick 30s linear infinite;width:max-content}
.ticker:hover{animation-play-state:paused}
#mo{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
#mo.open{opacity:1;pointer-events:all}
#mb{background:#0d0d0d;border:1px solid rgba(255,255,255,.1);border-radius:22px;width:100%;max-width:490px;margin:1rem;padding:2.25rem;transform:translateY(24px) scale(.97);transition:transform .32s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;max-height:92vh}
#mo.open #mb{transform:translateY(0) scale(1)}
.sdot{height:4px;border-radius:2px;background:rgba(255,255,255,.13);transition:width .3s,background .3s}
.sdot.on{background:#E60023}
.fi{width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;font-family:'Inter',sans-serif;font-size:14.5px;padding:13px 16px;outline:none;transition:border-color .2s,box-shadow .2s}
.fi::placeholder{color:rgba(255,255,255,.28)}
.fi:focus{border-color:#E60023;box-shadow:0 0 0 3px rgba(230,0,35,.13)}
select.fi option{background:#111}
.sbtn{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.11);font-size:13px;font-weight:500;color:#bbb;text-align:left;cursor:pointer;transition:border-color .2s,background .2s;background:transparent;font-family:'Inter',sans-serif}
.sbtn:hover:not(:disabled){border-color:#E60023;background:rgba(230,0,35,.08);color:#fff}
.sbtn.sel{border-color:#E60023;background:rgba(230,0,35,.11);color:#fff}
.sbtn:disabled{opacity:.3;cursor:not-allowed}
#ss{display:none}
@keyframes ck{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}
.ck{animation:ck .45s cubic-bezier(.34,1.56,.64,1) forwards}
.ctip{position:absolute;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 10px;font-size:11px;pointer-events:none;opacity:0;transition:opacity .18s;white-space:nowrap;z-index:9}
.pc{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);transition:border-color .28s}
.pc:hover{border-color:rgba(255,255,255,.17)}
.pc.feat{border-color:#E60023;background:linear-gradient(140deg,rgba(230,0,35,.11),rgba(230,0,35,.03))}
.ci{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#aaa;line-height:1.55;margin-bottom:9px}
.ci .ic{flex-shrink:0;width:16px;height:16px;margin-top:1px}
.ci.dim{color:#444}
.ns::-webkit-scrollbar{display:none}
.ns{-ms-overflow-style:none;scrollbar-width:none}
.modal-open .grain{display:none}.modal-open .ticker,.modal-open .float,.modal-open .ldot{animation-play-state:paused}.modal-open .lift,.modal-open .pc,.modal-open .post-card{transition:none}.modal-open .fi{transition:border-color .12s}.fi{will-change:auto}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.hidden{display:none!important}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important}.form-message{min-height:18px;margin-top:10px;color:#ff8a8a;font-size:12.5px;line-height:1.5;text-align:left}.form-message.ok{color:#7ddf9a}.noscript-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#E60023;color:#fff;padding:10px 16px;text-align:center;font-size:13px}.btn-loading{opacity:.65;pointer-events:none}.page-shell{min-height:100vh;background:#080808;color:#fff;padding:104px 28px 60px}.page-wrap{width:min(1120px,100%);margin:0 auto}.page-kicker{font-size:10.5px;color:#E60023;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.page-title{font-size:clamp(34px,5vw,64px);font-weight:800;line-height:.96;letter-spacing:-.03em;margin-bottom:18px}.page-copy{color:#666;font-size:16px;line-height:1.75;max-width:660px}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,8,8,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar-inner{max-width:1280px;margin:0 auto;padding:0 28px;height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:800;color:#fff;text-decoration:none}.brand span{color:#E60023}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:#666;font-size:13.5px;font-weight:600;text-decoration:none}.nav-links a:hover{color:#fff}.primary-pill{background:#E60023;color:#fff;border:0;border-radius:999px;padding:11px 20px;font-weight:800;text-decoration:none;cursor:pointer}.ghost-pill{background:transparent;color:#bbb;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none;cursor:pointer}.content-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px}.grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}.post-card{overflow:hidden;transition:transform .25s,border-color .25s}.post-card:hover{transform:translateY(-4px);border-color:rgba(230,0,35,.32)}.post-card img{width:100%;height:190px;object-fit:cover;display:block;background:#111}.post-card-body{padding:22px}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:11px;color:#ff9aa8;background:rgba(230,0,35,.1);border:1px solid rgba(230,0,35,.2);padding:4px 8px;border-radius:999px}.muted{color:#555}.small{font-size:12px}.post-content{color:#d7d7d7;font-size:17px;line-height:1.85}.post-content h2,.post-content h3{color:#fff;margin:1.6em 0 .45em;font-weight:800;letter-spacing:-.015em}.post-content p{margin:0 0 1.1em}.post-content a{color:#ff7787}.post-content ul,.post-content ol{padding-left:1.4rem;margin:0 0 1.1em}.post-hero-img{width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin:34px 0;border:1px solid rgba(255,255,255,.08)}.auth-box{width:min(440px,100%);margin:0 auto;padding:30px}.field-label{display:block;font-size:12px;font-weight:700;color:#777;margin:0 0 7px}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;margin-top:30px}.admin-side{padding:18px;height:max-content;position:sticky;top:90px}.admin-tab{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#aaa;padding:11px 12px;border-radius:10px;font-weight:700;cursor:pointer}.admin-tab.active,.admin-tab:hover{background:rgba(230,0,35,.1);border-color:rgba(230,0,35,.22);color:#fff}.admin-panel{padding:22px;overflow:hidden}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:12px}.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th,.admin-table td{border-bottom:1px solid rgba(255,255,255,.06);padding:12px;text-align:left;font-size:13px;vertical-align:top}.admin-table th{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.025)}.admin-table td{color:#d4d4d4}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.mini-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#ddd;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;cursor:pointer}.mini-btn.danger{border-color:rgba(230,0,35,.35);color:#ff9aa8}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-grid .full{grid-column:1/-1}.hidden-panel{display:none!important}.loading-note{color:#666;padding:18px 0}.empty-note{color:#666;padding:22px;text-align:center}.site-footer-simple{border-top:1px solid rgba(255,255,255,.06);padding:28px;color:#444;text-align:center;background:#080808}
@media (min-width:768px){.md\:flex{display:flex!important}}
@media (min-width:1024px){.lg\:block{display:block!important}}
@media (max-width:960px){section[style*="grid-template-columns:1fr 1fr"]>div,section div[style*="grid-template-columns:1fr 1fr"],section div[style*="grid-template-columns:repeat(3,1fr)"],section div[style*="grid-template-columns:repeat(4,1fr)"],section div[style*="grid-template-columns:1fr 360px"],section div[style*="grid-template-columns:repeat(4,minmax"]{grid-template-columns:1fr!important}.grid-list{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-side{position:static}.editor-grid{grid-template-columns:1fr}}
@media (max-width:640px){.page-shell{padding:94px 18px 44px}.topbar-inner{padding:0 18px}.nav-links{display:none}.grid-list{grid-template-columns:1fr}#mb{padding:1.5rem}section{padding-left:18px!important;padding-right:18px!important}h1 br:nth-of-type(2){display:none}.post-card img{height:210px}}