*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#101c18;color:#f3f3e9;font:16px/1.55 Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #da8531;outline-offset:4px}header{display:flex;align-items:center;gap:40px;padding:19px 6vw;border-bottom:1px solid #425248;background:#101c18;position:relative;z-index:2}.brand{font-size:29px;letter-spacing:-2px;font-weight:700;display:flex;align-items:center}.brand b{color:#cbf997;font-size:32px;margin-right:9px}.brand span{font-weight:350}nav{margin-left:auto;display:flex;gap:30px}nav a,.access{font-size:14px}.access{border:1px solid #7d9384;padding:9px 16px;border-radius:30px}.access span,.primary span{margin-left:14px}nav a:hover,.link:hover{color:#ccf993}.hero{padding:5vw 6vw 4vw;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3vw}.hero-copy{padding:30px 0}small,figcaption{font:600 11px/1.5 Consolas,monospace;letter-spacing:1.8px;text-transform:uppercase}.hero small,.method small,.panel>small{color:#c9f593}h1,h2,h3,p{margin:0}h1,h2{font-weight:450;letter-spacing:-.067em;line-height:1.02}h1{font-size:clamp(64px,7.7vw,125px);margin:22px 0}h1 span{color:#c9f593}.hero p,.panel p{font-size:18px;max-width:520px;color:#c4d1c7}.primary{display:inline-flex;align-items:center;justify-content:space-between;background:#cbf997;color:#152219;border:0;border-radius:4px;padding:13px 21px;font-weight:650;margin-top:26px}.primary:hover{background:#dbffb5}figure{margin:0;position:relative;background:radial-gradient(ellipse,#283d2f,#111f19 75%);border:1px solid #405145}figure img{display:block;width:100%}figcaption{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid #405145;color:#b9d0bc}.light,.method{padding:65px 6vw}.light{background:#eeefe5;color:#18271d}h2{font-size:clamp(44px,5vw,76px);margin:18px 0 36px}.explorer{display:grid;grid-template-columns:1fr 1.25fr;gap:9vw}.selectors button{display:flex;justify-content:space-between;border:0;border-top:1px solid #a8b2a4;background:transparent;color:inherit;width:100%;padding:14px;text-align:left;font-size:22px}.selectors .active{background:#cbeca7}h3{font-size:clamp(23px,2.5vw,38px);line-height:1.16;font-weight:510;letter-spacing:-.045em;margin:14px 0}.explorer article{max-width:550px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw}.steps article{border-top:1px solid #637968}.steps p{color:#c2cfc5}footer,.aula-head{display:flex;justify-content:space-between;align-items:center}footer{padding:22px 6vw;border-top:1px solid #425248}.private{min-height:82vh;padding:6vh 5vw;background:radial-gradient(ellipse at top right,#294433,transparent 65%)}.panel{max-width:760px;margin:auto;padding:clamp(24px,5vw,62px);border:1px solid #496050;background:#15251c}.panel form{display:grid;gap:16px;max-width:420px}.panel label{display:grid;gap:6px}.panel input,.choices button{background:#f3f4eb;color:#18271d;border:1px solid #78917c;border-radius:4px;padding:12px}.link{border:0;background:none;color:#ddeddb}.aula-head{margin:14px 0}.meter{height:6px;background:#394e40;margin:20px 0}.meter span{display:block;height:100%;background:#cbf997}.question{font-size:38px;margin:18px 0}.choices{display:grid;gap:9px;margin:22px 0}.choices button{text-align:left}.choices button:hover:enabled{background:#d8edc7}.used{opacity:.4}.panel .feedback{padding:14px;background:#dcf8c9;color:#214a26;border-radius:5px;animation:pop .32s ease-out}.panel .wrong,.panel .alert{background:#ffe3d6;color:#752919}.panel .wrong{animation:shake .32s ease}.panel .score{font-size:68px;color:#cbf997}.alert{padding:12px;margin-top:16px}@keyframes pop{0%{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:720px){header{gap:12px;padding:12px 5vw;flex-wrap:wrap}nav{order:3;width:100%;gap:20px}.access{margin-left:auto}.hero,.explorer,.steps{grid-template-columns:1fr}.hero{padding:25px 5vw}.hero-copy{padding:6px 0 20px}figure{max-width:480px}.light,.method{padding:42px 5vw}.explorer,.steps{gap:24px}.private{padding:20px 3vw}.panel h2{font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel .feedback{animation:none}}.pair-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.pair-board .choices{margin:0;align-content:start;grid-template-columns:minmax(0,1fr)}.pair-board button{min-height:62px;overflow-wrap:anywhere}.choices button[aria-pressed=true]{outline:3px solid #cbf997;background:#e0f6c9}.choices button.matched{background:#ceeac3;color:#1c4c20;border-color:#8bc877}.choices button.mismatch,.choices button.mismatch:hover:enabled{background:#ffd4c8;color:#862419;border-color:#d34b35;animation:shake .32s ease}@media (prefers-reduced-motion:reduce){.choices button.mismatch{animation:none}}.language{color-scheme:dark;color:#e3eddf;background:#192b21;border:1px solid #607364;border-radius:5px;padding:8px;max-width:10rem;font:inherit;font-size:14px}.language-error{padding:8px 6vw;background:#ffe3d6;color:#752919}.hero-copy{min-width:0;overflow-wrap:anywhere}.hero-copy h1{max-width:10ch}.light h2,.method h2{max-width:18ch}@media (max-width:720px){header{column-gap:8px}.language{max-width:7.5rem;margin-left:auto}.access{margin-left:0}nav{flex-wrap:wrap}}