:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#697386;--line:#dce2eb;--blue:#155eef;--blue2:#0b4bcc;--green:#087a55;--red:#b42318;--amber:#b54708;--shadow:0 12px 30px rgba(16,24,40,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--blue);text-decoration:none}.container{max-width:1180px;margin:auto;padding:34px 22px 70px}
.topbar{height:70px;background:#101828;color:#fff;display:flex;align-items:center;padding:0 max(22px,calc((100% - 1180px)/2));gap:32px;position:sticky;top:0;z-index:20}
.brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:800;white-space:nowrap}.logo{background:#fff;color:#101828;padding:6px 8px;border-radius:7px}
nav{display:flex;gap:20px;flex:1}nav a{color:#d0d5dd}.account{display:flex;align-items:center;gap:10px}.account form{display:inline}
.btn{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:11px 17px;font-weight:750;cursor:pointer}.btn:hover{background:var(--blue2)}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.btn.small{padding:7px 12px}.btn.wide{width:100%}
.linkbtn{border:0;background:none;color:var(--blue);padding:0;cursor:pointer;font:inherit}.topbar .linkbtn{color:#d0d5dd}.inline{display:inline}
.hero{background:linear-gradient(135deg,#101828,#1d2939);border-radius:22px;padding:44px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}
.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.03;margin:10px 0 14px;max-width:760px}.hero p{font-size:19px;color:#d0d5dd;max-width:720px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:#528bff}
.traffic-light{width:70px;padding:12px;border-radius:20px;background:#000;display:grid;gap:8px}.traffic-light i{width:46px;height:46px;border-radius:50%;background:#ef4444}.traffic-light i:nth-child(2){background:#f59e0b}.traffic-light i:nth-child(3){background:#22c55e}
.action-grid,.resource-grid,.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.action,.resource,.topic-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px;color:var(--text);box-shadow:0 5px 18px rgba(16,24,40,.04)}.action{display:flex;flex-direction:column;gap:5px}.action b{font-size:20px}.action span,.resource span{color:var(--muted)}.action.primary{background:#edf4ff;border-color:#b2ccff}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stats-row>div{background:#fff;padding:18px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column}.stats-row strong{font-size:30px}.stats-row span{color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.split article,.welcome-card,.chart-card,.note,.form-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.pagehead h1,h1{font-size:38px;margin:4px 0}.pagehead p,.lead{color:var(--muted);font-size:18px}
.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{display:flex;gap:18px}.topic-card p{color:var(--muted);margin:6px 0}.topic-card small{color:#667085}.topic-card.static{cursor:default}.topic-num{flex:0 0 48px;height:48px;border-radius:12px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.topic-num.big{width:86px;height:86px;font-size:28px}.topic-detail{display:flex;gap:24px;align-items:flex-start;max-width:900px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.note{margin:22px 0;background:#fffaeb;border-color:#fedf89}
.auth-card{max-width:420px;margin:70px auto;background:#fff;padding:30px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
label{display:flex;flex-direction:column;gap:7px;font-weight:650;margin:14px 0}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit}textarea{min-height:100px;resize:vertical}
.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px;background:#eff8ff}.flash.danger{background:#fef3f2;color:var(--red)}.flash.success{background:#ecfdf3;color:var(--green)}.flash.warning{background:#fffaeb;color:var(--amber)}
.test-head{display:flex;justify-content:space-between;align-items:center}.timer{font-size:26px;font-weight:900;background:#101828;color:#fff;padding:10px 16px;border-radius:12px;position:sticky;top:82px}.question{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0}.question h2{font-size:21px}.qmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;gap:15px}.choice{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:9px;border:1px solid var(--line);padding:12px;border-radius:10px;cursor:pointer;font-weight:500}.choice:hover{border-color:#84adff;background:#f5f8ff}.choice input{position:absolute;opacity:0;width:auto}.choice:has(input:checked){border-color:var(--blue);background:#edf4ff}.letter{width:30px;height:30px;border-radius:50%;background:#eef2f6;display:grid;place-items:center;font-weight:800}.qmedia{max-width:100%;max-height:430px;border-radius:12px;display:block;margin:15px auto}.submitbar{position:sticky;bottom:12px;background:#101828;color:#fff;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}
.result-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.result-hero.pass{border-top:6px solid #12b76a}.result-hero.fail{border-top:6px solid #f04438}.result-numbers{display:flex;gap:34px}.result-numbers div{display:flex;flex-direction:column}.result-numbers b{font-size:31px}.result-numbers span{color:var(--muted)}.review{background:#fff;border-left:5px solid var(--line);padding:20px;border-radius:12px;margin:14px 0}.review.ok{border-left-color:#12b76a}.review.bad{border-left-color:#f04438}
.chart-card{margin:18px 0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eaecf0;vertical-align:top}th{background:#f9fafb;font-size:13px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.pill.ok{background:#ecfdf3;color:var(--green)}.pill.bad{background:#fef3f2;color:var(--red)}
.wheel-page{text-align:center}.wheel-wrap{width:340px;height:340px;margin:30px auto;position:relative}.wheel{width:100%;height:100%;border:14px solid #101828;border-radius:50%;position:relative;background:conic-gradient(#dbeafe 0 21deg,#fff 21deg 42deg,#e0e7ff 42deg 63deg,#fff 63deg 84deg,#dbeafe 84deg 105deg,#fff 105deg 126deg,#e0e7ff 126deg 147deg,#fff 147deg 168deg,#dbeafe 168deg 189deg,#fff 189deg 210deg,#e0e7ff 210deg 231deg,#fff 231deg 252deg,#dbeafe 252deg 273deg,#fff 273deg 294deg,#e0e7ff 294deg 315deg,#fff 315deg 336deg,#dbeafe 336deg);transition:transform 2s cubic-bezier(.1,.7,.1,1)}.wheel span{position:absolute;left:50%;top:50%;transform-origin:0 0;transform:rotate(calc(360deg/var(--n)*var(--i))) translate(112px) rotate(calc(-360deg/var(--n)*var(--i)));font-weight:900}.pointer{position:absolute;left:50%;top:-11px;transform:translateX(-50%);font-size:28px;color:#ef4444}
.form-card{max-width:1000px}.form-card.compact{margin-bottom:20px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.check{flex-direction:row;align-items:center}.check input{width:auto}.resource{display:flex;flex-direction:column;gap:5px}.resource b{font-size:20px}
footer{text-align:center;color:#667085;padding:30px;border-top:1px solid var(--line);background:#fff}
code{background:#f2f4f7;padding:2px 5px;border-radius:5px}
@media(max-width:800px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 18px;gap:12px}nav{order:3;width:100%;overflow:auto;gap:16px}.container{padding:22px 14px 55px}.hero{padding:28px}.traffic-light{display:none}.action-grid,.resource-grid,.topic-grid,.split,.cols2,.cols3{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.pagehead,.test-head{flex-direction:column}.qmeta{flex-direction:column}.submitbar span{display:none}.submitbar{justify-content:flex-end}.wheel-wrap{width:290px;height:290px}.topic-detail{flex-direction:column}.result-numbers{gap:20px;flex-wrap:wrap}}


/* AUTO v1.3 · módulo práctico */
.practical-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.practical-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#84adff}.practical-card-body{display:flex;flex-direction:column;min-height:126px}.card-link{margin-top:auto;color:var(--blue);font-weight:800;font-size:14px}.practical-tools{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.practical-tools>div,.practical-panel,.official-box,.local-note{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.practical-tools h2,.practical-panel h2,.official-box h2{margin:5px 0 8px}.backlink{display:inline-block;margin-bottom:20px;font-weight:750}.practical-detail-head{display:flex;align-items:flex-start;gap:22px;margin-bottom:26px}.practical-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-kicker{font-size:12px;letter-spacing:.11em;font-weight:900;color:var(--blue)}.check-list,.fault-list,.practice-steps{padding-left:23px;margin:16px 0 0}.check-list li,.fault-list li,.practice-steps li{margin:10px 0;padding-left:4px}.check-list li::marker{color:#12b76a}.fault-list li::marker{color:#f04438}.danger-panel{border-top:4px solid #f97066}.practice-panel{margin-top:18px;border-top:4px solid #528bff}.local-note{display:flex;gap:16px;align-items:flex-start;margin-top:18px;background:#f8faff}.local-note h3{margin:0 0 5px}.local-note p{margin:0;color:var(--muted)}.local-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;background:#101828;color:#fff;font-weight:900}.official-box{margin-top:18px;display:flex;justify-content:space-between;gap:25px;align-items:center}.official-box>div:first-child{max-width:720px}.official-box p{color:var(--muted)}
@media(max-width:800px){.practical-tools,.practical-columns{grid-template-columns:1fr}.practical-detail-head,.official-box{flex-direction:column}.practical-head .btn{width:100%;text-align:center}}