@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5f0;--ink:#24252c;--muted:#72747c;--purple:#5146be;--line:#dfdfd8;--green:#246451}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}.shell{max-width:1190px;margin:auto;padding:0 40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{font-family:Manrope,system-ui;font-weight:800;font-size:22px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.brand-icon{background:var(--purple);color:white;border-radius:12px;padding:8px 13px}.course{font-size:11px;letter-spacing:1.8px;font-weight:700}.course span{padding:0 12px;color:#b4b4ad}button,select,textarea,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c59b43;outline-offset:4px}.quiet{background:transparent;color:var(--purple);font-size:13px;font-weight:700;padding:12px}.hero{padding:65px 0 46px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--purple);text-transform:uppercase;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;border-radius:100%;background:var(--purple)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(38px,5vw,59px);line-height:1.08;letter-spacing:-2.8px;margin:22px 0}h1 em{font-style:normal;color:var(--purple)}p{line-height:1.7}.intro{color:var(--muted);max-width:450px;font-size:16px}.hero-art{position:relative;min-height:285px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#e8e5fa 0,transparent 70%)}.orbit{border:1px solid #d4cfed;border-radius:50%;width:255px;height:255px;position:absolute}.orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #d4cfed;border-radius:50%}.art-card{width:240px;background:#fffef9;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 18px 40px #332c6110;transform:rotate(-7deg);position:relative}.art-card .tag{color:var(--purple);font-size:10px;letter-spacing:1px}.art-card h3{font-size:24px;margin:16px 0}.art-card p{font-size:12px;color:var(--muted);margin:0}.mini-card{position:absolute;right:0;bottom:10px;background:var(--purple);color:white;padding:18px 21px;transform:rotate(6deg);border-radius:12px;font-size:12px}.mini-card strong{font-size:24px;display:block;margin-bottom:5px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-label h2{font-size:18px;margin:0}.section-label span{font-size:12px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{text-align:left;border:1px solid var(--line);border-radius:15px;background:#fffefb;padding:24px;color:var(--ink);position:relative;transition:transform .15s,border-color .15s}.mode-card:hover{transform:translateY(-3px);border-color:var(--purple)}.mode-card.active{border:2px solid var(--purple);padding:23px;background:#f0eefc}.mode-card .number{font-size:12px;color:var(--muted)}.mode-card .check{float:right;color:var(--purple)}.mode-card h3{font-size:19px;margin:26px 0 8px}.mode-card p{font-size:13px;color:var(--muted);margin:0}.start-row{display:flex;justify-content:space-between;align-items:center;margin:27px 0;gap:20px}.small{font-size:12px;color:var(--muted)}.primary{background:var(--purple);color:white;border-radius:10px;padding:16px 26px;font-weight:700;font-size:14px}.primary:hover{background:#4137a6}.primary:disabled{opacity:.5;cursor:default}.secondary{border:1px solid var(--line);background:#fffefb;border-radius:10px;padding:14px 20px;font-weight:600;font-size:13px}.note{margin:24px 0 35px;background:#edece5;border-radius:12px;padding:16px 20px;font-size:12px;color:#60625f;line-height:1.7}.note select{margin-left:8px;padding:5px;border:1px solid #cbc9be;border-radius:6px;background:var(--paper);font-size:12px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;margin-top:40px;font-size:10px;color:var(--muted);letter-spacing:1px}.quiz{max-width:760px;margin:48px auto 65px}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress{height:5px;border-radius:10px;background:#e4e1ef;margin-bottom:35px}.progress span{display:block;height:100%;background:var(--purple);border-radius:10px;transition:width .3s}.question-card{background:#fffefb;border:1px solid var(--line);border-radius:18px;padding:38px}.question-card h2{font-size:28px;letter-spacing:-.7px;line-height:1.3;margin:18px 0}.description{font-size:18px;line-height:1.8}.answer-label{display:block;font-size:13px;font-weight:700;margin:28px 0 10px}textarea{width:100%;resize:vertical;min-height:108px;border:1px solid #d2d1dc;border-radius:10px;background:#fafaf8;padding:16px;font-size:16px;line-height:1.5;color:var(--ink)}textarea:focus{outline:2px solid var(--purple);outline-offset:2px}.actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.feedback{border-radius:12px;background:#eff6f2;border:1px solid #cdded5;padding:22px;margin-top:24px}.feedback.missed{background:#fcf2e5;border-color:#ecdbbf}.feedback h3{margin:0 0 10px;color:var(--green);font-size:18px}.feedback.missed h3{color:#8c6226}.feedback p{font-size:14px;margin:9px 0}.answer-chip{font-size:12px;color:var(--purple);font-weight:700}.hint{margin:18px 0 0;padding:12px 16px;background:#f1eefc;border-radius:8px;font-size:13px}.results-head{text-align:center;margin:50px 0 30px}.score-ring{width:155px;height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#edeafa;border:8px solid #dcd7f5;margin:26px auto}.score-ring strong{font-size:42px;font-family:Manrope;font-weight:800}.score-ring span{font-size:12px;color:var(--purple)}.results-head h1{font-size:38px;margin:15px 0}.results-head p{color:var(--muted)}.result-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.review{max-width:850px;margin:35px auto}.review h2{font-size:19px}.review-item{border:1px solid var(--line);background:#fffefb;border-radius:12px;padding:20px;margin:12px 0}.review-item summary{cursor:pointer;font-weight:700;line-height:1.5}.review-item summary span{float:right;font-size:12px;color:var(--green)}.review-item.missed summary span{color:#956820}.review-item p{font-size:13px;margin:12px 0}.guide-head{margin:50px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.guide-head h1{font-size:40px;margin:16px 0}.search{width:100%;padding:14px 17px;border:1px solid var(--line);border-radius:10px;background:#fffefb;margin-bottom:22px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{border:1px solid var(--line);background:#fffefb;border-radius:13px;padding:23px}.guide-card h2{font-size:19px;margin:13px 0}.guide-card p{font-size:13px;color:#62656d}.guide-card .key{border-top:1px solid var(--line);padding-top:13px;color:var(--purple);font-size:12px}.source{font-size:12px;color:var(--muted);margin:24px 0}.source a{color:var(--purple)}@media(max-width:800px){.shell{padding:0 22px}.hero{gap:10px;grid-template-columns:1.3fr 1fr;padding:45px 0}.hero-art{transform:scale(.83)}.mode-card{padding:19px}.mode-card.active{padding:18px}.guide-grid{grid-template-columns:repeat(2,1fr)}.course{display:none}}@media(max-width:560px){header{height:80px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding:35px 0 25px}.hero-art{display:none}h1{font-size:43px}.mode-grid,.guide-grid{grid-template-columns:1fr}.mode-card h3{margin:13px 0 6px}.mode-card{padding:19px}.start-row{align-items:start;flex-direction:column}.start-row .primary{width:100%}.question-card{padding:24px}.question-card h2{font-size:25px}.description{font-size:16px}.actions{flex-wrap:wrap}.quiz{margin:30px auto}.guide-head{align-items:start;flex-direction:column}footer span:last-child{display:none}.note select{display:block;margin:8px 0 0}.review-item summary span{float:none;display:block}}