/* Ambiente Virtual Brasil — identidade visual fase 1 */
:root{--ink:#10172a;--muted:#657087;--paper:#f7f8fc;--white:#fff;--purple:#7157f4;--purple-dark:#4f3ad4;--mint:#8cf0d2;--line:#e6e9f1;--radius:22px;--shadow:0 24px 70px rgba(20,27,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #9d8cff;outline-offset:4px}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;background:#fff;padding:12px 16px;border-radius:10px;z-index:100}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,233,241,.8)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--purple)}.brand-mark{width:42px;height:42px;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1.1;color:var(--ink)}.brand-copy strong{font:800 15px Manrope,sans-serif;letter-spacing:-.5px}.brand-copy small{font-size:10px;font-weight:800;letter-spacing:3.5px;margin-top:5px;color:var(--purple)}.primary-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#4c566e}.primary-nav>a:not(.button):hover,.footer-links a:hover{color:var(--purple)}.nav-login{margin-left:8px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:13px;background:var(--purple);color:#fff;font-weight:800;font-size:14px;box-shadow:0 9px 22px rgba(113,87,244,.22);transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);background:var(--purple-dark);box-shadow:0 13px 28px rgba(113,87,244,.3)}.button-small{min-height:43px;padding:0 17px;font-size:12px;border-radius:11px}.menu-toggle{display:none}.section-shell{position:relative;overflow:hidden;background:#11182c;color:#fff}.hero{padding:70px 0 25px;background:radial-gradient(ellipse at 76% 48%,rgba(81,64,176,.22),transparent 37%),linear-gradient(118deg,#11182c 0%,#141c34 58%,#1a1b3b 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:490px;position:relative;z-index:1}.hero-copy{padding:15px 0 30px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:2px;color:#b8abff}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(140,240,210,.1)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-2.4px}h1{font-size:clamp(43px,5.2vw,66px);line-height:1.09;font-weight:800;margin:22px 0 22px;max-width:610px}h1 span,.section-heading h2 span,.how-intro h2 span,.cta-panel h2 span{color:#a99aff}.hero-description{max-width:480px;color:#b4bdd1;font-size:16px;line-height:1.85;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#e2e5f0}.play-icon{width:29px;height:29px;border:1px solid #48516b;border-radius:50%;display:grid;place-items:center;font-size:9px;padding-left:2px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:40px}.proof-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(140,240,210,.1);color:var(--mint)}.proof-icon svg{width:23px}.hero-proof span:last-child{display:grid;gap:4px}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#9da8bf}.hero-visual{position:relative;min-height:465px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(171,157,255,.14);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:470px;height:300px}.orbit-b{width:410px;height:380px;transform:rotate(32deg)}.learning-card{position:relative;width:min(100%,390px);padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:linear-gradient(145deg,rgba(34,43,72,.96),rgba(24,30,54,.97));box-shadow:0 35px 100px rgba(0,0,0,.28);z-index:2;transform:rotate(-2deg)}.learning-top,.learning-info,.progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-label,.course-kicker{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#a5afc8}.live-pill{font-size:8px;letter-spacing:1px;color:#a5f3d9;background:rgba(140,240,210,.1);padding:7px 9px;border-radius:20px}.live-pill i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:5px}.book-art{height:210px;position:relative;overflow:hidden;border-radius:16px;margin:17px 0;background:linear-gradient(135deg,#4433b6,#7863ff 55%,#b2a6ff)}.art-orb{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.11);right:-55px;top:-95px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(130deg,#000,transparent 90%)}.laptop{position:absolute;left:50%;top:48%;width:205px;transform:translate(-50%,-50%) rotate(-6deg)}.laptop-screen{height:123px;border:7px solid #222744;border-radius:10px;background:#f5f4ff;display:flex;padding:10px;gap:9px;box-shadow:0 18px 35px rgba(20,13,76,.28)}.screen-sidebar{width:25px;background:#dedaff;border-radius:4px}.screen-lines{display:flex;flex-direction:column;gap:7px;width:60px;padding-top:4px}.screen-lines i{height:5px;border-radius:4px;background:#c7c2ed}.screen-lines i:first-child{width:90%;background:#7662e9}.screen-lines i:nth-child(2){width:65%}.screen-lines b{height:26px;border-radius:5px;background:#e6e1ff;margin-top:2px}.screen-chart{flex:1;display:flex;align-items:end;gap:4px;padding:0 3px 5px}.screen-chart span{flex:1;background:#9a89ff;border-radius:3px 3px 0 0}.screen-chart span:nth-child(1){height:35%}.screen-chart span:nth-child(2){height:60%}.screen-chart span:nth-child(3){height:48%}.screen-chart span:nth-child(4){height:80%}.screen-chart span:nth-child(5){height:100%;background:#5c46df}.laptop-base{height:8px;margin:0 -12px;background:linear-gradient(#d9d8f0,#8c8bad);border-radius:2px 2px 8px 8px}.art-star{position:absolute;color:#fff}.star-one{top:27px;left:32px;font-size:24px}.star-two{bottom:28px;right:32px;font-size:29px}.learning-info{padding:3px 0 14px}.learning-info h2{font-size:18px;letter-spacing:-.6px;margin:7px 0 0}.arrow-circle{width:36px;height:36px;border:1px solid #414967;border-radius:50%;display:grid;place-items:center;color:#c9c0ff}.progress-label{font-size:10px;color:#aeb8ce;margin-bottom:9px}.progress-label strong{color:#d7d0ff;font-size:10px}.progress-track{height:5px;border-radius:10px;background:#363d59;overflow:hidden}.progress-track span{display:block;width:72%;height:100%;border-radius:10px;background:linear-gradient(90deg,#8cf0d2,#9d8aff)}.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;color:var(--ink);border-radius:13px;box-shadow:0 15px 45px rgba(0,0,0,.2);z-index:4}.floating-chip span:last-child{display:grid;gap:4px}.floating-chip strong{font-size:10px}.floating-chip small{font-size:9px;color:#7b8499}.chip-top{top:42px;right:-5px}.chip-bottom{bottom:35px;left:-7px}.chip-spark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f0edff;color:var(--purple)}.round-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dffaf1;color:#148b6d;font-weight:900}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-one{width:450px;height:450px;background:rgba(98,71,221,.08);top:-260px;left:-100px}.glow-two{width:380px;height:380px;background:rgba(140,240,210,.05);bottom:-270px;right:8%}.hero-bottom{display:flex;align-items:center;gap:20px;padding-top:23px;color:#737e9c;font-size:9px;font-weight:800;letter-spacing:1.7px}.bottom-line{height:1px;background:#313951;flex:1}.benefit-strip{background:#fff;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;gap:25px}.benefit{display:flex;align-items:center;gap:14px;padding:5px 20px;border-right:1px solid var(--line)}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:23px;font-weight:700}.purple{background:#efecff;color:#7257f5}.mint{background:#e4faf3;color:#249a7b}.amber{background:#fff3db;color:#c58a1e}.benefit h3{font-size:13px;margin:0 0 5px}.benefit p{font-size:11px;color:var(--muted);margin:0}.section{padding:94px 0}.section-courses{background:#f7f8fc}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.eyebrow-light{color:#7962e7}.section-heading h2,.how-intro h2{font-size:clamp(32px,4vw,46px);line-height:1.17;margin:14px 0 0;letter-spacing:-1.8px}.section-heading>p{max-width:350px;font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 4px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{background:#fff;border:1px solid #e9ebf3;border-radius:19px;overflow:hidden;transition:transform .22s,box-shadow .22s}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.course-cover{height:195px;position:relative;overflow:hidden;padding:18px;color:#fff}.cover-excel{background:linear-gradient(130deg,#0d684c,#168d69 65%,#62c9a1)}.cover-windows{background:linear-gradient(130deg,#153e8c,#3278dd 65%,#77b9ff)}.cover-office{background:linear-gradient(130deg,#6a3dc0,#9065ec 65%,#c3a9ff)}.course-category{font-size:9px;font-weight:800;letter-spacing:1.7px;position:relative;z-index:2}.excel-mark{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:110px;height:88px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:12px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:9px;gap:5px;box-shadow:0 15px 25px rgba(0,0,0,.12)}.excel-mark span{grid-row:1/3;display:grid;place-items:center;background:#fff;color:#13714f;border-radius:5px;font-size:27px;font-weight:800}.excel-mark i{background:rgba(255,255,255,.65);border-radius:3px}.window-mark{position:absolute;left:50%;top:42px;transform:translateX(-50%) skewY(-5deg);width:95px;height:85px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.window-mark i{background:rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(0,0,0,.1)}.window-mark i:nth-child(2){opacity:.75}.window-mark i:nth-child(3){opacity:.65}.doc-mark{position:absolute;left:50%;top:38px;transform:translateX(-50%);width:90px;height:100px;background:#fff;border-radius:8px;padding:12px;color:#7045c5;box-shadow:0 15px 25px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:7px}.doc-mark span{font-size:27px;font-weight:800}.doc-mark i{height:4px;background:#e2dcf8;border-radius:3px}.doc-mark i:last-child{width:65%}.cover-caption{position:absolute;bottom:16px;left:18px;font-size:10px;font-weight:700;letter-spacing:.3px}.course-body{padding:21px}.course-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8170db;font-size:9px;font-weight:800;letter-spacing:1px}.course-level{color:#737d91;font-size:9px;letter-spacing:0;text-align:right}.course-body h3{font:800 18px Manrope,sans-serif;letter-spacing:-.6px;margin:15px 0 9px}.course-body p{font-size:12px;line-height:1.75;color:var(--muted);min-height:63px;margin-bottom:18px}.course-link{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--purple)}.course-link span{font-size:18px;transition:transform .2s}.course-link:hover span{transform:translateX(4px)}.course-note{font-size:10px;color:#858da0;margin:18px 0 0}.how-section{background:#11182c;color:#fff}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.how-intro h2{font-size:clamp(38px,4.5vw,53px);margin:18px 0}.how-intro p{font-size:13px;line-height:1.9;color:#aeb8cd;max-width:330px;margin-bottom:25px}.steps{border-top:1px solid #303951}.step{display:grid;grid-template-columns:48px 1fr 28px;gap:17px;align-items:start;padding:26px 0;border-bottom:1px solid #303951}.step-number{font-size:11px;font-weight:800;color:#a99aff;padding-top:4px}.step h3{font:700 16px Manrope,sans-serif;margin:0 0 8px}.step p{font-size:12px;line-height:1.75;color:#aeb8cd;margin:0;max-width:420px}.step-symbol{width:27px;height:27px;display:grid;place-items:center;border:1px solid #46506a;border-radius:50%;color:#c5bbff}.cta-section{padding:70px 0;background:#f7f8fc}.cta-panel{position:relative;overflow:hidden;border-radius:24px;padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(110deg,#5d45db,#7862f4 65%,#927ff8);color:#fff}.cta-panel .eyebrow{color:#ded8ff}.cta-panel h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;letter-spacing:-1.4px;max-width:650px;margin:14px 0}.cta-panel h2 span{color:#d5ffef}.cta-panel p{font-size:12px;color:#e1ddff;margin:0;line-height:1.7}.button-light{background:#fff;color:#4f3ad4;box-shadow:none;flex-shrink:0}.button-light:hover{background:#f0edff;color:#3e2bbd;box-shadow:none}.cta-decoration{position:absolute;right:28%;top:-75px;font-size:180px;color:rgba(255,255,255,.07);pointer-events:none}.site-footer{background:#fff}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.brand-footer .brand-mark{width:37px;height:37px}.footer-main>p{font-size:11px;color:var(--muted);margin:0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:700;color:#687287}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:19px 0;color:#8b93a5;font-size:10px}
@media(max-width:980px){.primary-nav{gap:18px}.hero-grid{gap:20px}.hero-visual{transform:scale(.94)}.how-grid{gap:55px}.benefit{padding-inline:12px}.cta-panel{padding:38px}.course-cover{height:170px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.nav-wrap{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:#f0edff;border-radius:11px;padding:12px}.menu-toggle span{width:19px;height:2px;background:#5b45d5;border-radius:3px}.primary-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px rgba(20,27,53,.08)}.primary-nav.is-open{display:flex}.primary-nav>a{padding:13px 0}.primary-nav .button{margin-top:8px;padding:0 17px}.nav-login{margin-left:0}.hero{padding-top:47px}.hero-grid{grid-template-columns:1fr;gap:10px}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,11vw,59px);letter-spacing:-2px;margin-top:18px}.hero-description{font-size:14px}.hero-visual{min-height:420px;transform:none;margin:0 -10px}.learning-card{width:min(87%,370px)}.book-art{height:185px}.chip-top{right:0;top:22px}.chip-bottom{left:0;bottom:18px}.orbit-a{width:360px;height:260px}.orbit-b{width:330px;height:330px}.hero-bottom{font-size:8px;gap:10px;letter-spacing:1px}.benefit-grid{grid-template-columns:1fr;gap:0;padding:10px 0}.benefit,.benefit:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.section{padding:65px 0}.section-heading{display:block;margin-bottom:26px}.section-heading h2,.how-intro h2{font-size:36px;letter-spacing:-1.4px}.section-heading>p{margin-top:16px}.course-grid{grid-template-columns:1fr;gap:17px}.course-cover{height:195px}.course-body p{min-height:0}.how-grid{grid-template-columns:1fr;gap:35px}.step{grid-template-columns:35px 1fr 27px;gap:12px;padding:22px 0}.cta-section{padding:45px 0}.cta-panel{padding:32px 25px;display:block;border-radius:20px}.cta-panel h2{font-size:30px}.cta-panel .button{margin-top:25px}.footer-main{align-items:flex-start;flex-direction:column;padding:29px 0}.footer-main>p{order:2}.footer-links{order:3;gap:13px 20px}.footer-bottom{flex-direction:column;font-size:9px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}