:root{--bg:#0b0d12;--panel:#141823;--panel2:#191e2b;--line:#252b3b;--text:#eef0f4;--mute:#a3a9b8;--acc:#8b7bff;--acc2:#3ee0a8;--warn:#ffb454;--r:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif}img{max-width:100%;display:block}a{color:#b3a9ff;text-underline-offset:3px}a:hover{color:#d4ceff}.wrap{max-width:1200px;margin:0 auto;padding:0 22px}header{position:sticky;top:0;z-index:20;background:#0b0d12e6;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:20px;min-height:64px}.logo{display:flex;gap:10px;align-items:center;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.02em;font-size:19px;flex-shrink:0}.bar nav{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin-left:auto}.bar nav::-webkit-scrollbar{display:none}.bar nav a{color:#c9cdd8;text-decoration:none;font-size:15px;font-weight:600;padding:8px 12px;border-radius:10px}.bar nav a:hover{background:var(--panel2);color:#fff}.bar nav a[aria-current]{background:var(--panel2);color:#fff;box-shadow:inset 0 -2px 0 var(--acc)}.bar nav a.cta{background:var(--acc);color:#0b0d12}.bar nav a.cta:hover{background:#a397ff;color:#0b0d12}h1{font-size:clamp(32px,5.2vw,58px);line-height:1.06;letter-spacing:-.03em;margin:.35em 0 .3em}h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:1.9em 0 .4em;line-height:1.2}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:56px 0 6px}.sec-head h2{margin:0}.sec-head p{margin:4px 0 0;color:var(--mute)}.grad{background:linear-gradient(90deg,#a397ff,var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:#0b0d12;font-weight:700;padding:13px 20px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font-size:16px;transition:transform .15s,background .15s}.btn:hover{background:#a397ff;color:#0b0d12;transform:translateY(-1px)}.btn.ghost{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.18)}.btn.ghost:hover{background:#ffffff1f;color:#fff}.btn.sm{padding:9px 14px;font-size:15px;border-radius:10px}.btn.green{background:var(--acc2)}.more{font-weight:700;text-decoration:none;white-space:nowrap}.vhero{position:relative;margin:22px 0 0;border-radius:24px;overflow:hidden;min-height:440px;display:flex;align-items:center;border:1px solid var(--line)}.vhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090ef0 0,#08090ebf 45%,#08090e26)}.vhero .in{position:relative;z-index:1;padding:48px clamp(22px,5vw,64px);max-width:720px}.vhero p{color:#d3d6df;font-size:19px}.vhero .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pill{display:inline-block;font-size:14px;font-weight:700;padding:6px 12px;border-radius:99px;background:#3ee0a824;color:var(--acc2);border:1px solid rgba(62,224,168,.35)}.stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:26px;color:var(--mute);font-size:15px}.stats b{display:block;color:#fff;font-size:24px}.phero{position:relative;border-radius:20px;overflow:hidden;margin:18px 0 8px;border:1px solid var(--line)}.phero img{width:100%;height:240px;object-fit:cover}.phero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090ef2,#08090e33 70%)}.phero .in{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:26px clamp(18px,4vw,40px)}.phero h1{margin:0 0 4px}.phero p{margin:0;color:#d3d6df;max-width:760px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;margin:22px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.card:hover{border-color:#41397a;transform:translateY(-3px);box-shadow:0 14px 40px #00000059}.card .body{padding:18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{margin:0;font-size:19px;line-height:1.3}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:hover{color:#fff;text-decoration:underline}.card p{margin:0;color:#c8cbd5;font-size:15.5px}.thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1b1f2c}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .thumb img{transform:scale(1.05)}.badge-row{position:absolute;top:12px;left:12px;display:flex;gap:6px}.badge{font-size:12px;font-weight:800;letter-spacing:.03em;padding:5px 10px;border-radius:8px;background:#000000a6;color:#fff}.badge.free{background:var(--acc2);color:#062018}.badge.sp{background:#d5b8ff;color:#24133f}.cat-tag{position:absolute;bottom:10px;left:12px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:#08090ebf;color:#e5e7ee;backdrop-filter:blur(4px)}.when{font-size:14px;font-weight:700;color:var(--mute)}.when.free{color:var(--acc2)}.actions{margin-top:auto;padding-top:8px}.fine{font-size:12.5px;color:#8a90a0}.fine a{color:#8a90a0}.meta{color:var(--mute);font-size:14px}.meta b{color:#d8dbe4;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:3px 9px;border-radius:99px;background:#1d2130;color:#c9cbe0;border:1px solid var(--line)}.chip.free{background:#0f2b22;color:var(--acc2);border-color:#1d5543}.chip.sp{background:#2a1f3d;color:#d5b8ff}.chip.unv{color:var(--warn)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:22px 0}.tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;display:flex;align-items:flex-end;text-decoration:none;color:#fff;border:1px solid var(--line)}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.07)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06070ceb,#06070c0d 65%)}.tile .t{position:relative;z-index:1;padding:16px 18px}.tile b{display:block;font-size:19px}.tile span{font-size:14px;color:#cfd2db}.tile .go{display:inline-block;margin-top:6px;font-weight:700;color:var(--acc2)}.gcard .thumb{aspect-ratio:2/1}.gcard .read{font-weight:700;color:#b3a9ff;margin-top:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:20px 0}.sp-band{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(110deg,#221a46,#141823 70%);border:1px dashed #5a4ea6}@media(max-width:640px){.sp-band{grid-template-columns:1fr}}.dl{display:grid;gap:12px}.dl a.row{display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--text);padding:12px;border-radius:12px;background:var(--panel2)}.dl a.row:hover{background:#20263a}.date{flex-shrink:0;width:64px;text-align:center;border-radius:10px;background:#0e1118;border:1px solid var(--line);padding:6px 0;line-height:1.1}.date b{display:block;font-size:22px}.date small{color:var(--warn);font-weight:800;font-size:12px;text-transform:uppercase}.note,.small{color:var(--mute);font-size:15px}.prose{max-width:780px}.prose li{margin:.4em 0}input,select,textarea{background:#0e1118;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;max-width:100%}.form{display:flex;gap:10px;flex-wrap:wrap}.form input[type=email]{flex:1;min-width:220px}.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center}table{width:100%;border-collapse:collapse}.sumtable{font-size:15px;background:var(--panel);border-radius:12px}.sumtable th{color:var(--mute);font-weight:700}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.crumbs{font-size:14px;color:var(--mute);margin-top:22px;display:flex;flex-wrap:wrap;gap:6px}.crumbs a{color:var(--mute);text-decoration:none}.crumbs a:hover{color:#fff;text-decoration:underline}.crumbs .sep{opacity:.5}.crumbs [aria-current]{color:#dfe2ea}footer{border-top:1px solid var(--line);margin-top:70px;padding:36px 0;color:var(--mute);font-size:15px;background:#090b10}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}footer a{color:var(--mute);display:block;text-decoration:none;padding:3px 0}footer a:hover{color:#fff}.hp{position:absolute;left:-9999px}.ytbtn{all:unset;cursor:pointer;display:block;width:100%;height:100%}.ytbtn img{width:100%;height:100%;object-fit:cover}.yt iframe{width:100%;height:100%;border:0;display:block}.play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:#ff0000e6;box-shadow:0 6px 20px #00000080}.play:after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}.ytbtn:hover .play{background:red}.xembed{min-height:0}@media(max-width:720px){body{font-size:16px}.bar{flex-wrap:wrap;gap:4px;padding:8px 0}.bar nav{margin-left:0;width:100%;padding-bottom:4px}.bar nav a{padding:7px 10px;font-size:14px}.vhero{min-height:0}.vhero:after{background:linear-gradient(0deg,#08090ef2,#08090e99)}.vhero .in{padding:32px 20px}.phero img{height:200px}.grid{gap:16px}.tiles{grid-template-columns:1fr 1fr;gap:10px}.tile b{font-size:16px}.tile span{display:none}}