:root{font:16px system-ui;color:#142e2a;background:#f6f8f3}*{box-sizing:border-box}body{margin:0}header{padding:1.2rem max(5vw,1rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e3db}header a{color:inherit;text-decoration:none}main{max-width:1080px;margin:auto;padding:1rem}.hero{margin-top:1rem;padding:clamp(2rem,7vw,6rem);border-radius:28px;background:#133e36;color:#fff}.hero h1{font-size:clamp(2.8rem,8vw,5.6rem);line-height:1;margin:.4em 0;letter-spacing:-.055em}.hero p{max-width:38ch}.eyebrow{color:#c6ed98;font-weight:700;letter-spacing:.11em;font-size:.77rem}section{margin:2rem 0;scroll-margin-top:1rem}button,.button{display:inline-block;border:0;border-radius:.6rem;background:#c6ed98;color:#102d26;padding:.75rem 1rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}button+button{margin-left:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}article,form{background:#fff;padding:1.2rem;border:1px solid #d6e3db;border-radius:1rem}form{display:grid;gap:1rem;max-width:520px}label{display:grid;gap:.3rem}input,select{width:100%;font:inherit;padding:.65rem;border:1px solid #90a59d;border-radius:.4rem}video{width:100%;background:#142e2a;border-radius:.5rem}#status:not(:empty){position:fixed;bottom:1rem;right:1rem;max-width:min(30rem,90vw);padding:1rem;border-radius:.6rem;background:#142e2a;color:#fff}

[hidden]{display:none!important}
:root{color:#241640;background:#fbf8ff}header{border-color:#e9dcfa}header strong{color:#6c36d7}.hero{background:radial-gradient(ellipse at 98% 10%,#b13fea,transparent 60%),linear-gradient(125deg,#352181,#6237d6);position:relative}.hero .eyebrow{color:#ffd78f}.hero .button,button{background:#ffcf70;color:#2d1b42}.secondary{color:white;margin-left:1rem;font-weight:650;display:inline-block;padding:.75rem 0}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.filters button{background:#eee5fd;margin:0}.filters button[aria-pressed=true]{background:#572cc2;color:white}article,form{border-color:#e9dcfa}article{transition:box-shadow .18s}article:hover{box-shadow:0 8px 25px #4c258217}.course-art{border-radius:.8rem;padding:.45em .55em;margin-bottom:1rem;font-size:3.5rem;font-weight:850;display:flex;justify-content:space-between;align-items:center}.course-art span{font-size:.65em}.language{background:#e5d7ff;color:#5525ab}.design{background:#ffd998;color:#723000}.data{background:#aaf3dd;color:#155d4f}small{color:#5f4191;font-weight:750;letter-spacing:.04em}summary{cursor:pointer;color:#5429a8;font-weight:650}:focus-visible{outline:3px solid #9c49ff;outline-offset:4px}

.search{max-width:32rem;font-weight:650}.search input{background:#fff;border-color:#cbb9e9}#course-count{min-height:1.5em;color:#5f4191}

#category{margin-bottom:.5rem}#como-funciona video{max-width:740px;display:block}

header nav{display:flex;gap:1rem}#instructor form{margin-top:1rem}#room button{margin-top:1rem}#room h2:focus{outline:none}

.dashboard{border-radius:1.4rem;padding:clamp(1.6rem,5vw,3.5rem);color:white;background:radial-gradient(ellipse at top right,#833dd8,transparent 65%),#36217c}
.dashboard .eyebrow{color:#ffd78f}.dashboard h1{margin:.25em 0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em}.dashboard p{max-width:55ch}.dashboard-links{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.dashboard-links a:not(.button){color:white}
.account-card{padding:clamp(1.2rem,4vw,2rem);border:1px solid #e9dcfa;border-radius:1.2rem;background:white}.account-card h2{margin-top:0}.account-card form{border:0;padding:0}.account-card form button+button{margin-left:0}.session-badge{display:inline-block;border-radius:2rem;background:#eee5fd;padding:.35rem .65rem}.empty-state{padding:1.5rem;background:white;border:1px dashed #cbb9e9;border-radius:1rem;margin:0}.filters{align-items:center}.filters button[aria-pressed=true]{background:#572cc2;color:white}article button{margin:.25rem .25rem .25rem 0}

#professional-fields{display:grid;gap:1rem}textarea{width:100%;min-height:5rem;font:inherit;padding:.65rem;border:1px solid #90a59d;border-radius:.4rem}.service-link{display:block;margin:.7rem 0;color:#5429a8;font-weight:700}#service-detail{max-width:760px;margin-inline:auto}#service-detail h1{font-size:clamp(2rem,6vw,3.5rem);margin:.6em 0}#service-detail article h2{font-size:1.15rem}#service-detail article p{white-space:pre-wrap}

.payment-setup{margin:1rem 0;padding:1rem;background:#f6f0ff;border-radius:.8rem}.payment-setup h3{margin-top:0}.payment-setup button:disabled{opacity:.55;cursor:default}.session-price{font-weight:750;color:#5127a0}#price-preview{margin:0;color:#5429a8}