.challenge-page{padding-block:42px 100px}.challenge-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-bottom:22px;padding:40px;border:1px solid rgba(15,157,88,.16);border-radius:30px;background:radial-gradient(circle at 88% 12%,rgba(26,115,232,.13),transparent 18rem),linear-gradient(135deg,#fff,#edf8f1);box-shadow:var(--shadow)}.challenge-hero h1{max-width:760px;margin:8px 0 12px;font-size:clamp(2.5rem,6vw,5rem);line-height:.94;letter-spacing:-.05em}.challenge-hero p{max-width:680px;color:var(--gray)}.challenge-streak{display:grid;min-width:190px;padding:22px;border:1px solid rgba(15,157,88,.18);border-radius:20px;background:rgba(255,255,255,.86)}.challenge-streak>span{color:#08733e;font-size:.72rem;font-weight:900;text-transform:uppercase}.challenge-streak strong{font-size:1.55rem;color:#173f2a}.challenge-streak small{color:var(--gray)}.challenge-card{position:relative;max-width:880px;margin:0 auto;padding:38px;border:1px solid #d7e5dd;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(17,55,38,.1)}.challenge-number{color:#08733e;font-size:.72rem;font-weight:900;letter-spacing:.08em}.challenge-scenario{margin:12px 0;padding:18px;border-left:4px solid #0f9d58;border-radius:0 14px 14px 0;background:#f1f8f4;color:#3f5449}.challenge-card h2{margin:22px 0 18px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.12}.challenge-options{display:grid;gap:10px}.challenge-options button{display:flex;min-height:58px;align-items:center;gap:14px;padding:12px 16px;border:1px solid #d5e2db;border-radius:14px;background:#fff;color:#203e2e;font:inherit;font-weight:800;text-align:left;cursor:pointer}.challenge-options button:hover:not(:disabled){border-color:#0f9d58;background:#f3faf6;transform:translateY(-1px)}.challenge-options button span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:#e6f4ea;color:#08733e}.challenge-options button.correct{border-color:#0f9d58;background:#e9f8ef}.challenge-options button.wrong{border-color:#d96b61;background:#fff3f1}.challenge-result{margin-top:24px;padding-top:24px;border-top:1px solid #dce7e1;outline:none}.challenge-verdict{display:block;margin-bottom:12px;color:#08733e;font-size:1.15rem;font-weight:900}.challenge-result code{display:block;padding:18px;overflow-x:auto;border-radius:14px;background:#092f20;color:#8cf2b8;font-size:1rem}.challenge-result p{margin-top:12px;color:var(--gray)}.challenge-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.challenge-actions button,.challenge-actions a{width:auto;padding:12px 17px;border:0;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}.challenge-feedback{min-height:1.5em;font-size:.84rem}.challenge-loop{max-width:880px;margin:22px auto 0;padding:25px;border-radius:22px;background:linear-gradient(135deg,#083b25,#0b7b43);color:#fff}.challenge-loop>span{color:#79efad;font-size:.72rem;font-weight:900;text-transform:uppercase}.challenge-loop h2{margin:5px 0;font-size:1.6rem}.challenge-loop p{color:rgba(255,255,255,.75)}@media(max-width:780px){.challenge-page{padding-block:22px 90px}.challenge-hero{grid-template-columns:1fr;padding:25px 21px;border-radius:22px}.challenge-hero h1{font-size:2.55rem}.challenge-streak{min-width:0}.challenge-card{padding:22px 18px;border-radius:21px}.challenge-actions{display:grid}.challenge-actions button,.challenge-actions a{width:100%;min-height:46px;text-align:center}.challenge-loop{padding:21px}}