/* A colorful learning journey, layered over the established layout. */
:root{--sky:#2578ce;--berry:#7955b8;--mint:#087f75;--sun:#ffd568;--rose:#f07868}
body{background:#fffdf8}header{background:#fffdf8f2;backdrop-filter:blur(12px)}
.page-progress{position:absolute;bottom:-1px;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--sky),var(--berry),var(--rose));pointer-events:none}
.menu-toggle{display:none}.links>a:not(.btn){position:relative;font-weight:700}.links>a:not(.btn)::after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:3px;border-radius:4px;background:var(--rose);transform:scaleX(0);transition:transform .2s}.links>a:hover::after,.links>a[aria-current=location]::after{transform:scaleX(1)}
.hero{padding-top:64px;padding-bottom:48px;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-1;inset:0 -40vw;background:radial-gradient(ellipse at 75% 20%,#d7efff 0,transparent 42%),radial-gradient(ellipse at 20% 80%,#fff0c9 0,transparent 46%),#fffdf8}.hero h1 em{color:var(--sky)}.hero .eyebrow{display:inline-block;background:#e3f5ed;border-radius:100px;padding:7px 12px;color:#08695e;letter-spacing:1.1px}.hero-art{background:linear-gradient(130deg,#b5e3f3,#decdf8,#ffdeb0);padding:12px;box-shadow:0 18px 45px #25517914}.hero-art::before{content:'✦';position:absolute;right:-13px;top:-28px;font-size:52px;color:#e5a81f;transform:rotate(12deg);pointer-events:none}.hero-art::after{content:'+';position:absolute;left:-18px;bottom:45px;font-size:42px;font-weight:800;color:var(--rose);pointer-events:none}
.btn{box-shadow:0 5px 0 #193d5017;transition:transform .2s,box-shadow .2s}.btn:hover{box-shadow:0 8px 15px #193d5020}.btn:active{transform:translateY(1px);box-shadow:0 2px 0 #193d5017}.btn.gold{background:var(--sun)}.hero .actions .btn:first-child{background:var(--sky);color:white}.btn.light{background:#fffdf8}.discovery-shortcuts button{position:relative;overflow:hidden;border:1px solid #087f7520;background:#dff6ec;box-shadow:0 4px 0 #087f7510}.discovery-shortcuts button:nth-child(2){background:#efe5ff;border-color:#7955b824;box-shadow:0 4px 0 #7955b810}.discovery-shortcuts button:nth-child(3){background:#ffe6da;border-color:#f0786830;box-shadow:0 4px 0 #f0786812}.discovery-shortcuts button:hover{transform:translateY(-5px)}.shortcut-symbol{color:var(--mint)}.discovery-shortcuts button:nth-child(2) .shortcut-symbol{color:var(--berry)}.discovery-shortcuts button:nth-child(3) .shortcut-symbol{color:#b74d3e}
#descobertas{position:relative;background:linear-gradient(145deg,#edf6ff,#f5f0ff 70%,#fff6e3);border-radius:32px;margin-top:16px;margin-bottom:36px;padding-top:40px}.eyebrow{color:#08695e}h2{max-width:800px}.explore{border:2px solid #d3e6f5;box-shadow:0 12px 28px #193d500a}.level-choice select:focus{outline:3px solid #ffd568;outline-offset:2px}.tabs .tab{font-weight:700;transition:background .2s,transform .2s}.tabs .tab[aria-selected=true]{background:var(--sky);border-color:var(--sky);box-shadow:0 3px 0 #164f8e}.tabs .tab:nth-child(2)[aria-selected=true]{background:var(--berry);border-color:var(--berry);box-shadow:0 3px 0 #523883}.tabs .tab:nth-child(3)[aria-selected=true]{background:var(--mint);border-color:var(--mint);box-shadow:0 3px 0 #07594e}.exercise{background:#fafcff;border-color:#d7e7f4}.game-progress{font-weight:700}.ribbon{background:#fff1c6;border-top:1px solid #f5df98;border-bottom:1px solid #f5df98}.ribbon span::before{color:#b7750a}
.card{background:#efe7ff;border:1px solid #dfcef8;border-top:5px solid var(--berry);transition:transform .25s,box-shadow .25s}.card:nth-child(2){background:#e4f3ff;border-color:#cce3f5;border-top-color:var(--sky)}.card:nth-child(3){background:#ffe8da;border-color:#f8d2bd;border-top-color:var(--rose)}.card:hover{transform:translateY(-6px);box-shadow:0 14px 28px #193d5010}.card .number{color:var(--berry)}.card:nth-child(2) .number{color:var(--sky)}.card:nth-child(3) .number{color:#b8503b}.approach{background:linear-gradient(120deg,#e0f5ed,#ecf9f4)}.steps b:first-child{color:#fff;background:var(--mint);box-shadow:0 4px 0 #087f7522}.steps li:nth-child(2)>b{background:var(--sky)}.steps li:nth-child(3)>b{background:var(--berry)}
.online-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.online-carousel{max-width:100%;width:100%}.online-frame{margin:0}.online-frame img{box-shadow:0 12px 28px #193d5012}.online-controls button[aria-current=true]{background:var(--sky);color:#fff;border-color:var(--sky)}.study-path{padding:28px;background:#fff1d2;border:1px solid #f3dcab;border-radius:24px}.study-path h3{font-size:26px;margin:12px 0}.path-options{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.path-options button{border:1px solid #bba77b;background:#fffdf5;border-radius:100px;padding:9px 13px;font-size:14px;color:#193d50;font-weight:700}.path-options button[aria-pressed=true]{background:#193d50;color:white;border-color:#193d50}.path-copy{min-height:95px}.study-path .btn{background:var(--mint);color:white;padding:12px 18px}.study-path .eyebrow{color:#826019}
#duvidas details{background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:20px 24px;margin:12px 0}#duvidas details[open]{background:#edf6ff;border-color:#b3d4f1}#duvidas summary{list-style:none;position:relative;padding-right:32px}#duvidas summary::-webkit-details-marker{display:none}#duvidas summary::after{content:'+';position:absolute;right:0;top:-3px;color:var(--sky);font-size:26px}#duvidas details[open] summary::after{content:'−'}
.contact{position:relative;overflow:hidden;background:linear-gradient(120deg,#194f78,#236f8b);border:1px solid #d5e8ed;box-shadow:0 16px 35px #193d5010}.contact::after{content:'✦';position:absolute;right:18px;bottom:-70px;font-size:230px;color:#ffffff08;pointer-events:none}.contact>div{position:relative;z-index:1}.contact .socials .btn.light{background:#ffffff17;border-color:#ffffff60;color:#fff}.experience-box{background:linear-gradient(135deg,#fff,#fffcf0);border:2px solid #f1dfa9;box-shadow:0 15px 35px #193d5008}.experience-box h2{color:#215978}.experience-box input:focus,.experience-box textarea:focus{outline:3px solid #ffd568;outline-offset:2px}.rating-picker button{transition:transform .18s,background .18s}.rating-picker button:hover{transform:translateY(-4px) rotate(-5deg)}.rating-picker button.selected{background:#ffe29a;color:#795008}.review-card{background:#eff9f5;border-left:4px solid var(--mint)}.community{background:#f1ecff;padding:20px;border-radius:18px;border:1px solid #dcd0ef}.floating{background:#ffe29a!important;box-shadow:0 5px 20px #193d5020}.back-top{position:fixed;bottom:68px;right:17px;z-index:4;width:42px;height:42px;border:1px solid #d4e2ee;border-radius:50%;background:#fff;color:var(--sky);box-shadow:0 5px 15px #193d5018;font-size:23px}.back-top[hidden]{display:none}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-ready.is-visible{opacity:1;transform:none}
@media(max-width:800px){nav{flex-wrap:wrap;gap:12px}.menu-toggle{display:block;margin-left:auto;border:1px solid #c9dce8;background:white;color:#193d50;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.links{display:none;width:100%;gap:6px;padding:8px 0 0;flex-wrap:wrap}.links.menu-open{display:flex}.links>a:not(.btn){display:block;padding:9px 11px;font-size:14px}.links>a:not(.btn)::after{bottom:2px}.links .btn{margin-left:auto}.hero{padding-top:30px}.hero-art{display:block;max-width:460px}.hero-art::before{font-size:38px;top:-20px;right:-8px}.online-layout{grid-template-columns:1fr;gap:22px}.study-path{padding:24px}.path-copy{min-height:0}#descobertas{border-radius:24px;margin:16px 12px 24px;width:calc(100% - 24px);padding:30px 16px}.contact{gap:24px}.experience-box{padding:22px}}
@media(max-width:480px){.hero h1{font-size:42px}.hero-art{max-width:100%;padding:8px}.hero-art img{aspect-ratio:4/3}.hero .actions .btn{width:100%;font-size:14px}.brand span{font-size:19px}.links .btn{margin-left:0;width:100%;margin-top:6px}.hero-art::after{left:-10px;bottom:48px;font-size:30px}.slide-controls{gap:5px}.slide-controls button{font-size:12px;min-width:32px;min-height:34px}.study-path h3{font-size:24px}.path-options button{font-size:12px;padding:9px 11px}.rating-picker button{min-width:40px}.back-top{bottom:64px}#duvidas details{padding:18px}.contact h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none;transition:none}*,*::before,*::after{animation:none!important;transition:none!important}}