:root { --navy:#071d32; --ink:#092b46; --sky:#74c9eb; --mist:#e7f6fb; --muted:#588096; --red:#c81f2d; --line:rgba(163,219,240,.25); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--navy); color:#f8fcff; font-family:"DM Sans",sans-serif; }
a { color:inherit; }
.page-width { width:min(1200px,calc(100% - 40px)); margin-inline:auto; }
.hero { min-height:730px; position:relative; overflow:hidden; isolation:isolate; padding:146px 0 88px; background:radial-gradient(circle at 77% 13%,rgba(93,184,225,.31),transparent 22%),linear-gradient(115deg,#03192e,#0b2e4a 56%,#06233b); }
.hero:after { content:""; position:absolute; z-index:-1; inset:auto -15% 0; height:35%; transform:skewY(-7deg); transform-origin:bottom left; background:repeating-linear-gradient(102deg,transparent 0 94px,rgba(115,205,241,.15) 95px 96px),linear-gradient(transparent,#061b30); }
.topbar { position:absolute; top:0; left:0; right:0; height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:9px; font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:15px; letter-spacing:.12em; text-decoration:none; }
.brand span { display:grid; place-items:center; width:29px; height:29px; background:var(--sky); color:var(--ink); font:italic 22px Georgia,serif; }
.live-label,.eyebrow,.metadata,.format-link { font:700 12px "Barlow Condensed",sans-serif; letter-spacing:.15em; }
.live-label { display:flex; align-items:center; gap:9px; }
.live-label i { width:7px; height:7px; border-radius:50%; background:#88e3bc; box-shadow:0 0 0 5px rgba(136,227,188,.12); }
.hero-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:55px; align-items:center; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 21px; color:#91d9f5; }
.eyebrow i { width:32px; height:1px; background:currentColor; }
.hero h1,.section-head h2,.story-panel h2,.login-card h1,.editor-heading h1 { margin:0; font:700 clamp(75px,9vw,140px)/.83 "Barlow Condensed",sans-serif; letter-spacing:-.045em; }
h1 em,h2 em { font:400 .76em Georgia,serif; color:var(--sky); letter-spacing:-.065em; text-transform:none; }
.hero-deck { max-width:480px; margin:33px 0 21px; color:#c8e1eb; font-size:16px; line-height:1.65; }
.metadata { display:flex; align-items:center; gap:11px; color:#a1c4d3; }
.metadata i { width:3px; height:3px; background:var(--sky); border-radius:50%; }
.format-link { display:inline-flex; align-items:center; gap:12px; margin-top:36px; padding-bottom:9px; border-bottom:1px solid var(--sky); text-decoration:none; transition:color .16s ease,gap .16s ease; }
.format-link:hover { color:var(--sky); gap:17px; }
.format-link b { display:grid; place-items:center; width:30px; height:30px; background:var(--sky); color:var(--ink); font-size:12px; }
.format-link span { font-size:18px; }
.hero-art { position:relative; margin:0; height:480px; overflow:hidden; clip-path:polygon(0 0,100% 0,100% 92%,93% 100%,0 100%); background:#123851; }
.hero-art:before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(4,25,44,.8)); }
.hero-art img,.kevin-art img { width:100%; height:100%; object-fit:cover; }
.hero-art img { object-position:center 30%; }
.hero-art figcaption { position:absolute; z-index:2; bottom:38px; left:21px; right:21px; display:flex; justify-content:space-between; font:700 12px "Barlow Condensed",sans-serif; letter-spacing:.14em; }
.access-panel { padding:104px 0 110px; background:var(--mist); color:var(--ink); }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:43px; }
.section-head .dark,.login-card .dark,.editor-heading .dark { color:#267093; }
.section-head h2,.story-panel h2 { font-size:clamp(48px,6vw,78px); }
.section-head h2 em { color:#1285ba; }
.section-head>p { max-width:304px; margin:0; color:#52748a; font-size:14px; line-height:1.65; }
.delivery-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }
.delivery-card { min-height:278px; display:flex; flex-direction:column; justify-content:space-between; padding:19px; color:var(--ink); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.delivery-card.ready:hover { transform:translateY(-6px); box-shadow:0 16px 30px rgba(5,46,68,.2); }
.mega { background:#f3eeee; color:var(--red); }.drive { background:#fff; color:#078160; }.telegram { background:#d9effa; color:#178bc4; }.torrent { background:#d8eddf; color:#14794d; }.mediafire { background:#e2effd; color:#1e68bc; }
.card-line { display:flex; justify-content:space-between; font:700 11px "Barlow Condensed",sans-serif; letter-spacing:.14em; }
.service-mark { display:grid; place-items:center; width:51px; height:51px; border:1px solid currentColor; font:800 25px Arial,sans-serif; }
.delivery-card>div:last-of-type { display:grid; gap:3px; }.delivery-card small,.delivery-card .state { font:700 11px "Barlow Condensed",sans-serif; letter-spacing:.14em; }.delivery-card strong { font:700 27px/.92 "Barlow Condensed",sans-serif; letter-spacing:-.025em; text-transform:uppercase; }.delivery-card em { color:#385e72; font-size:12px; font-style:normal; }.delivery-card .state { align-self:start; border-bottom:1px solid currentColor; padding-bottom:3px; }
.delivery-grid { grid-template-columns:repeat(3,1fr); }.mega { grid-column:1; grid-row:1; }.mega-mirror { grid-column:1; grid-row:2; background:#f8e9ea; color:#ae2031; }.quality { width:fit-content; margin-top:7px; border:1px solid currentColor; padding:3px 5px 2px; font:700 10px/1 "Barlow Condensed",sans-serif; letter-spacing:.12em; }.quality-high { color:#0a6d50; }.quality-compact { color:#8b5d16; }
.distribution-note { display:flex; gap:11px; max-width:710px; margin:30px auto 0; color:#52748a; font-size:13px; line-height:1.55; text-align:center; }.distribution-note>span:first-child { color:#1688bd; font-weight:700; }
.transfer-limit-note { display:flex; align-items:flex-start; gap:9px; max-width:710px; margin:13px auto 0; padding:11px 14px; border:1px solid #c7dce5; border-radius:8px; background:rgb(255 255 255 / 55%); color:#617b8b; font-size:12px; line-height:1.55; text-align:left; }.transfer-limit-note>span:first-child { display:grid; flex:0 0 auto; place-items:center; width:16px; height:16px; margin-top:1px; border:1px solid #297896; border-radius:50%; color:#297896; font-size:10px; font-weight:700; }.transfer-limit-note b { color:#24546d; }
.story-panel { position:relative; overflow:hidden; padding:110px 0; background:#071d32; }.story-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(38px,7vw,110px); align-items:center; }.kevin-art { width:min(380px,100%); height:475px; margin:0; overflow:hidden; clip-path:polygon(0 0,100% 0,100% 95%,89% 100%,0 100%); }.kevin-art img { object-position:56% center; }.story-panel h2 { color:#f7fcff; }.story-panel>p,.story-grid>div>p:not(.eyebrow) { max-width:470px; margin:28px 0 35px; color:#b7d5e0; font-size:16px; line-height:1.65; }
.stats { display:flex; gap:31px; margin:0; }.stats div { padding-right:31px; border-right:1px solid rgba(162,210,229,.26); }.stats div:last-child { border:0; padding:0; }.stats dt { color:var(--sky); font:700 37px/1 "Barlow Condensed",sans-serif; }.stats dd { margin:3px 0 0; color:#afcdd9; font:700 10px "Barlow Condensed",sans-serif; letter-spacing:.12em; }
footer { padding:34px 0; background:#051627; border-top:1px solid var(--line); }.footer-grid { display:grid; grid-template-columns:1.1fr 1fr auto; gap:25px; align-items:center; }.credit { display:flex; align-items:center; gap:13px; text-decoration:none; }.credit img { width:55px; height:55px; border-radius:50%; object-fit:cover; border:2px solid var(--sky); background:#fff; }.credit span { display:grid; gap:2px; }.credit small,.credit em { color:#9fc4d4; font:600 10px "Barlow Condensed",sans-serif; font-style:normal; letter-spacing:.13em; }.credit strong { font-size:13px; }.credit em { color:var(--sky); }.footer-grid>p { margin:0; color:#8daeba; font-size:11px; line-height:1.55; }.admin-key { color:#78aebf; text-decoration:none; font:700 10px "Barlow Condensed",sans-serif; letter-spacing:.12em; }
.admin-header { display:flex; justify-content:space-between; align-items:center; height:66px; padding:0 max(20px,calc((100% - 1200px)/2)); background:#06192c; border-bottom:1px solid var(--line); font:700 12px "Barlow Condensed",sans-serif; letter-spacing:.14em; }.admin-header a { color:var(--sky); text-decoration:none; }.admin-wrap { min-height:calc(100vh - 66px); padding:70px 20px; background:var(--mist); color:var(--ink); }.login-card,.link-editor { width:min(800px,100%); margin:auto; }.login-card { max-width:480px; padding:36px; background:#fff; border:1px solid #cce9f4; border-radius:18px; box-shadow:0 18px 45px rgba(7,42,62,.12); }.login-card h1,.editor-heading h1 { font-size:55px; }.login-card>p:not(.eyebrow) { color:#55758a; font-size:14px; line-height:1.6; }.login-card form { display:grid; gap:14px; margin-top:25px; }.login-card label,.editor-row>label { display:grid; gap:7px; color:#375b72; font-size:12px; font-weight:700; }.login-card input,.editor-row input { width:100%; border:1px solid #d9e7ed; border-radius:8px; padding:12px; color:var(--ink); font:14px "DM Sans",sans-serif; }.login-card button,.editor-actions button { border:0; border-radius:8px; min-height:44px; padding:0 16px; background:#08263d; color:#fff; font-weight:700; cursor:pointer; }.form-error { min-height:18px; margin:0; color:#b42318; font-size:12px; }.hidden { display:none!important; }.editor-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:30px; }.editor-heading>div>p:not(.eyebrow) { max-width:610px; color:#55758a; font-size:14px; line-height:1.6; }.editor-heading>a { display:inline-flex; flex-shrink:0; border:1px solid #afcad7; border-radius:8px; padding:11px 14px; color:var(--ink); background:#fff; font-size:13px; text-decoration:none; }.link-forms { display:grid; gap:12px; }.editor-row { display:grid; grid-template-columns:190px 1fr 100px; align-items:center; gap:20px; padding:18px; border:1px solid #cce2eb; border-radius:14px; background:#fff; }.service-label { display:flex; gap:10px; align-items:center; }.service-label>b { display:grid; place-items:center; width:39px; height:39px; border-radius:12px; background:#eaf1f4; font-size:13px; }.service-label span { display:grid; gap:2px; }.service-label strong { font:700 24px/.9 "Barlow Condensed",sans-serif; }.service-label small { color:#5e7b8b; font-size:11px; }.switch-label { grid-template-columns:1fr 37px; align-items:center; padding:11px; background:#f6fafc; border-radius:10px; }.switch-label input { position:absolute; opacity:0; }.switch-label i { position:relative; width:35px; height:20px; border-radius:99px; background:#9fb9c5; transition:.16s; }.switch-label i:after { content:""; position:absolute; width:14px; height:14px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.16s; }.switch-label input:checked + i { background:#1988bc; }.switch-label input:checked + i:after { transform:translateX(15px); }.editor-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding:18px; border-radius:14px; background:#06192c; color:#d5e6ed; }.editor-actions p { max-width:510px; margin:0; font-size:12px; line-height:1.5; }.editor-actions button { background:var(--sky); color:#062238; }
@media(max-width:860px){.hero{min-height:auto;padding:135px 0 75px}.hero-grid,.story-grid{grid-template-columns:1fr}.hero-grid{gap:42px}.hero-art{height:420px;max-width:680px}.delivery-grid{grid-template-columns:repeat(2,1fr)}.mega,.mega-mirror{grid-column:1/-1;grid-row:auto}.section-head{align-items:start;flex-direction:column;gap:18px}.footer-grid{grid-template-columns:1fr auto}.footer-grid>p{grid-column:1/-1;grid-row:2}.editor-row{grid-template-columns:1fr}.switch-label{width:130px}.editor-heading{align-items:start;flex-direction:column}.editor-actions{align-items:start;flex-direction:column}}
@media(max-width:560px){.page-width{width:min(100% - 32px,1200px)}.topbar{height:67px}.brand{font-size:12px}.brand span{width:24px;height:24px;font-size:18px}.live-label{font-size:10px;letter-spacing:.09em}.hero{padding-top:112px}.hero h1{font-size:clamp(61px,18vw,90px)}.hero-deck{margin-top:24px;font-size:14px}.hero-art{height:290px}.delivery-grid{grid-template-columns:1fr}.delivery-card{min-height:215px}.access-panel,.story-panel{padding:76px 0}.section-head h2,.story-panel h2{font-size:50px}.stats{gap:16px}.stats div{padding-right:16px}.stats dt{font-size:31px}.stats dd{font-size:9px;letter-spacing:.08em}.footer-grid{gap:18px}.credit img{width:45px;height:45px}.admin-wrap{padding:35px 16px}.login-card{padding:25px 20px}.editor-row{gap:14px}.editor-actions{padding:16px}}