:root{color-scheme:light;--bg:#f7f6f2;--panel:#fff;--panel2:#efede8;--text:#26242b;--muted:#77727c;--line:#dedbd3;--accent:#7058b6;--accent2:#c45d78}html[data-theme=dark]{color-scheme:dark;--bg:#0b0b12;--panel:#15151f;--panel2:#1d1d29;--text:#f6f3f8;--muted:#aaa6b2;--line:#2b2936;--accent:#9d6bff;--accent2:#ff6f91}body{transition:background-color .25s ease,color .25s ease}.brand-mark{color:#f6f3f8}.site-header{gap:20px}.site-header nav{margin-left:auto}.theme-toggle{flex:none;width:58px;height:32px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--muted);cursor:pointer;box-shadow:0 4px 18px rgba(43,38,53,8%);transition:border-color .2s,background .2s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:focus-visible{outline:3px solid rgba(112,88,182,.25);outline-offset:3px}.theme-toggle-track{position:relative;display:flex;height:100%;align-items:center;justify-content:space-between;padding:0 4px}.theme-icon{z-index:1;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun{color:#a86d20}.theme-icon-moon{color:#8b83a2}.theme-toggle-thumb{position:absolute;left:0;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(43,38,53,.18);transition:transform .25s ease,background .25s}html[data-theme=dark] .theme-toggle-thumb{transform:translateX(26px);background:#34303f}html:not([data-theme=dark]) .site-header nav a:hover,html:not([data-theme=dark]) .filter.is-active,html:not([data-theme=dark]) .filter:hover,html:not([data-theme=dark]) .site-footer strong,html:not([data-theme=dark]) .prose strong{color:var(--text)}html:not([data-theme=dark]) .hero h1 em{-webkit-text-stroke-color:#8f8796}html:not([data-theme=dark]) .button-primary{color:#fff;box-shadow:0 12px 30px rgba(112,88,182,.22)}html:not([data-theme=dark]) .hero-feature img{box-shadow:0 28px 65px rgba(45,39,54,.24)}html:not([data-theme=dark]) .hero-feature div{background:rgba(255,255,255,.88);border-color:rgba(61,53,70,.12);box-shadow:0 16px 40px rgba(45,39,54,.14)}html:not([data-theme=dark]) .feature-label{color:#fff}html:not([data-theme=dark]) .work-card:hover{border-color:#aaa2b4;box-shadow:0 16px 40px rgba(45,39,54,9%)}html:not([data-theme=dark]) .tag-list span,html:not([data-theme=dark]) .tag-list a{color:#625d68}html:not([data-theme=dark]) .catch,html:not([data-theme=dark]) .prose p{color:#625d68}html:not([data-theme=dark]) .video-affiliate{color:var(--accent)}.sample-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,520px);min-height:58px;margin:24px auto 0;padding:14px 28px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:linear-gradient(135deg,#ff365f 0%,#d70f38 55%,#a90028 100%);color:#fff;font-size:15px;font-weight:800;letter-spacing:.06em;box-shadow:0 14px 34px rgba(205,15,52,.28);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.sample-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-110%);transition:transform .5s ease}.sample-cta span{font-size:20px;line-height:1;transition:transform .2s ease}.sample-cta:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 42px rgba(205,15,52,.38)}.sample-cta:hover::before{transform:translateX(110%)}.sample-cta:hover span{transform:translateX(4px)}.sample-cta:focus-visible{outline:3px solid rgba(255,54,95,.32);outline-offset:4px}@media(max-width:760px){.site-header{padding:0 20px}.brand{margin-right:auto}.theme-toggle{width:54px}.site-header nav{display:none}html[data-theme=dark] .theme-toggle-thumb{transform:translateX(22px)}.sample-cta{min-height:54px;border-radius:14px}}