:root{--bg:#050607;--bg2:rgba(5,6,7,.72);--panel:rgba(16,17,20,.72);--panel2:rgba(22,24,28,.78);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.72);--muted2:rgba(255,255,255,.55);--border:rgba(255,255,255,.14);--shadow:0 22px 70px rgba(0,0,0,.55);--shadow2:0 14px 38px rgba(0,0,0,.42);--accent:#e50914;--accent2:#ff3b30;--yt:#ff0033;--radius:18px;--radius2:26px;--container:1200px;--navH:72px}:root[data-theme=light]{--bg:#f7f7f8;--bg2:rgba(255,255,255,.75);--panel:rgba(255,255,255,.75);--panel2:rgba(255,255,255,.92);--text:#0b0e14;--muted:rgba(11,14,20,.72);--muted2:rgba(11,14,20,.55);--border:rgba(11,14,20,.12);--shadow:0 18px 55px rgba(0,0,0,.14);--shadow2:0 10px 28px rgba(0,0,0,.1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 700px at 12% -10%,rgba(229,9,20,.28),transparent 55%),radial-gradient(900px 600px at 88% -5%,rgba(255,0,51,.2),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:60;height:var(--navH);display:flex;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,var(--bg2),rgba(0,0,0,0));border-bottom:1px solid rgba(255,255,255,.1)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand__mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,#e50914f2,#ff00339e);box-shadow:0 10px 25px #e5091440}.brand__title{font-weight:800;line-height:1.1}.brand__subtitle{font-size:12px;color:var(--muted);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{display:flex;gap:10px;align-items:center;justify-content:center;flex:1}.nav__link{padding:10px 12px;border-radius:999px;font-size:13px;color:var(--muted);transition:.2s ease}.nav__link:hover{color:var(--text);background:#ffffff14}.nav__link--active{color:var(--text);background:#e5091433;border:1px solid rgba(229,9,20,.35)}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);cursor:pointer;transition:.2s ease}.btn:hover{background:#ffffff1a;transform:translateY(-1px)}.btn--icon{width:42px;height:42px;padding:0}.btn--desktop{display:none}.btn--primary{border-color:#e509148c;background:linear-gradient(135deg,#e50914f2,#ff0033a6);box-shadow:0 16px 36px #e5091438}.btn--primary:hover{filter:saturate(1.05)}.btn--full{width:100%}.hamburger{display:none}.mnavOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end}.mnavPanel{width:min(88vw,340px);height:100%;background:linear-gradient(180deg,#0c0d0ff0,#08090beb);border-left:1px solid rgba(255,255,255,.12);padding:14px}.mnavHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.mnavLinks{display:flex;flex-direction:column;margin-top:12px;gap:8px}.mnavLink{padding:12px;border-radius:14px;color:var(--muted);border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.mnavLink--active{color:var(--text);border-color:#e5091459;background:#e5091429}.mnavFooter{margin-top:14px}.hint{margin-top:10px;font-size:12px;color:var(--muted)}.brand--compact .brand__subtitle{white-space:normal;max-width:220px}main{padding-bottom:70px}.page{padding-bottom:10px}.section{padding:34px 0}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.section__title{font-size:22px;font-weight:800;letter-spacing:-.01em}.section__subtitle{margin-top:6px;color:var(--muted);font-size:14px}.section__actions{display:flex;gap:10px;align-items:center}.card{border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow2);overflow:hidden}.card__inner{padding:18px}.card--featured{border-color:#e5091459;box-shadow:0 22px 70px #e509142e}.grid{display:grid;gap:14px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{position:relative;padding:34px 0 22px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1000px 520px at 15% 10%,rgba(229,9,20,.22),transparent 60%),radial-gradient(900px 520px at 85% 10%,rgba(255,0,51,.16),transparent 60%);pointer-events:none}.hero__inner{position:relative}.hero__kicker{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;color:#ffffffdb;background:#e5091429;border:1px solid rgba(229,9,20,.25)}.hero__title{margin:12px 0 0;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.02em;line-height:1.05}.hero__lead{margin:10px 0 0;color:var(--muted);max-width:70ch;font-size:15px;line-height:1.55}.hero__cta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.hero__meta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.hero--compact{padding:26px 0 10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--muted);font-size:12px}.yt{position:relative}.yt__player{border-radius:var(--radius2);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000059;box-shadow:var(--shadow2)}.yt__player iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.yt__stripWrap{margin-top:10px;position:relative}.yt__strip{display:flex;gap:12px;overflow:auto;padding:10px 46px;scroll-snap-type:x mandatory;scrollbar-width:thin}.yt__strip::-webkit-scrollbar{height:8px}.yt__strip::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.yt__thumb{min-width:240px;scroll-snap-align:start;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;overflow:hidden;cursor:pointer;transition:.2s ease}.yt__thumb:hover{transform:translateY(-2px);border-color:#e5091459}.yt__thumbImg{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.yt__thumbBody{padding:10px}.yt__thumbTitle{font-weight:700;font-size:13px;line-height:1.25}.yt__thumbDesc{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}.yt__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;color:#ffffffeb;z-index:10;transition:.18s ease}.yt__arrow:hover{background:#e5091438;border-color:#e5091459;transform:translateY(-50%) scale(1.04)}.yt__arrow--left{left:8px}.yt__arrow--right{right:8px}.codeFrame{border-radius:18px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0b1020;box-shadow:var(--shadow2)}.codeFrame__top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-bottom:1px solid rgba(255,255,255,.1)}.codeFrame__dots{display:flex;gap:7px}.dot{width:10px;height:10px;border-radius:999px;background:#ffffff38}.codeFrame__title{font-size:12px;color:#ffffffb8}.codeFrame pre{margin:0;padding:12px 14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.55}.codeFrame code{color:#d7e1ff}.codeFrame__copy{font-size:12px}.plan__name{font-weight:800}.plan__price{display:flex;align-items:baseline;gap:6px;margin-top:6px}.plan__amount{font-size:26px;font-weight:900}.plan__period{color:var(--muted);font-size:13px}.plan__list{margin:12px 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.5}.plan__hint{margin-top:10px;color:var(--muted2);font-size:12px}.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.1);margin-top:30px}.footer__grid{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer__muted{color:var(--muted);font-size:13px}@media (min-width: 980px){.btn--desktop{display:inline-flex}}@media (max-width: 980px){.nav{display:none}.hamburger{display:inline-flex}.brand{min-width:0}.brand__subtitle{display:none}.grid--3,.grid--2{grid-template-columns:1fr}.yt__thumb{min-width:220px}.yt__strip{padding:10px 44px}}@media (max-width: 520px){.container{width:calc(100% - 26px)}.brand__mark{width:40px;height:40px}.hero__lead{font-size:14px}.yt__thumb{min-width:200px}.yt__arrow{width:40px;height:40px}}.ytc{position:relative}.ytc__player{border-radius:var(--radius2);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000059;box-shadow:var(--shadow2)}.ytc__iframeWrap iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.ytc__stripWrap{margin-top:10px;position:relative}.ytc__strip{display:flex;gap:12px;overflow:auto;padding:10px 46px;scroll-snap-type:x mandatory;scrollbar-width:thin}.ytc__strip::-webkit-scrollbar{height:8px}.ytc__strip::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.ytc__meta{padding:12px 0 0}.ytc__metaTitle{font-weight:800}.ytc__metaDesc{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.ytc__thumbInfo{padding:10px}.ytc__thumbTitle{font-weight:700;font-size:13px;line-height:1.25;color:var(--text)}.ytc__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;color:#ffffffeb;z-index:10;transition:.18s ease}.ytc__arrow:hover{background:#e5091438;border-color:#e5091459;transform:translateY(-50%) scale(1.04)}.ytc__arrow--left{left:8px}.ytc__arrow--right{right:8px}.codeCard{border-radius:18px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0b1020;box-shadow:var(--shadow2)}.codeHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-bottom:1px solid rgba(255,255,255,.1)}.codeHeaderTitle{font-size:12px;color:#ffffffb8;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codeLangTag{font-size:12px;color:#ffffffb8;border:1px solid rgba(255,255,255,.14);padding:5px 8px;border-radius:999px;background:#ffffff0a}.iconBtn{font-size:12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:6px 10px;cursor:pointer}.iconBtn:hover{background:#ffffff1a}.dots{display:flex;gap:7px}