@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap');
:root{--ink:#000;--blue:#3d3bff;--lime:#d2ff4f;--paper:#fff;--muted:#6b6b6b;--line:#e8e8e6}body{font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#a4daf4 0%,#bfe3f2 60%,#d5ecf5 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}body:before,body:after{content:'';position:fixed;bottom:1%;width:360px;height:160px;background:url('assets/cloud-blue-large.png') center/contain no-repeat;pointer-events:none;z-index:-1;opacity:.8}body:before{left:1%}body:after{right:1%;width:300px;bottom:8%}header{height:49px;padding:10px 48px;border-bottom:1px solid #e5e5e5;position:relative;z-index:5}.brand{gap:8px;font-weight:500;letter-spacing:-.8px}.brand-label{font-size:21px}.brand-game{font-size:10px;padding:3px 6px;border:1px solid #000;letter-spacing:0}nav{gap:20px}.text-btn{font-size:13px;text-decoration:underline;color:black;padding:4px 0}body[data-screen=hero] nav{visibility:hidden}.progress{height:0;overflow:hidden}main{padding:50px 24px 60px;max-width:1152px;min-height:calc(100vh - 49px);position:relative}h1,h2,.eyebrow{font-family:Unbounded,Arial,sans-serif}h1{font-size:clamp(36px,6.4vw,74px);line-height:.95;letter-spacing:-2.4px;font-weight:700;margin:28px 0}h2{font-size:clamp(28px,3.4vw,42px);line-height:1.25;letter-spacing:-1.4px}.eyebrow{font-size:11px;font-weight:400;letter-spacing:1.8px;color:#5c6266}.pill{background:white;border:2px solid black;font-size:13px;font-weight:600;padding:10px 17px;border-radius:40px}.lead{font-size:19px;line-height:1.5;color:#000}.btn{background:var(--blue);border-radius:999px;font-size:15px;padding:16px 30px;font-weight:500;gap:8px;color:white}.btn span{font-size:0}.btn span:after{content:'→';font-size:20px}.btn.secondary{background:#fff;border:1px solid black;color:black}.btn:hover{filter:brightness(.95)}.hero{position:static;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;min-height:calc(100vh - 169px);padding-top:24px}.hero-copy,.hero-right{position:relative;z-index:2}.hero-decor{position:fixed;inset:49px 0 0;pointer-events:none;z-index:0;overflow:hidden}.hero-decor img{position:absolute;object-fit:contain}.decor-phone{width:380px;height:212px;left:-6%;top:26%}.decor-star{width:150px;height:150px;left:44%;top:13%}.decor-ribbon{width:280px;height:560px}.decor-ribbon.left{left:-40px;top:40px;transform:rotate(-8deg)}.decor-ribbon.right{right:-60px;top:100px;transform:rotate(160deg) scaleX(-1)}.decor-crt{width:290px;height:270px;right:3%;bottom:4%;z-index:1}.star{position:absolute;font-size:36px;color:white}.s1{top:14%;left:32%}.s2{top:26%;left:45%}.hero-decor:before,.hero-decor:after{content:'';position:absolute;background:url('assets/cloud-blue-large.png') center/contain no-repeat;width:330px;height:160px;bottom:2%;left:3%}.hero-decor:after{left:auto;right:36%;bottom:30%;width:180px;height:84px;background-image:url('assets/cloud-pink.png')}.hero-stipend{margin-top:24px;background:#000b;color:white;padding:17px 20px;border-radius:16px;font-size:18px}.hero-stipend strong{color:#f65a9c}.hero-stipend small{display:block;color:#ddd;font-size:12px;margin-top:9px}.hero-right{padding-top:45px}.retro-window{position:relative;background:white;border:2px solid #444;box-shadow:4px 4px 0 #0003}.retro-title{height:26px;background:linear-gradient(90deg,#5ab7e8,#c45bb1 55%,#e81b7f);padding:4px 6px 4px 10px;color:white;font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.window-close{background:#ececec;color:black;display:grid;place-items:center;width:20px;height:18px;border:1px outset white}.retro-body{padding:16px 18px;font-size:13px;line-height:1.6}.retro-body p{margin:6px 0 12px}.clippy{position:absolute;width:60px;height:88px;right:45px;top:-58px;object-fit:contain;z-index:3}.hero-stats{background:#34404730;border-radius:16px;margin-top:16px;padding:22px;font-size:16px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.stats-row strong{display:block;font-size:27px}.stats-row span{display:block;font-size:12px;margin:6px 0 10px}.stats-row i{display:block;background:#3d3bff88;height:7px;border-radius:5px}.hero-right>.btn{border-radius:15px;padding:22px 50px;font-size:20px;position:relative;z-index:3}.question{max-width:640px;padding-top:30px}.options{gap:12px;margin:28px 0}.option{border:2px solid #e5e5e5;border-radius:999px;padding:18px 22px;font-size:15px;font-weight:400;background:white}.option:hover{border-color:#3d3bff;background:white}.option.selected{background:#efeeff;border-color:#3d3bff}.hint{background:#ffffffa8;border-left:3px solid #3d3bff;color:#000;border-radius:0 16px 16px 0}.workspace{display:flex;flex-direction:column;max-width:720px;margin:-25px auto 0;background:#ffffffee;border:1px solid #e8e8e6;box-shadow:0 24px 48px -24px #0008,0 2px 6px #0001;border-radius:28px;min-height:76vh}.chat-titlebar{background:#4946ff;color:white;display:flex;align-items:center;gap:18px;padding:15px;font-size:13px}.lights{display:flex;gap:6px;padding:4px 5px;background:white;border-radius:9px}.lights i{width:10px;height:10px;background:#ff5f57;border-radius:50%}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.channel{margin-left:auto;font-size:11px;color:#ffffffbb}.sidebar{display:flex;gap:15px;overflow:auto;padding:14px 24px;background:#f6f6f5;color:#777;border-bottom:1px solid #e8e8e6}.taskline{white-space:nowrap;padding:0;border:0;font-size:10px;color:#888}.taskline.active{color:#3d3bff}.taskline.done{color:#333}.desk{padding:26px 30px;flex:1;min-height:400px}.desk h2{font-size:27px;margin:15px 0 20px;letter-spacing:-.7px}.mentor{margin-bottom:8px;font-size:11px}.avatar{width:36px;height:36px;background:#fcaca9;color:black;font-size:20px}.bubble{background:#ececee;border-radius:18px;padding:16px 20px;margin-left:47px;font-size:14px;line-height:1.5;max-width:550px}.desk>.btn{display:flex;margin:24px auto 0;width:max-content}.chat-composer{border-top:1px solid #e8e8e6;padding:16px 24px;color:#aaa;display:flex;justify-content:space-between;font-size:12px}.chat-composer span:last-child{color:#3d3bff}.cards{grid-template-columns:repeat(3,1fr);gap:12px}.card{border:2px solid #ddd;border-radius:12px;box-shadow:0 4px 8px #0001}.card.selected{border-color:#3d3bff}.art.type{background:#3d3bff;color:#d2ff4f}.feedback{background:#f5f5f4;color:black;border:1px solid #e8e8e6}.logo-preview{background:#f4f0e8;color:#333;border-radius:6px}.logo-name{font-family:Fraunces,Georgia,serif}.affiche{background:#3d3bff;color:#d2ff4f}.affiche .lowcontrast{color:#7674ff}.result-layout{max-width:900px;margin:auto}.result-card{border:2px solid #444;border-radius:0;box-shadow:4px 4px 0 #0003;padding:28px}.result-card.blue{background:#3d3bff;border-color:#2725b5}.result-card h3{font-family:Unbounded,sans-serif;font-size:18px;line-height:1.4}.form input{border:1px solid #bdbdbd;border-radius:12px;background:white}.form{background:#ffffffdd;padding:24px;border-radius:24px;margin-top:24px}.form p{font-size:12px}.form .btn{margin-top:10px}.form .consent{background:none}.meter{height:7px}.meter div{background:#3d3bff}.success-mark{background:#3d3bff;color:white}footer{background:#ffffff85;border:0;font-size:10px;padding:14px 48px}body[data-screen=hero] footer{display:none}
@media(min-width:1100px) and (max-height:760px){main{padding-top:45px}.hero{min-height:calc(100vh - 149px)}h1{font-size:74px}.hero-right{padding-top:35px}}
@media(max-width:760px){header{padding:10px 20px}.brand-label{font-size:16px}.brand-game{font-size:9px}.text-btn{font-size:10px}nav{gap:12px}main{padding:32px 24px 50px}.hero{grid-template-columns:1fr;gap:36px;padding-top:0}.hero h1{font-size:clamp(40px,10vw,66px);letter-spacing:-1.7px;line-height:1;max-width:560px}.hero h1 br:last-of-type{display:none}.hero .lead{font-size:16px}.hero-copy{padding:20px 0}.hero-right{padding:0 0 150px}.hero-stipend{font-size:15px}.hero-stats{background:#0002}.hero-right>.btn{width:100%;justify-content:center;font-size:18px;padding:20px}.clippy{width:45px;right:25px;top:-45px}.decor-phone{width:190px;height:145px;left:-85px;top:140px;opacity:.7}.decor-star{width:100px;left:auto;right:3%;top:20px}.decor-crt{position:fixed!important;width:170px;height:160px;bottom:0;right:3%;opacity:.85}.decor-ribbon{display:none}.question{padding-top:10px}.question h2{font-size:27px}.option{padding:17px 20px;font-size:14px}.workspace{margin:0 -8px;border-radius:24px}.desk{padding:22px 18px}.desk h2{font-size:23px}.sidebar{gap:12px;padding:12px 16px}.taskline{font-size:9px}.bubble{margin-left:0;margin-top:10px}.chat-titlebar{gap:12px;font-size:12px}.cards{grid-template-columns:repeat(2,1fr)}.result-layout{grid-template-columns:1fr;gap:25px}.form{padding:20px}.result-card{padding:23px}footer{padding:14px 24px}.editor{grid-template-columns:1fr}.affiche{padding:22px}}

/* Interactive project windows follow the reference's separate desktop cards. */
.task-window{max-width:600px;margin:55px auto 0;background:white;border-radius:28px;overflow:hidden;box-shadow:0 22px 45px -18px #32596d55}.task-titlebar{height:40px;display:flex;align-items:center;gap:14px;background:#f5f5f4;color:#888;font-size:12px;padding:8px 15px}.task-titlebar .lights{background:none;padding:0}.task-body{padding:30px 35px}.task-body h2{font-size:25px;text-align:center;letter-spacing:-.6px}.task-body>.btn{display:flex;margin:24px auto 0;max-width:100%}.task-body .editor{margin-top:24px}.mood-window{max-width:340px;margin-top:35px}.mood-window .task-titlebar{font-size:10px;gap:10px}.mood-window .task-body{padding:22px}.picker-count{text-align:center;font-size:13px}.picker-count small{display:block;color:#aaa;font-size:11px;margin:10px}.reference-art{height:230px;margin-top:18px;border-radius:18px;display:grid;place-items:center;overflow:hidden}.reference-art div{font-size:45px}.mood-window h3{font-size:13px;text-align:center;margin:15px 0}.picker-actions{display:flex;gap:10px;justify-content:center}.picker-actions .btn{font-size:12px;padding:12px 16px;min-width:115px}.picker-actions .btn span{display:none}.picker-nav{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:11px;gap:10px;color:#777}.picker-nav button{background:#f4f4f4;border:0;border-radius:50%;width:28px;height:28px;cursor:pointer}.mood-window .task-body>.btn{font-size:12px;padding:12px 18px}body[data-screen^=task]:before{bottom:auto;top:12%;left:5%}body[data-screen=task0]:after{background-image:url('assets/cloud-pink.png');top:42%;bottom:auto;right:10%}.task-body .affiche{max-width:360px;margin:20px auto}.task-body .controls label{display:block;margin:16px 0 8px}.task-body .controls select{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;background:#fff;font-family:inherit}.task-body .bubble{margin-left:0}.task-body .logo-preview{min-height:230px}@media(min-width:1100px){main{padding-left:48px;padding-right:48px}}@media(max-width:760px){.task-window{margin:20px auto 0}.task-body{padding:22px}.task-titlebar{font-size:10px}.task-body h2{font-size:22px}.reference-art{height:210px}.mood-window{max-width:340px}.picker-actions .btn{min-width:105px}.task-body .editor{grid-template-columns:1fr}}

/* Geometry matched to the source, rather than a free redesign. */
@media(min-width:769px){body[data-screen=hero]{height:100vh;overflow:hidden}body[data-screen=hero] main{max-width:none;padding:0;min-height:0;height:calc(100vh - 49px);display:flex;align-items:center;justify-content:center}.hero{width:1152px;max-width:100%;padding:0 48px;min-height:0;margin-top:44px;gap:56px;grid-template-columns:1.15fr .85fr;align-items:center}.hero-copy .pill{font-size:14px;font-weight:500;padding:8px 18px;margin-bottom:28px}.hero h1{font-size:clamp(35.2px,6.4vw,73.6px);line-height:.95;letter-spacing:0;margin:0 0 28px}.hero .lead{font-size:19.52px;line-height:1.5;margin:0 0 22px}.hero-stipend{margin-top:0;padding:14px 18px;border-radius:14px;background:#000b8;border:1px solid #ffffff1a;font-size:16px}.hero-stipend small{font-size:12px;line-height:1.5;margin-top:6px}.hero-right{padding-top:0;align-self:start;margin-top:68px}.retro-title{height:24px}.retro-body{padding:16px 18px;line-height:1.5}.retro-body p{margin:0;padding:5px 0}.hero-stats{margin-top:16px;padding:20px 22px;background:#30343e3d}.hero-stats>div:first-child{font-size:18px;font-weight:500;opacity:.65}.stats-row{margin-top:14px}.stats-row strong{font-size:27.2px;line-height:1}.stats-row span{font-size:13px;margin-top:6px;margin-bottom:10px}.stats-row i{height:8px}.stats-row article:nth-child(2) i{background:#3d3bff52}.stats-row article:nth-child(3) i{background:#3d3bff26}.hero-right>.btn{margin-top:16px;padding:22px 60px;font-size:21px;border-radius:14px}.decor-phone{object-position:left top}.decor-crt{height:290px;bottom:2%;object-position:left top}.decor-ribbon{object-position:left top}.decor-ribbon.right{width:320px;height:640px;transform:rotate(180deg) scaleX(-1) rotate(-20deg)}.clippy{object-position:left top;top:-62px;right:46px}body[data-screen=hero]:before{bottom:4%;width:320px;height:150px;left:3%}body[data-screen=hero]:after{bottom:2%;width:320px;height:150px;right:5%}.hero-decor:before{bottom:18%;left:38%;width:220px;height:100px}.hero-decor:after{bottom:30%;right:36%;width:180px;height:84px}.hero-decor .star{font-size:28px}.s1{top:16%}.s2{top:26%}}
.reference-art{height:300px;margin-top:20px;border-radius:16px;background:#f4f4f4}.reference-art img{width:100%;height:100%;object-fit:cover}.mood-window{position:relative;overflow:visible}.mood-window .task-titlebar{border-radius:28px 28px 0 0}.mood-window .task-body{border-radius:0 0 28px 28px;background:white}.mood-window:before,.mood-window:after{content:'';position:absolute;pointer-events:none;background:center/contain no-repeat;z-index:-1}.mood-window:before{background-image:url('assets/phone-t1.png');width:240px;height:380px;right:calc(100% + 90px);top:90px;transform:rotate(-8deg)}.mood-window:after{background-image:url('assets/sticker-t1.png');width:230px;height:260px;left:calc(100% + 60px);top:20px}.fork-progress{display:flex;gap:8px;justify-content:center;margin:0 0 28px}.fork-progress i{width:32px;height:6px;border-radius:10px;background:#e8e8e8}.fork-progress i.on{background:#3d3bff}.fork-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.fork-card{border:1px solid #ececec;border-radius:16px;background:white;padding:24px 16px 18px;display:flex;align-items:center;flex-direction:column;text-align:center;transition:border-color .15s}.fork-card:hover{border-color:#3d3bff;background:#fafaff}.fork-art{height:110px;display:grid;place-items:center;font-size:35px;color:#555}.fork-card strong{font-size:15px}.fork-card small{font-size:12px;color:#999;margin-top:7px}.task-window .task-body h2{font-family:Unbounded,sans-serif;font-size:24px;line-height:1.35;font-weight:600;margin-bottom:20px}@media(max-width:768px){.hero h1{font-size:clamp(40px,10vw,66px);letter-spacing:0}.hero h1 br:last-of-type{display:initial}.mood-window:before,.mood-window:after{display:none}.reference-art{height:270px}.fork-card{padding:18px 8px}.fork-art{height:90px;font-size:30px}.fork-card strong{font-size:12px}.fork-card small{font-size:10px}.task-window .task-body h2{font-size:20px}}

body[data-screen=task0] main,body[data-screen=task1] main,body[data-screen=mood-done] main{min-height:100vh;max-width:none;display:flex;align-items:center;justify-content:center;padding:56px 32px}.task-window.mood-window{width:320px;max-width:320px;margin:0}.mood-window .task-body{padding:24px 40px 36px}.mood-window .task-titlebar{height:40px;font-size:12px;white-space:nowrap;gap:10px}.mood-window .lights i{width:10px;height:10px}.picker-count{font-family:Unbounded,sans-serif;font-size:13px;font-weight:500;margin:0 0 20px}.reference-art{position:relative;width:240px;height:288px;border-radius:24px;margin:0;overflow:hidden}.ref-number{position:absolute;top:12px;right:12px;background:#0006;color:white;border-radius:999px;padding:3px 8px;font-size:10px;font-family:Unbounded,sans-serif}.picker-actions{margin-top:28px;gap:12px}.picker-actions .btn{height:54px;min-width:0;margin:0;padding:15px 24px;white-space:nowrap;font-size:14px}.mood-window:before{position:fixed;left:6%;right:auto;top:16%;width:14vw;max-width:215px;min-width:150px;height:280px;transform:rotate(-4deg);background-position:top left}.mood-window:after{position:fixed;right:3.5%;left:auto;top:25%;width:17vw;max-width:250px;min-width:180px;height:240px;transform:rotate(4deg);background-position:top left}body[data-screen=task0]:before{top:auto;bottom:4%;left:0%;width:280px;height:160px}body[data-screen=task0]:after{top:auto;bottom:8%;right:1%;width:260px;height:140px;background-image:url('assets/cloud-blue-large.png')}.mood-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mood-gallery img{width:100%;height:112px;object-fit:cover;border-radius:10px}body[data-screen=task1] .task-window{width:520px;margin:0}.task-body .logo-name{font-family:inherit}@media(max-width:768px){body[data-screen=task0] main,body[data-screen=task1] main,body[data-screen=mood-done] main{padding:24px 12px;min-height:calc(100vh - 49px)}.mood-window .task-body{padding:24px}.reference-art{width:100%;height:288px}.mood-window .task-titlebar{font-size:10px}.mood-window:before,.mood-window:after{display:none}.picker-actions .btn{padding:15px 22px}body[data-screen=task1] .task-window{width:100%}}

.cat-poster {
  position: relative;
  width: 378px;
  max-width: 100%;
  aspect-ratio: 820 / 1025;
  border-radius: 14px;
  overflow: hidden;
  background: #c7d2ea;
  box-shadow: var(--shadow-lg);
  container-type: inline-size;   /* для cqw-масштабирования заголовка */
}
.cat-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
.cat-screen { position: absolute; left: 10.5%; top: 21%; width: 28.5%; height: 45.5%; z-index: 1; overflow: hidden; }
.cat-checker {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(45deg,#b9b9b9 25%,transparent 25%,transparent 75%,#b9b9b9 75%),
    linear-gradient(45deg,#b9b9b9 25%,#ececec 25%,#ececec 75%,#b9b9b9 75%);
  background-size: 12px 12px; background-position: 0 0, 6px 6px;
}
.cat-underlay { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cat-collage { position: absolute; left: 50%; top: 49%; transform: translate(-50%,-50%); width: 144%; max-width: none; }
.cat-title {
  position: absolute; top: 4%; left: 0; right: 0; z-index: 3;
  text-align: center; white-space: nowrap;
  font-family: 'Unbounded','Inter',sans-serif; font-weight: 700;
  color: #0f1118; letter-spacing: -0.02em; line-height: 1.0;
  font-size: 13.6cqw;
}
.cat-studio {
  position: absolute; left: 4%; bottom: 3.5%; z-index: 3;
  font-family: 'Inter',sans-serif; color: #0f1118;
  font-size: 4cqw;                 /* масштабируется вместе с постером */
}
.cat-logo { position: absolute; right: 5%; bottom: 4%; z-index: 3; width: 11cqw; }

/* ---------- Задание #3: 4 поломки на постере ---------- */
.cat-poster .clk { cursor: pointer; }
@keyframes cat-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(61,59,255,0); }
  50%      { box-shadow: 0 0 0 5px rgba(61,59,255,0.55); }
}
.cat-hint { animation: cat-pulse 1.2s ease-in-out infinite; border-radius: 10px; }

/* #1 заголовок: плавный переход; сломан = мелкий рукописный, влево */
.cat-title { transition: font-size .45s, letter-spacing .45s, color .3s; }
.cat-title.broken {
  font-family: 'Caveat','Comic Sans MS',cursive;
  font-weight: 400; font-size: 6cqw; letter-spacing: 0;
  text-align: left; padding-left: 7%; color: #2a2d3a;
}

/* #2 лого: «болтается в воздухе» */
.cat-logo { transition: all .5s cubic-bezier(.2,.8,.2,1); }
.cat-logo.broken { right: auto; left: 50%; bottom: auto; top: 31%; transform: rotate(-18deg) scale(1.15); }

/* #3 подложка съехала -> видны шашечки */
.cat-underlay { transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.cat-underlay.broken { transform: translateX(53%); }
.cat-screen-hit {
  position: absolute; left: 10.5%; top: 21%; width: 28.5%; height: 45.5%;
  z-index: 5; border-radius: 18px;
}

/* #4 коллаж: 07 (правильный) ↔ куча 03/04/05 (сломано, неправильный порядок) */
.cat-collage.off { opacity: 0; transform: translate(-50%,-50%) scale(.55); }
.cat-collage.on  { opacity: 1; }
.cat-pile { position: absolute; left: 4%; top: 50%; width: 36%; height: 34%; z-index: 6;
            transition: opacity .45s, transform .45s; }
.cat-pile img { position: absolute; max-width: none; filter: drop-shadow(0 6px 12px rgba(0,0,0,0.35)); }
.cat-pile .pl-1 { width: 52%; left: 0%;   top: 2%;  transform: rotate(-17deg); }  /* цветок (не туда) */
.cat-pile .pl-2 { width: 62%; left: 42%;  top: 6%;  transform: rotate(13deg); }   /* шеврон */
.cat-pile .pl-3 { width: 86%; left: 8%;   top: 34%; transform: rotate(-7deg); }   /* S снизу */
.cat-pile.gone { opacity: 0; transform: translateY(-22%) scale(.7); pointer-events: none; }


.cat-poster{margin:0 auto}.cat-poster button{border:0;padding:0;background:transparent;color:inherit}.cat-logo{font-family:Unbounded,sans-serif;font-size:6cqw;font-weight:700;line-height:1.5}.catalog-window{width:458px;max-width:458px;margin:0}.catalog-window .task-body{padding:24px 40px 36px}.catalog-window:before,.catalog-window:after{content:'';position:fixed;pointer-events:none;background:top left/contain no-repeat;z-index:-1}.catalog-window:before{left:6%;top:16%;width:14vw;height:300px;background-image:url('assets/phone-t3.png');transform:rotate(-4deg)}.catalog-window:after{right:3.5%;top:25%;width:34vw;height:300px;background-image:url('assets/sticker-t3.png');transform:rotate(4deg)}body[data-screen=task2] main,body[data-screen=builder] main{display:flex;align-items:center;justify-content:center;max-width:none;min-height:100vh;padding:56px 32px}.certificate-window{width:560px;max-width:560px;margin:0}.certificate-window .task-body{padding:24px 40px 36px}.copy-options{display:flex;gap:8px;margin-bottom:20px}.copy-options button{flex:1;border:1px solid #000;border-radius:999px;background:white;padding:10px 8px;font-size:11px}.copy-options button.active{background:#efeeff;border-color:#3d3bff}.certificate-preview{height:300px;position:relative;overflow:hidden;border-radius:24px;padding:24px}.certificate-preview h3{font-family:Unbounded,sans-serif;font-size:20px;max-width:82%;position:relative;z-index:2;margin:0 0 8px}.certificate-preview p{font-size:13px;line-height:1.4;position:relative;z-index:2;margin:0}.certificate-preview>img{position:absolute;left:6px;right:6px;top:36%;width:calc(100% - 12px);height:62%;object-fit:contain;object-position:center bottom}.certificate-logo{position:absolute;bottom:16px;right:16px;font-size:17px;z-index:3}.certificate-colors{display:flex;justify-content:center;gap:12px;margin-top:24px}.certificate-colors button{height:36px;width:36px;flex-shrink:0;border:0;border-radius:50%;opacity:.7}.certificate-colors button.active{outline:2px solid black;outline-offset:3px;opacity:1}.cert-caption{text-align:center;color:#888;font-size:11px;font-family:Unbounded,sans-serif;margin-top:10px}.certificate-illustrations{display:flex;gap:10px;overflow-x:auto;padding:12px 4px;margin-top:8px}.certificate-illustrations button{width:56px;height:56px;flex-shrink:0;background:white;border:0;box-shadow:0 2px 8px #0002;border-radius:50%;padding:6px;opacity:.7}.certificate-illustrations button.active{outline:2px solid black;outline-offset:3px;opacity:1}.certificate-illustrations img{width:100%;height:100%;object-fit:contain}.certificate-window .task-body>.btn{width:100%;justify-content:center}@media(max-width:768px){body[data-screen=task2] main,body[data-screen=builder] main{padding:24px 12px;min-height:calc(100vh - 49px)}.catalog-window .task-body{padding:24px}.catalog-window:before,.catalog-window:after{display:none}.certificate-window .task-body{padding:20px 14px}.certificate-preview{height:420px;padding:20px}.certificate-preview h3{margin-top:48px;font-size:16px}.certificate-preview p{font-size:11px}.certificate-logo{top:16px;left:16px;right:auto;bottom:auto}.certificate-colors{flex-wrap:wrap;gap:12px}.certificate-colors button{width:30px;height:30px}}

.results-page{max-width:620px;margin:0 auto}.results-page>.eyebrow{font-size:12px;color:#3d3bff;margin-bottom:12px;letter-spacing:1.8px}.result-summary{padding:24px 26px;background:white;border-radius:24px;box-shadow:0 15px 25px -15px #0002}.result-summary p{font-size:14px;line-height:1.4;margin:0 0 12px}.result-summary p:last-child{margin:10px 0 0}.result-summary>strong{font-family:Unbounded,sans-serif;font-size:clamp(44px,6.4vw,80px);font-weight:700;color:#d23282;letter-spacing:-2px;line-height:1.1}.result-offer{margin-top:24px;padding:28px;background:#d23282;color:white;border-radius:18px;box-shadow:0 16px 28px -15px #d2328270}.result-offer h2{font-family:Inter,sans-serif;font-size:29px;line-height:1.2;letter-spacing:-.5px;font-weight:600;margin:0}.result-offer mark{background:white;color:#3d3bff;border-radius:4px;padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.result-offer p{font-size:13px}.result-offer .btn{border-radius:14px;padding:20px 45px}.result-offer .fine{color:#ffffffcb;line-height:1.5;margin-bottom:0}.results-page>.result-subtitle{margin-top:32px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 36px;text-align:center;gap:15px}.result-metrics strong{display:block;font-family:Unbounded,sans-serif;font-size:30px}.result-metrics b{display:block;margin-top:8px;font-size:17px;font-weight:600}.result-metrics small{display:block;margin-top:4px;color:#888;font-size:12px}.report-window{background:white;border:2px solid #444;box-shadow:4px 4px 0 #0002}.report-body{padding:28px}.report-body h2{font-size:29px}.report-mentor{background:#f6f6f5;border-radius:18px;padding:18px;margin:24px 0}.report-mentor .bubble{margin:12px 0 0;background:none;padding:0}.report-body details{border-top:1px solid #ddd;padding:18px 0}.report-body summary{font-size:14px;font-weight:600;cursor:pointer}.report-body summary span{font-weight:400;color:#888}.report-body details p{font-size:14px}.report-body .result-row:first-of-type{margin-top:20px}.program-followup,.result-closing{background:white;border-radius:24px;padding:28px;margin-top:32px}.program-followup h2,.result-closing h2{font-size:28px}.program-followup p,.result-closing p{font-size:15px}.program-tools{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.program-tools span{padding:9px 12px;background:#efeeff;border-radius:999px;font-size:12px}.result-closing{text-align:center}.result-closing .btn{border-radius:14px}@media(max-width:760px){.result-summary>strong{font-size:50px}.result-offer{padding:24px}.result-offer h2{font-size:24px}.result-offer .btn{padding:18px 20px;width:100%;justify-content:center}.result-metrics strong{font-size:23px}.result-metrics b{font-size:13px}.report-body{padding:22px}.report-body h2{font-size:23px}.program-followup,.result-closing{padding:24px}.program-followup h2,.result-closing h2{font-size:23px}.report-body summary span{display:block;font-size:12px;margin-top:4px}}