:root{color-scheme:dark;--bg:#090d14;--panel:#111a28;--panel2:#152235;--line:#26364b;--text:#eef5ff;--muted:#a9b7c9;--cyan:#63e6f4;--violet:#9b8cff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 12% -5%,#142b40 0,transparent 35%),var(--bg);color:var(--text);font:16px/1.75 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topline{border-bottom:1px solid var(--line);background:#0b111bdc}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.45rem;font-weight:950;letter-spacing:.08em;color:#fff}.brand span{color:var(--cyan)}.navlinks{display:flex;gap:20px;align-items:center;font-weight:650}.navlinks a{color:#d6e4f4}.eyebrow{color:var(--cyan);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.hero{padding:52px 0 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0 18px}.hero p{color:var(--muted);font-size:1.08rem;max-width:62ch}.hero-media{border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #0008}.hero-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,var(--cyan),#9b8cff);color:#08111a;padding:11px 18px;border-radius:9px;font-weight:850;margin-top:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 16px}.section-head h2{font-size:1.7rem;line-height:1.2;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.filters input,.filters select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:11px 13px}.filters input{flex:1;min-width:210px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:linear-gradient(180deg,#152236,#101824);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#4b8294}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#1b2b3c}.card-body{padding:18px}.tag{font-size:.72rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-weight:850}.card h3{font-size:1.15rem;line-height:1.35;margin:8px 0}.card p{color:var(--muted);margin:0 0 12px;font-size:.94rem}.read{font-weight:800}.empty{display:none;color:var(--muted);padding:25px}.feature-strip{margin:42px 0;padding:26px;border:1px solid var(--line);background:linear-gradient(120deg,#122338,#171a31);border-radius:18px}.feature-strip h2{margin:0 0 8px}.feature-strip p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:60px;padding:30px 0 40px;color:var(--muted);font-size:.9rem}.footlinks{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}.article-head{padding:38px 0 22px;max-width:900px}.article-head h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.035em;margin:10px 0}.dek{color:var(--muted);font-size:1.12rem}.crumb{color:var(--muted);font-size:.88rem}.article-cover{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:40px;align-items:start}.article-body{font-size:1.06rem}.article-body p{color:#d5dfeb;margin:0 0 18px}.article-body h2{font-size:1.55rem;line-height:1.25;margin:36px 0 12px;color:#fff}.article-body ul{padding-left:22px;color:#d5dfeb}.summary{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:26px 0}.summary h2{margin:0 0 10px;color:var(--cyan);font-size:1.15rem}.summary li{margin:5px 0}.sidebox{position:sticky;top:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.sidebox h3{margin:0 0 8px}.sidebox p{color:var(--muted);font-size:.92rem}.video-card{margin:28px 0;padding:18px;background:#0d1724;border:1px solid var(--line);border-radius:15px}.video-frame{position:relative;aspect-ratio:16/9;background:#05080d;border-radius:10px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-placeholder{height:100%;display:grid;place-content:center;text-align:center;padding:18px;background:linear-gradient(135deg,#172c42,#10111d)}.video-placeholder button{background:var(--cyan);color:#061019;border:0;border-radius:8px;padding:10px 16px;font-weight:850;cursor:pointer;margin:12px auto}.video-note{color:var(--muted);font-size:.85rem;margin:10px 0 0}.faq{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.faq h3{margin:18px 0 5px}.faq p{margin-bottom:12px}.notice{padding:15px 17px;border:1px solid #6c5b37;border-radius:12px;background:#211c13;color:#f4dfb5}.cookie{position:fixed;z-index:50;bottom:16px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 24px));background:#111a28;border:1px solid #5b91a3;border-radius:14px;padding:17px;box-shadow:0 16px 50px #000b}.cookie p{margin:4px 0 12px;color:#c6d3e2;font-size:.9rem}.cookie-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.cookie button{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#1b2a3d;color:#fff;cursor:pointer}.cookie button.primary{background:var(--cyan);color:#061019;border-color:var(--cyan);font-weight:800}.cookie[hidden]{display:none}.legal{max-width:850px;margin:38px auto;padding:0 20px}.legal h1{font-size:2.4rem;line-height:1.15}.legal h2{margin-top:30px;color:var(--cyan)}.legal p,.legal li{color:#d5dfeb}.legal .notice{margin:20px 0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.sidebox{position:static;order:-1}.navlinks{gap:12px;font-size:.9rem}}@media(max-width:580px){.grid{grid-template-columns:1fr}.nav{align-items:flex-start;padding:15px 0;flex-direction:column}.navlinks{flex-wrap:wrap}.hero h1{font-size:2.5rem}.article-head{padding-top:28px}.article-body{font-size:1rem}.cookie-actions{justify-content:stretch}.cookie button{flex:1}}