@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_3fd80e00-module__HLND6q__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_3fd80e00-module__HLND6q__variable{--font-sora:"Sora", "Sora Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.2b_sldcwg6mn_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.1emuuracu50qd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.43zbiuwnnoiok.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.1975l3y3401x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.3ji57o093q1kd.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.19xuq3td7fwu_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.3o_v2fun1jzxk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_6be28d8e-module__CjWfFa__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_6be28d8e-module__CjWfFa__variable{--font-poppins:"Poppins", "Poppins Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_6b11738f-module__c5tpUG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_6b11738f-module__c5tpUG__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#0a0a0b;--bg-elevated:#101114;--surface:#15161a;--surface-hover:#1d1f25;--border:#26272b;--border-strong:#34363c;--accent:#daff00;--accent-dim:#a8c400;--accent-glow:#daff001f;--text:#f5f6f4;--text-muted:#9a9ca3;--text-faint:#72747c;--font-display:var(--font-sora), "Sora", sans-serif;--font-body:var(--font-poppins), "Poppins", sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;--r-card:10px;--r-btn:8px;--r-tag:6px;--container:1200px;--gutter:24px;--grid-line:#ffffff08;--grid-gap:44px;--grain-opacity:.04;--type-scale:1}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit}ul{list-style:none}::selection{background:var(--accent);color:var(--bg)}.bg-texture{z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-gap) var(--grid-gap);position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 35%,#0000 95%);mask-image:radial-gradient(120% 80% at 50% 0,#000 35%,#0000 95%)}.bg-grain{z-index:0;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.page{z-index:1;position:relative}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:20px}@media (min-width:768px){.container{padding-inline:32px}}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:12px;font-weight:500}.eyebrow .accent{color:var(--accent)}.mono{font-family:var(--font-mono)}.display-xl{font-family:var(--font-display);font-weight:600;font-size:calc(36px * var(--type-scale));letter-spacing:-.02em;line-height:1.05}.display-l{font-family:var(--font-display);font-weight:600;font-size:calc(28px * var(--type-scale));letter-spacing:-.015em;line-height:1.1}@media (min-width:1024px){.display-xl{font-size:calc(56px * var(--type-scale))}.display-l{font-size:calc(36px * var(--type-scale))}}.lead{font-size:calc(17px * var(--type-scale));color:var(--text-muted);line-height:1.6}.btn{font-family:var(--font-body);border-radius:var(--r-btn);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;min-height:44px;padding:13px 18px;font-size:15px;font-weight:500;line-height:1;transition:background .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,color .12s ease-out;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-dim);box-shadow:0 0 0 4px var(--accent-glow)}.btn-secondary{border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn-ghost{color:var(--text-muted);padding-inline:6px}.btn-ghost:hover{color:var(--text)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[disabled]{opacity:.4;pointer-events:none}.tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-tag);background:var(--bg);align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-accent{color:var(--bg);background:var(--accent);border-color:var(--accent)}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--border)}.site-header__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;display:inline-flex}.logo img{width:auto;height:36px}.logo__sub{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text);border-left:1px solid var(--border-strong);align-self:center;margin-left:10px;padding-left:14px;font-size:12px;font-weight:500;line-height:1;display:none}@media (min-width:768px){.logo__sub{display:inline}}.logo__sub .accent{color:var(--accent)}.header-link{color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-btn);align-items:center;gap:8px;min-height:38px;padding:8px 16px;font-size:14px;font-weight:500;transition:border-color .12s ease-out,color .12s ease-out,background .12s ease-out;display:inline-flex}.header-link:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.header-link svg{flex:none;width:18px;height:18px}.site-footer{border-top:1px solid var(--border);margin-top:96px;padding-block:40px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;transition:color .12s}.footer-links a:hover{color:var(--accent)}.copyright{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}.copyright a{color:inherit;transition:color .12s}.copyright a:hover{color:var(--accent)}.cover{aspect-ratio:16/9;background:repeating-linear-gradient(135deg, #ffffff06 0 1px, transparent 1px 9px), var(--bg-elevated);border-bottom:1px solid var(--border);place-items:center;display:grid;position:relative;overflow:hidden}.cover__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.cover__play{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);width:46px;height:46px;color:var(--text);border-radius:50%;place-items:center;transition:border-color .15s ease-out,color .15s ease-out,background .15s ease-out;display:grid;position:relative}.cover__play svg{width:18px;height:18px;margin-left:2px}.cover__dur{font-family:var(--font-mono);color:var(--text);background:color-mix(in srgb, var(--bg) 80%, transparent);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:8px;right:8px}.card-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(var(--grid-cols,3), 1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;transition:border-color .15s ease-out,transform .15s ease-out;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card:hover .cover__play{border-color:var(--accent);color:var(--accent)}.card:focus-within{border-color:var(--border-strong)}.card__body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.card__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-size:11px}.card__eyebrow .accent{color:var(--accent)}.card__title{font-family:var(--font-display);color:var(--text);font-size:20px;font-weight:500;line-height:1.2}.card__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.card__cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text);align-items:center;gap:6px;font-size:12px;transition:gap .15s ease-out,color .15s ease-out;display:inline-flex}.card:hover .card__cta{color:var(--accent);gap:10px}.card__cta svg{width:13px;height:13px}.section{padding-block:56px}@media (min-width:1024px){.section{padding-block:96px}}.section-head{margin-bottom:32px}.section-head .eyebrow{margin-bottom:12px;display:block}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-tag);min-height:36px;padding:7px 12px;font-size:12px;transition:all .12s ease-out}.filter:hover{border-color:var(--border-strong);color:var(--text)}.filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;animation:.42s cubic-bezier(.22,1,.36,1) forwards reveal-up}}.modal-overlay{z-index:100;opacity:0;visibility:hidden;background:#000000b3;place-items:center;padding:20px;transition:opacity .18s ease-out,visibility .18s ease-out;display:grid;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:420px;padding:28px;transition:transform .18s ease-out;transform:translateY(8px)}.modal-overlay.open .modal{transform:translateY(0)}.modal__close{width:36px;height:36px;color:var(--text-muted);border-radius:6px;place-items:center;transition:color .12s,background .12s;display:grid;position:absolute;top:16px;right:16px}.modal__close:hover{color:var(--text);background:var(--surface-hover)}.modal__close svg{width:18px;height:18px}.modal h2{font-family:var(--font-display);letter-spacing:-.01em;margin-top:10px;font-size:24px;font-weight:600}.modal p.sub{color:var(--text-muted);margin-top:8px;font-size:14px}.field{margin-top:16px}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-size:11px;display:block}.field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-btn);width:100%;color:var(--text);min-height:46px;padding:12px 14px;transition:border-color .12s ease-out,box-shadow .12s ease-out}.field input::placeholder{color:var(--text-faint)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.field select{font:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-btn);color:var(--text);min-height:46px;padding:12px 10px;transition:border-color .12s ease-out,box-shadow .12s ease-out}.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.field-row{gap:8px;display:flex}.field-row input{flex:1;min-width:0}.ddi{flex:none;position:relative}.ddi__btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-btn);color:var(--text);min-height:46px;font:inherit;align-items:center;gap:7px;padding:12px 10px;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.ddi__btn:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.ddi__flag{object-fit:cover;border-radius:2px;flex:none;width:20px;height:14px}.ddi__code{font-family:var(--font-mono);font-size:13px}.ddi__caret{color:var(--text-faint);font-size:10px}.ddi__pop{z-index:30;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-card);width:300px;max-width:78vw;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 18px 40px -12px #000000b3}.ddi__filter{background:var(--bg);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);padding:11px 14px}.ddi__filter:focus{outline:none}.ddi__filter::placeholder{color:var(--text-faint)}.ddi__list{max-height:260px;overflow-y:auto}.ddi__item{text-align:left;width:100%;color:var(--text-muted);align-items:center;gap:10px;padding:9px 14px;font-size:14px;display:flex}.ddi__item:hover,.ddi__item.selected{background:var(--surface-hover);color:var(--text)}.ddi__item .ddi__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ddi__item .ddi__code{color:var(--text-faint);font-size:12px}.ddi__empty{color:var(--text-faint);padding:14px;font-size:13px}.modal .btn-primary{justify-content:center;width:100%;margin-top:22px}.modal .privacy{color:var(--text-faint);text-align:center;margin-top:14px;font-size:12px;line-height:1.5}.modal .privacy a{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.modal .privacy a:hover{color:var(--accent)}.player-layout{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}@media (min-width:1024px){.player-layout.has-sidebar{grid-template-columns:minmax(0,8fr) minmax(300px,4fr);gap:32px}}.player{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--r-card);background:repeating-linear-gradient(135deg,#ffffff06 0 1px,#0000 1px 11px),#08090a;place-items:center;display:grid;position:relative;overflow:hidden}.player__play{background:var(--accent);width:76px;height:76px;color:var(--bg);box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;place-items:center;transition:box-shadow .15s ease-out,background .12s ease-out;display:grid}.player__play:hover{background:var(--accent-dim);box-shadow:0 0 0 10px var(--accent-glow)}.player__play svg{width:28px;height:28px;margin-left:3px}.player__bar{background:linear-gradient(#0000,#000000b3);align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.player__track{background:#ffffff2e;border-radius:2px;flex:1;height:3px;overflow:hidden}.player__track>i{background:var(--accent);width:18%;height:100%;display:block}.player__time{font-family:var(--font-mono);color:var(--text);font-size:12px}.player__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text);background:color-mix(in srgb, var(--bg) 75%, transparent);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;top:14px;left:14px}.lesson-meta{margin-top:24px}.lesson-meta .eyebrow{margin-bottom:12px;display:block}.lesson-meta :is(h1,h2){font-family:var(--font-display);letter-spacing:-.015em;font-size:28px;font-weight:600;line-height:1.15}@media (min-width:1024px){.lesson-meta :is(h1,h2){font-size:34px}}.lesson-meta p.body{color:var(--text-muted);max-width:70ch;margin-top:14px}.lesson-nav{gap:12px;margin-top:28px;display:flex}.lesson-nav .btn{flex:1;justify-content:center}@media (max-width:640px){.lesson-nav{flex-direction:column-reverse}}.attachments{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.attachments h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:14px;font-size:12px}.attach-list{flex-direction:column;gap:8px;display:flex}.attach{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-btn);align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s ease-out,background .12s ease-out;display:flex}.attach:hover{border-color:var(--border-strong);background:var(--surface-hover)}.attach__icon{border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);border-radius:6px;flex:none;place-items:center;display:grid}.attach__icon svg{width:16px;height:16px}.attach__name{color:var(--text);font-size:14px;display:block}.attach__meta{font-family:var(--font-mono);color:var(--text-faint);margin-top:2px;font-size:11px;display:block}.attach__dl{color:var(--text-muted);margin-left:auto}.attach:hover .attach__dl{color:var(--accent)}.attach__dl svg{width:18px;height:18px}.lessons-panel{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);position:sticky;top:84px;overflow:hidden}.lessons-panel__head{border-bottom:1px solid var(--border);padding:16px 18px}.lessons-panel__head .eyebrow{margin-bottom:6px;display:block}.lessons-panel__head :is(h1,h2){font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2}.lessons-panel__progress{margin-top:12px}.progress-bar{background:var(--bg);border-radius:2px;height:4px;overflow:hidden}.progress-bar>i{background:var(--accent);height:100%;transition:width .2s ease-out;display:block}.progress-label{font-family:var(--font-mono);color:var(--text-faint);margin-top:8px;font-size:11px}.lessons-list{max-height:60vh;overflow-y:auto}@media (max-width:1023px){.lessons-list{max-height:none}}.lesson-item{text-align:left;border-left:3px solid #0000;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;width:100%;min-height:44px;padding:13px 18px 13px 15px;transition:background .12s ease-out;display:flex}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background:var(--surface-hover)}.lesson-item[aria-current=true]{background:var(--surface-hover);border-left-color:var(--accent)}.lesson-item__num{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);border-radius:5px;flex:none;place-items:center;width:26px;height:22px;margin-top:1px;font-size:11px;display:grid}.lesson-item[aria-current=true] .lesson-item__num{color:var(--accent);border-color:var(--accent)}.lesson-item.done .lesson-item__num{color:var(--text-muted)}.lesson-item__num svg{width:12px;height:12px}.lesson-item__text{flex:1}.lesson-item__title{color:var(--text);font-size:14px;line-height:1.35;display:block}.lesson-item[aria-current=false] .lesson-item__title{color:var(--text-muted)}.lesson-item__title{color:var(--text)}.lesson-item__dur{font-family:var(--font-mono);color:var(--text-faint);margin-top:4px;font-size:11px;display:block}.upsell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding:16px 18px;display:flex}.upsell__seal{border:1px solid var(--border-strong);width:38px;height:38px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.upsell__seal svg{width:18px;height:18px}.upsell__thumb{border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:10px;flex:none;width:56px;height:56px;overflow:hidden}.upsell__thumb img{object-fit:cover;width:100%;height:100%;display:block}.upsell__text{flex:1;min-width:200px}.upsell__text strong{font-size:15px;font-weight:500}.upsell__text span{color:var(--text-muted);margin-top:2px;font-size:13px;display:block}.next-step{background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-card);box-shadow:0 0 50px -10px var(--accent-glow);text-align:center;margin-top:32px;padding:36px 28px}.next-step .eyebrow{margin-bottom:14px;display:block}.next-step__cover{border:1px solid var(--border-strong);border-radius:16px;width:128px;height:128px;margin-bottom:18px;display:inline-block;overflow:hidden;box-shadow:0 12px 40px -12px #0009}.next-step__cover img{object-fit:cover;width:100%;height:100%;display:block}.next-step h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:30px;font-weight:600;line-height:1.1}.next-step p{color:var(--text-muted);margin-top:12px;max-width:46ch;margin-inline:auto}.next-step .btn{margin-top:24px}.breadcrumb-icon{width:14px;height:14px}.flow>*+*{margin-top:var(--flow,16px)}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:200;background:var(--accent);color:var(--bg);border-radius:6px;padding:8px 14px;top:12px;left:16px}.doc-layout{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (min-width:768px){.doc-layout{grid-template-columns:300px 1fr;gap:40px}}.doc-preview{aspect-ratio:3/4;background:repeating-linear-gradient(135deg, #ffffff06 0 1px, transparent 1px 11px), var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-card);place-items:center;display:grid;position:relative;overflow:hidden}.doc-preview__icon{width:56px;height:56px;color:var(--text-faint)}.doc-preview__badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--accent);border:1px solid var(--border-strong);border-radius:4px;padding:3px 7px;font-size:11px;position:absolute;top:12px;left:12px}.doc-toc{flex-direction:column;gap:2px;margin-top:20px;list-style:none;display:flex}.doc-toc li{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:9px 0;display:flex}.doc-toc li:last-child{border-bottom:none}.doc-toc .n{font-family:var(--font-mono);color:var(--text-faint);flex:none;width:26px;font-size:12px}.doc-toc .l{color:var(--text-muted);font-size:15px}.divider{background:var(--border);border:0;height:1px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.prose{color:var(--text-muted);font-size:16px;line-height:1.7}.prose>*+*{margin-top:18px}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;font-weight:600;line-height:1.2}.prose h2{margin-top:40px;font-size:26px}.prose h3{margin-top:32px;font-size:20px}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.prose a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose ul,.prose ol{padding-left:22px}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:8px}.prose li::marker{color:var(--text-faint)}.prose blockquote{border-left:2px solid var(--accent);color:var(--text);padding:4px 0 4px 18px;font-style:normal}.prose hr{background:var(--border);border:0;height:1px;margin-block:32px}.prose img{border:1px solid var(--border);border-radius:8px}.prose code{font-family:var(--font-mono);font-size:.88em}.prose :not(pre)>code{background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:5px;padding:2px 6px}.prose pre{border:1px solid var(--border);background:#0d0e10;border-radius:10px;padding:18px 20px;position:relative;overflow-x:auto}.prose pre code{color:#d6d8ce;background:0 0;border:none;padding:0;font-size:13.5px;line-height:1.65;display:block}.prose pre[data-lang]:before{content:attr(data-lang);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:10px;position:absolute;top:10px;right:12px}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:8px 12px}.prose th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);background:var(--surface);font-size:11px}.hljs-comment,.hljs-quote{color:var(--text-faint);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#c8e84a}.hljs-string,.hljs-attr,.hljs-template-string{color:#8fd1a8}.hljs-number,.hljs-literal{color:#e0b97d}.hljs-title,.hljs-title.function_,.hljs-title.class_{color:#f5f6f4}.hljs-type,.hljs-class .hljs-title{color:#9fd0e8}.hljs-variable,.hljs-params,.hljs-property{color:#d6d8ce}.hljs-meta,.hljs-doctag,.hljs-operator,.hljs-punctuation{color:#9a9ca3}.cookie-notice{z-index:90;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-card);align-items:center;gap:16px;max-width:720px;margin-inline:auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 40px #00000080}.cookie-notice p{color:var(--text-muted);flex:1;font-size:13px;line-height:1.5}.cookie-notice a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.cookie-notice a:hover{color:var(--accent)}.cookie-notice .btn{justify-content:center;padding:10px 16px;font-size:14px}@media (max-width:560px){.cookie-notice{flex-direction:column;align-items:stretch;gap:12px}}