:root{--scratch-ink:#17152b;--scratch-paper:#fffdf5;--scratch-yellow:#ffd84d;--scratch-orange:#ff8b3d;--scratch-blue:#3aa5f3;--scratch-purple:#9b63f6;--scratch-green:#55cc73;--scratch-pink:#ff5fa0}
.scratch-page{background:var(--scratch-paper);color:var(--scratch-ink)}
.scratch-progress{position:fixed;z-index:80;top:0;right:0;left:0;height:3px;pointer-events:none}.scratch-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--scratch-purple),var(--scratch-blue),var(--scratch-yellow));transform-origin:right center}.scratch-jump-nav{position:sticky;z-index:24;top:0;border-bottom:1px solid rgba(23,21,43,.13);background:color-mix(in srgb,var(--scratch-paper) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.scratch-jump-nav .scratch-shell{display:flex;align-items:center;gap:4px;overflow:auto;scrollbar-width:none}.scratch-jump-nav a{position:relative;padding:15px 13px;color:inherit;text-decoration:none;white-space:nowrap;font-size:.78rem;font-weight:800}.scratch-jump-nav a:after{content:"";position:absolute;right:13px;bottom:8px;left:13px;height:2px;background:var(--scratch-purple);transform:scaleX(0);transition:transform .2s}.scratch-jump-nav a.is-active:after{transform:scaleX(1)}.scratch-jump-nav .jump-cta{margin-inline-start:auto;background:var(--scratch-ink);color:var(--scratch-paper);padding-inline:18px}.scratch-jump-nav .jump-cta:after{display:none}
.scratch-page .public-header{background:color-mix(in srgb,var(--scratch-paper) 90%,transparent);border-bottom-color:rgba(23,21,43,.12);backdrop-filter:blur(18px)}
.scratch-landing{overflow:hidden}.scratch-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.scratch-hero{position:relative;min-height:760px;padding:clamp(76px,10vw,132px) 0 80px;background:radial-gradient(circle at 83% 20%,rgba(155,99,246,.19),transparent 25%),radial-gradient(circle at 12% 75%,rgba(58,165,243,.18),transparent 26%),linear-gradient(135deg,#fffdf5 0%,#fff9db 52%,#f7efff 100%)}
.scratch-hero:after{content:"";position:absolute;inset:0;opacity:.19;pointer-events:none;background-image:linear-gradient(rgba(23,21,43,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,21,43,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.scratch-orb{position:absolute;border:2px solid var(--scratch-ink);border-radius:50%;z-index:1;box-shadow:8px 8px 0 var(--scratch-ink)}.orb-one{width:74px;height:74px;background:var(--scratch-yellow);top:92px;right:5%;animation:floaty 5s ease-in-out infinite}.orb-two{width:38px;height:38px;background:var(--scratch-pink);bottom:110px;left:7%;animation:floaty 4s ease-in-out infinite reverse}
.scratch-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(44px,7vw,92px);align-items:center}.scratch-kicker,.scratch-section-number{display:inline-flex;align-items:center;gap:9px;font:700 .78rem/1.4 var(--font,inherit);letter-spacing:.08em;color:#695e88}.live-dot{width:9px;height:9px;background:var(--scratch-green);border-radius:50%;box-shadow:0 0 0 5px rgba(85,204,115,.18)}
.scratch-hero h1{font-size:clamp(3rem,6.5vw,6rem);line-height:1.02;letter-spacing:-.055em;max-width:760px;margin:22px 0;color:var(--scratch-ink)}.scratch-lede{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:2;max-width:650px;color:#514b68}.scratch-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.scratch-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 24px;border:2px solid var(--scratch-ink);border-radius:14px;font-weight:800;text-decoration:none;transition:.2s ease;box-shadow:5px 5px 0 var(--scratch-ink);cursor:pointer}.scratch-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--scratch-ink)}.scratch-button.primary{background:var(--scratch-yellow);color:var(--scratch-ink)}.scratch-button.ghost{background:#fff;color:var(--scratch-ink)}.scratch-button.telegram{background:#28a8e9;color:#fff}.scratch-proof{list-style:none;padding:0;margin:42px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,21,43,.15);border:1px solid rgba(23,21,43,.15);border-radius:16px;overflow:hidden}.scratch-proof li{display:grid;gap:5px;padding:16px;background:rgba(255,255,255,.75)}.scratch-proof span{font-size:.78rem;color:#6a647a}
.scratch-stage{border:3px solid var(--scratch-ink);border-radius:24px;background:#fff;box-shadow:16px 16px 0 var(--scratch-ink);transform:rotate(1.4deg);overflow:hidden}.stage-toolbar{height:50px;display:flex;gap:7px;align-items:center;padding:0 16px;border-bottom:2px solid var(--scratch-ink);background:#eeeaf7}.stage-toolbar span{width:11px;height:11px;border:1.5px solid var(--scratch-ink);border-radius:50%;background:var(--scratch-pink)}.stage-toolbar span:nth-child(2){background:var(--scratch-yellow)}.stage-toolbar span:nth-child(3){background:var(--scratch-green)}.stage-toolbar b{margin-inline-start:auto;font:600 .72rem/1.2 monospace;color:#5a526a}.stage-body{min-height:405px;display:grid;grid-template-columns:1fr .92fr;background:linear-gradient(90deg,#faf9fd 50%,#e7f6ff 50%)}.block-stack{padding:42px 22px;display:flex;flex-direction:column;align-items:flex-start;direction:rtl}.code-block{position:relative;padding:12px 16px;color:#fff;font-size:.82rem;font-weight:700;border:2px solid rgba(23,21,43,.75);border-radius:8px 8px 8px 2px;box-shadow:3px 3px 0 rgba(23,21,43,.9);margin-top:-1px}.code-block:before{content:"";position:absolute;width:22px;height:6px;background:inherit;right:18px;top:-5px;border:2px solid rgba(23,21,43,.7);border-bottom:0;border-radius:4px 4px 0 0}.code-block.yellow{background:#eeb72e;color:#30280d}.code-block.blue{background:var(--scratch-blue);margin-right:14px}.code-block.orange{background:var(--scratch-orange);margin-right:26px}.code-block.purple{background:var(--scratch-purple);margin-right:40px}.stage-preview{position:relative;overflow:hidden;border-right:2px solid var(--scratch-ink);background:linear-gradient(#bde9ff 68%,#75d68b 68%)}.stage-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fff 1.5px,transparent 2px);background-size:30px 30px;opacity:.45}.pixel-star{position:absolute;top:45px;right:30px;color:var(--scratch-yellow);font-size:54px;filter:drop-shadow(3px 3px 0 var(--scratch-ink));animation:spin 8s linear infinite}.scratch-cat{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);width:116px;height:92px;border:3px solid var(--scratch-ink);border-radius:48% 48% 42% 42%;background:var(--scratch-orange);box-shadow:8px 7px 0 rgba(23,21,43,.85)}.scratch-cat i:before,.scratch-cat i:after{content:"";position:absolute;top:-23px;width:36px;height:42px;border:3px solid var(--scratch-ink);background:var(--scratch-orange);transform:rotate(45deg);z-index:-1}.scratch-cat i:before{right:9px}.scratch-cat i:after{left:9px}.scratch-cat b{display:block;text-align:center;margin-top:32px;font:900 1.1rem/1 monospace}.stage-preview small{position:absolute;top:10px;left:10px;padding:5px 8px;border:2px solid var(--scratch-ink);border-radius:8px;background:#fff;font-weight:800}.stage-status{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:2px solid var(--scratch-ink);font-size:.72rem}.stage-status span{display:flex;align-items:center;gap:6px}.stage-status i{width:8px;height:8px;border-radius:50%;background:var(--scratch-green)}
.scratch-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:clamp(88px,10vw,150px) 0}.scratch-intro h2,.scratch-section-head h2,.scratch-audience h2,.register-copy h2,.scratch-faq h2{font-size:clamp(2.1rem,4.2vw,4rem);line-height:1.16;letter-spacing:-.04em;margin:16px 0}.scratch-intro>div>p,.scratch-section-head>p,.scratch-audience>div>p,.register-copy>p{font-size:1.1rem;line-height:2;color:#5c566d}.outcome-list{display:grid;gap:13px;margin-top:28px}.outcome-list span{display:flex;gap:12px;align-items:flex-start;font-weight:700}.outcome-list i{display:grid;place-items:center;flex:0 0 28px;height:28px;border:2px solid var(--scratch-ink);border-radius:8px;background:var(--scratch-green);font-style:normal}
.scratch-projects{padding:110px 0;background:var(--scratch-ink);color:#fff;position:relative}.scratch-projects:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(155,99,246,.22),transparent 32%),radial-gradient(circle at 80% 70%,rgba(58,165,243,.18),transparent 25%)}.scratch-projects>.scratch-shell{position:relative}.scratch-projects .scratch-section-number{color:#c8bce0}.scratch-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.scratch-section-head>p{max-width:430px}.scratch-projects .scratch-section-head>p{color:#c8c2d8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{position:relative;min-height:325px;padding:18px;border:2px solid #fff;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 8px 0 #fff;transition:.25s}.project-card:hover{transform:translateY(-8px) rotate(-1deg)}.project-index{font:800 .8rem/1 monospace;opacity:.65}.project-art{position:relative;display:grid;place-items:center;width:132px;height:132px;margin:auto;border:3px solid var(--scratch-ink);border-radius:35% 65% 62% 38%;background:rgba(255,255,255,.7);transform:rotate(-7deg)}.project-art b{font-size:48px;color:var(--scratch-ink)}.project-card small{font-weight:800;text-transform:uppercase;letter-spacing:.06em}.project-card h3{font-size:1.45rem;margin:5px 0}.project-1,.project-6{background:var(--scratch-purple)}.project-2{background:var(--scratch-blue)}.project-3{background:var(--scratch-orange)}.project-4{background:var(--scratch-pink)}.project-5{background:var(--scratch-green);color:var(--scratch-ink)}
.scratch-path{padding:120px 0}.path-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--scratch-ink)}.path-list li{display:grid;grid-template-columns:100px 1fr;gap:26px;padding:32px 12px;border-bottom:2px solid var(--scratch-ink);transition:.2s}.path-list li:hover{background:#fff3b5;padding-inline:24px}.path-list>li>span{font:900 2rem/1 monospace;color:var(--scratch-purple)}.path-list h3{font-size:1.5rem;margin:0 0 8px}.path-list p{margin:0;color:#625c71;line-height:1.9}
.scratch-audience{padding:110px 0;background:#e9f8ff;border-block:2px solid var(--scratch-ink)}.audience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.audience-cards{display:grid;gap:14px}.audience-cards article{display:flex;gap:20px;align-items:center;padding:22px;border:2px solid var(--scratch-ink);border-radius:18px;background:#fff;box-shadow:5px 5px 0 var(--scratch-ink)}.audience-cards article span{font-size:30px;color:var(--scratch-purple)}.audience-cards p{margin:0;font-weight:700;line-height:1.8}.instructor-card{grid-column:1/-1;display:flex;gap:22px;align-items:center;padding:26px;background:var(--scratch-yellow);border:2px solid var(--scratch-ink);border-radius:22px}.instructor-avatar{display:grid;place-items:center;width:78px;height:78px;flex:0 0 78px;border:3px solid var(--scratch-ink);border-radius:24px;background:var(--scratch-purple);color:#fff;font:900 1.4rem/1 monospace;transform:rotate(-4deg)}.instructor-card h3{font-size:1.6rem;margin:5px 0}.instructor-card p{margin:0}
.scratch-register{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;padding:130px 0}.register-copy{position:sticky;top:120px;align-self:start}.privacy-note{display:flex;gap:14px;margin-top:30px;padding:18px;border:2px solid var(--scratch-ink);border-radius:16px;background:#effff1}.privacy-note>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--scratch-green);border:2px solid var(--scratch-ink);font-weight:900}.privacy-note p{display:grid;margin:0;font-size:.85rem;line-height:1.8}.scratch-form{position:relative;display:grid;gap:18px;padding:clamp(24px,4vw,44px);border:3px solid var(--scratch-ink);border-radius:26px;background:#fff;box-shadow:14px 14px 0 var(--scratch-purple)}.scratch-form:before{content:"LEAD FORM";position:absolute;top:-15px;left:28px;padding:5px 12px;border:2px solid var(--scratch-ink);border-radius:8px;background:var(--scratch-yellow);font:800 .72rem/1 monospace}.scratch-form label{display:grid;gap:8px;font-weight:800}.scratch-form label>span small{font-weight:400;color:#756e83}.scratch-form input,.scratch-form select{width:100%;height:54px;padding:0 14px;border:2px solid #b5afc1;border-radius:12px;background:#fff;color:#211d32;font:inherit;transition:.2s}.scratch-form input:focus,.scratch-form select:focus{outline:3px solid rgba(155,99,246,.24);border-color:var(--scratch-purple)}.scratch-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scratch-consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:500!important;line-height:1.8}.scratch-consent input{width:22px;height:22px;margin-top:3px;accent-color:var(--scratch-purple)}.scratch-honeypot{position:absolute!important;left:-10000px!important}.scratch-button.submit{width:100%;font:800 1rem/1 inherit}.scratch-form-result{display:grid;gap:10px;padding:16px;border:2px solid var(--scratch-ink);border-radius:14px}.scratch-form-result.success{background:#e9ffed}.scratch-form-result.error{background:#fff0f0;color:#922}.scratch-form-result .scratch-button{margin-top:6px}
.scratch-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:20px 0 120px}.scratch-faq details{border-bottom:2px solid var(--scratch-ink);padding:23px 4px}.scratch-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:800;font-size:1.08rem;list-style:none}.scratch-faq summary::-webkit-details-marker{display:none}.scratch-faq summary span{font-size:1.5rem;transition:.2s}.scratch-faq details[open] summary span{transform:rotate(45deg)}.scratch-faq details p{line-height:2;color:#5d576c;padding-inline-end:28px}.scratch-source{padding:26px 0 110px;text-align:center;color:#6d667a;font-size:.82rem}.scratch-source a{font-weight:800;color:var(--scratch-purple)}.scratch-mobile-cta{display:none}
.not-found-page{min-height:72vh;padding:110px 0;text-align:center;background:radial-gradient(circle at center,rgba(155,99,246,.18),transparent 42%)}.not-found-page .public-container{max-width:760px}.not-found-code{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px 0;font:900 clamp(6rem,20vw,12rem)/.9 monospace}.not-found-code span{display:grid;place-items:center;width:.72em;height:.72em;border:4px solid currentColor;border-radius:26%;background:var(--scratch-yellow);font-size:.55em;transform:rotate(8deg)}.not-found-page h1{font-size:clamp(2.4rem,6vw,4.4rem);margin:20px 0}.not-found-page>div>p{font-size:1.08rem;line-height:2;color:#625c70}.not-found-page .row{justify-content:center;flex-wrap:wrap;margin-top:28px}.not-found-search{max-width:520px;margin:50px auto 0;padding:20px;border:2px solid var(--scratch-ink);border-radius:18px;background:#fff;text-align:right}.not-found-search label{font-weight:800}.not-found-search input{height:48px;flex:1;min-width:0;border:1px solid #aaa;border-radius:10px;padding:0 12px}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:none}@keyframes floaty{50%{transform:translateY(-14px) rotate(8deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.scratch-button[aria-busy=true]{cursor:wait;opacity:.7}.scratch-button[aria-busy=true] span:first-child:after{content:" …"}
@media(max-width:900px){.scratch-hero{min-height:auto;padding-top:70px}.scratch-hero-grid,.scratch-intro,.audience-grid,.scratch-register,.scratch-faq{grid-template-columns:1fr}.scratch-hero-grid{gap:55px}.scratch-stage{max-width:600px;margin:auto;transform:none;box-shadow:10px 10px 0 var(--scratch-ink)}.scratch-intro,.scratch-register{gap:38px}.project-grid{grid-template-columns:repeat(2,1fr)}.register-copy{position:static}.scratch-faq{gap:24px}.scratch-section-head{align-items:start;flex-direction:column}}
@media(max-width:620px){.scratch-shell{width:min(100% - 28px,1180px)}.scratch-hero{padding-bottom:64px}.scratch-hero h1{font-size:clamp(2.65rem,14vw,4rem)}.scratch-actions>*{width:100%}.scratch-proof{grid-template-columns:1fr}.scratch-proof li{grid-template-columns:1fr 1fr}.stage-body{grid-template-columns:1.05fr .95fr;min-height:320px}.block-stack{padding:34px 9px}.code-block{padding:9px 8px;font-size:.65rem}.code-block.blue{margin-right:7px}.code-block.orange{margin-right:13px}.code-block.purple{margin-right:19px}.scratch-cat{width:86px;height:70px}.project-grid{grid-template-columns:1fr}.project-card{min-height:270px}.scratch-intro,.scratch-path,.scratch-audience,.scratch-register{padding-block:78px}.scratch-form-row{grid-template-columns:1fr}.path-list li{grid-template-columns:58px 1fr}.instructor-card{align-items:flex-start}.scratch-mobile-cta{display:block;position:fixed;z-index:30;right:14px;left:14px;bottom:14px;padding:14px;border:2px solid var(--scratch-ink);border-radius:13px;background:var(--scratch-yellow);box-shadow:4px 4px 0 var(--scratch-ink);text-align:center;color:var(--scratch-ink);font-weight:900;text-decoration:none}.scratch-page .public-footer{padding-bottom:82px}}
@media(prefers-reduced-motion:reduce){.scratch-orb,.pixel-star{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}.project-card,.scratch-button{transition:none}}
[data-theme=dark] .scratch-page{--scratch-paper:#151321;--scratch-ink:#f8f5ff;color:var(--scratch-ink);background:var(--scratch-paper)}[data-theme=dark] .scratch-hero{background:radial-gradient(circle at 80% 20%,rgba(155,99,246,.28),transparent 30%),linear-gradient(135deg,#151321,#211a38)}[data-theme=dark] .scratch-lede,[data-theme=dark] .scratch-intro>div>p,[data-theme=dark] .path-list p,[data-theme=dark] .register-copy>p,[data-theme=dark] .scratch-faq details p{color:#c9c2d7}[data-theme=dark] .scratch-proof{background:#302b40;border-color:#494258}[data-theme=dark] .scratch-proof li,[data-theme=dark] .scratch-form,[data-theme=dark] .audience-cards article,[data-theme=dark] .not-found-search{background:#211e30}[data-theme=dark] .scratch-form input,[data-theme=dark] .scratch-form select{background:#171522;color:#fff}[data-theme=dark] .scratch-audience{background:#171e2e}[data-theme=dark] .privacy-note{background:#17271c}[data-theme=dark] .path-list li:hover{background:#332c19}
@media(max-width:620px){.scratch-jump-nav a:not(.jump-cta){display:none}.scratch-jump-nav .jump-cta{margin-inline-start:0;width:100%;text-align:center}.scratch-jump-nav .scratch-shell{width:100%}}