/* HUBMAT Preparação — página central de preparação */
:root{
  --prep-navy:#0b1c3c;
  --prep-blue:#1259c3;
  --prep-cyan:#0aa4df;
  --prep-text:#14213d;
  --prep-muted:#607089;
  --prep-line:#dfe7f1;
  --prep-soft:#f5f8fc;
  --prep-white:#fff;
  --prep-shadow:0 18px 52px rgba(11,28,60,.10);
  --prep-shadow-strong:0 28px 70px rgba(11,28,60,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--prep-text);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.prep-main{overflow:hidden;background:#fff}
.prep-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

.prep-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#071832 0%,#0b2b61 50%,#103f88 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.prep-hero:before{content:"";position:absolute;inset:-35% -10% auto auto;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(75,190,255,.34) 0%,rgba(30,122,221,.10) 42%,transparent 70%);z-index:-1;pointer-events:none}
.prep-hero:after{content:"";position:absolute;left:-190px;bottom:-340px;width:720px;height:720px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);z-index:-1;pointer-events:none}
.prep-hero-grid{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:64px 0 58px}
.prep-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;line-height:1;font-weight:900;letter-spacing:.75px;text-transform:uppercase;backdrop-filter:blur(12px)}
.prep-kicker i{color:#7fd5ff}
.prep-hero h1{max-width:730px;margin:18px 0 18px;font-size:clamp(43px,5.4vw,76px);line-height:.96;letter-spacing:-2.2px;font-weight:900}
.prep-hero h1 span{display:block;color:#9edfff}
.prep-lead{max-width:720px;margin:0;color:#d8e6f7;font-size:18px;line-height:1.6;font-weight:700}
.prep-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.prep-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.prep-btn.primary{background:#fff;color:var(--prep-navy);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.prep-btn.secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff}
.prep-btn:hover{transform:translateY(-2px)}
.prep-btn.primary:hover{box-shadow:0 18px 42px rgba(0,0,0,.22)}
.prep-btn.secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38)}

.prep-radar{position:relative;min-height:410px;display:grid;place-items:center}
.prep-radar-ring{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}
.prep-radar-ring.r1{width:330px;height:330px}
.prep-radar-ring.r2{width:230px;height:230px;border-style:dashed;animation:prep-spin 24s linear infinite}
.prep-radar-ring.r3{width:126px;height:126px;border-color:rgba(144,218,255,.35)}
.prep-radar-core{position:relative;z-index:2;width:98px;height:98px;display:grid;place-items:center;border-radius:31px;background:linear-gradient(145deg,#fff,#dff4ff);color:var(--prep-navy);font-size:36px;font-weight:900;box-shadow:0 20px 54px rgba(0,0,0,.24)}
.prep-radar-core b{color:#1384d5}
.prep-target{position:absolute;z-index:3;min-width:116px;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(7,24,50,.58);color:#fff;text-decoration:none;box-shadow:0 14px 32px rgba(0,0,0,.12);backdrop-filter:blur(12px);font-size:12px;font-weight:900;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.prep-target i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.10);color:#a9e3ff}
.prep-target:hover{transform:translateY(-3px) scale(1.02);background:rgba(15,58,111,.82);border-color:rgba(157,222,255,.45)}
.prep-target.t1{top:28px;left:50%;transform:translateX(-50%)}
.prep-target.t1:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
.prep-target.t2{right:4px;top:50%;transform:translateY(-50%)}
.prep-target.t2:hover{transform:translateY(calc(-50% - 3px)) scale(1.02)}
.prep-target.t3{bottom:28px;left:50%;transform:translateX(-50%)}
.prep-target.t3:hover{transform:translateX(-50%) translateY(-3px) scale(1.02)}
.prep-target.t4{left:4px;top:50%;transform:translateY(-50%)}
.prep-target.t4:hover{transform:translateY(calc(-50% - 3px)) scale(1.02)}
@keyframes prep-spin{to{transform:rotate(360deg)}}

.prep-proof{position:relative;margin-top:-1px;background:#fff;border-bottom:1px solid #e8eef5}
.prep-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.prep-proof-item{position:relative;min-height:94px;display:flex;align-items:center;gap:13px;padding:20px 28px}
.prep-proof-item+ .prep-proof-item{border-left:1px solid #e8eef5}
.prep-proof-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#eef4ff;color:#1259c3}
.prep-proof-item strong{display:block;color:var(--prep-navy);font-size:15px;font-weight:900}
.prep-proof-item span:not(.prep-proof-icon){display:block;margin-top:2px;color:var(--prep-muted);font-size:11px;line-height:1.35;font-weight:700}

.prep-section{padding:78px 0}
.prep-section.soft{background:linear-gradient(180deg,#f7f9fc 0%,#f2f6fb 100%)}
.prep-head{max-width:790px;margin-bottom:30px}
.prep-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:#1259c3;font-size:11px;line-height:1;font-weight:900;letter-spacing:.75px;text-transform:uppercase}
.prep-head h2{margin:0;color:var(--prep-navy);font-size:clamp(31px,4vw,50px);line-height:1.04;letter-spacing:-1.2px;font-weight:900}
.prep-head p{max-width:690px;margin:13px 0 0;color:var(--prep-muted);font-size:16px;line-height:1.55;font-weight:700}

.prep-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.prep-goal{--goal:#1259c3;--goal-soft:#eef4ff;position:relative;min-height:340px;display:flex;flex-direction:column;overflow:hidden;padding:28px;border:1px solid var(--prep-line);border-radius:28px;background:#fff;color:var(--prep-text);text-decoration:none;box-shadow:0 10px 28px rgba(11,28,60,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.prep-goal:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--goal)}
.prep-goal:after{content:"";position:absolute;right:-72px;top:-88px;width:220px;height:220px;border-radius:50%;background:var(--goal-soft);opacity:.9;transition:transform .3s ease}
.prep-goal:hover{transform:translateY(-5px);box-shadow:var(--prep-shadow);border-color:color-mix(in srgb,var(--goal) 30%,#dfe7f1)}
.prep-goal:hover:after{transform:scale(1.12)}
.prep-goal-top,.prep-goal>*{position:relative;z-index:1}
.prep-goal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.prep-goal-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--goal-soft);color:var(--goal);font-size:23px}
.prep-goal-number{color:#9aa9bb;font-size:11px;font-weight:900;letter-spacing:.85px}
.prep-goal small{display:block;margin-top:23px;color:var(--goal);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.prep-goal h3{margin:7px 0 8px;color:var(--prep-navy);font-size:34px;line-height:1;font-weight:900}
.prep-goal p{max-width:500px;margin:0 0 19px;color:var(--prep-muted);font-size:14px;line-height:1.5;font-weight:700}
.prep-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:6px}
.prep-tags span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--goal) 14%,#dfe7f1);border-radius:999px;background:var(--goal-soft);color:color-mix(in srgb,var(--goal) 82%,#26364e);font-size:10px;font-weight:900}
.prep-goal-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:17px;border-top:1px solid #edf1f6;color:var(--goal);font-size:12px;font-weight:900}
.prep-goal-cta i{transition:transform .18s ease}
.prep-goal:hover .prep-goal-cta i{transform:translateX(4px)}
.prep-goal.enem{--goal:#1259c3;--goal-soft:#eef4ff}
.prep-goal.etec{--goal:#d76606;--goal-soft:#fff4e9}
.prep-goal.obmep{--goal:#087fae;--goal-soft:#edf9ff}
.prep-goal.provao{--goal:#8a3e82;--goal-soft:#fff0f7}

.prep-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid var(--prep-line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(11,28,60,.045)}
.prep-flow-step{position:relative;min-height:138px;padding:23px}
.prep-flow-step+ .prep-flow-step{border-left:1px solid #e7edf4}
.prep-flow-step strong{display:block;margin:10px 0 5px;color:var(--prep-navy);font-size:15px;font-weight:900}
.prep-flow-step p{margin:0;color:var(--prep-muted);font-size:11px;line-height:1.45;font-weight:700}
.prep-flow-index{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:#1259c3;font-size:10px;font-weight:900}
.prep-flow-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:29px;z-index:2;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#9aa9bb;font-size:10px;font-weight:900}

.prep-guide{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#071832 0%,#0f3b78 65%,#176ca8 100%);color:#fff;box-shadow:var(--prep-shadow-strong)}
.prep-guide:before{content:"";position:absolute;right:-110px;top:-125px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 62px rgba(255,255,255,.03),0 0 0 124px rgba(255,255,255,.02);z-index:-1}
.prep-guide-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px;padding:44px}
.prep-guide .prep-eyebrow{color:#9ddfff}
.prep-guide h2{max-width:650px;margin:0;font-size:clamp(31px,4vw,50px);line-height:1.03;letter-spacing:-1.1px;font-weight:900}
.prep-guide p{max-width:630px;margin:13px 0 22px;color:#d6e6f7;font-size:15px;line-height:1.55;font-weight:700}
.prep-guide .prep-btn.primary{width:max-content}
.prep-guide-card{justify-self:end;width:min(100%,320px);padding:22px;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(11px)}
.prep-compass{width:62px;height:62px;display:grid;place-items:center;margin-bottom:17px;border-radius:20px;background:#fff;color:#1259c3;font-size:25px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.prep-guide-card strong{display:block;font-size:19px;font-weight:900}
.prep-guide-card span{display:block;margin-top:6px;color:#cfe2f7;font-size:12px;line-height:1.45;font-weight:700}
.prep-guide-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.prep-guide-pills b{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.10);font-size:9px;font-weight:900;letter-spacing:.35px}

.prep-final{padding:54px 0 72px;text-align:center;background:#fff}
.prep-final-box{padding:34px 28px;border:1px solid var(--prep-line);border-radius:28px;background:linear-gradient(180deg,#fff,#f8fafd)}
.prep-final-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 13px;border-radius:15px;background:#eef4ff;color:#1259c3}
.prep-final h2{margin:0;color:var(--prep-navy);font-size:30px;font-weight:900;letter-spacing:-.5px}
.prep-final p{max-width:620px;margin:9px auto 0;color:var(--prep-muted);font-size:13px;line-height:1.5;font-weight:700}

.prep-goal:focus-visible,.prep-target:focus-visible,.prep-btn:focus-visible{outline:3px solid #80ccff;outline-offset:4px}

@media(max-width:980px){
  .prep-hero-grid{grid-template-columns:1fr;gap:18px;padding-top:48px}
  .prep-radar{min-height:365px;max-width:620px;width:100%;margin:0 auto}
  .prep-guide-grid{grid-template-columns:1fr}
  .prep-guide-card{justify-self:start;width:100%;max-width:none}
}
@media(max-width:760px){
  .prep-wrap{width:min(100% - 24px,1180px)}
  .prep-hero-grid{min-height:auto;padding:36px 0 34px}
  .prep-hero h1{font-size:44px;letter-spacing:-1.4px}
  .prep-lead{font-size:15px}
  .prep-actions{display:grid;grid-template-columns:1fr}
  .prep-btn{width:100%}
  .prep-radar{min-height:330px}
  .prep-radar-ring.r1{width:278px;height:278px}
  .prep-radar-ring.r2{width:190px;height:190px}
  .prep-radar-ring.r3{width:112px;height:112px}
  .prep-radar-core{width:84px;height:84px;border-radius:26px;font-size:31px}
  .prep-target{min-width:102px;padding:9px 10px;font-size:10px}
  .prep-target i{width:24px;height:24px}
  .prep-target.t2{right:0}.prep-target.t4{left:0}
  .prep-proof-grid{grid-template-columns:1fr}
  .prep-proof-item{min-height:auto;padding:16px 4px}
  .prep-proof-item+ .prep-proof-item{border-left:0;border-top:1px solid #e8eef5}
  .prep-section{padding:58px 0}
  .prep-head{margin-bottom:23px}
  .prep-head h2{font-size:34px}
  .prep-head p{font-size:14px}
  .prep-goals{grid-template-columns:1fr}
  .prep-goal{min-height:315px;padding:24px;border-radius:24px}
  .prep-goal h3{font-size:30px}
  .prep-flow{grid-template-columns:1fr}
  .prep-flow-step{min-height:auto;padding:19px 21px}
  .prep-flow-step+ .prep-flow-step{border-left:0;border-top:1px solid #e7edf4}
  .prep-flow-step:not(:last-child):after{content:"↓";right:21px;top:auto;bottom:-9px}
  .prep-guide{border-radius:27px}
  .prep-guide-grid{padding:30px 24px}
  .prep-guide h2{font-size:34px}
}
@media(max-width:430px){
  .prep-hero h1{font-size:39px}
  .prep-radar{min-height:305px}
  .prep-radar-ring.r1{width:244px;height:244px}
  .prep-radar-ring.r2{width:166px;height:166px}
  .prep-target{min-width:92px;gap:6px;padding:8px;font-size:9px}
  .prep-target.t1{top:21px}.prep-target.t3{bottom:21px}
  .prep-goal{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .prep-radar-ring.r2{animation:none}
}