:root{
  --bg:#08040F;--bg-2:#0E0719;--surface:#140A24;--surface-2:#1B0F30;
  --line:#21143A;--border:#2F1D52;
  --brand:#7328AF;--brand-hi:#8A36CF;--deep:#300060;
  --accent:#B98AF5;--lavender:#9B7FD6;
  --text:#F5F1FC;--muted:#BDB3D1;--faint:#8F85A6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}a:hover{color:#D3B6FF}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;width:100%}

/* brand */
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.brand img{width:40px;height:40px;border-radius:50%}
.brand span{display:flex;flex-direction:column;line-height:1}
.brand b{font-weight:800;font-size:17px;letter-spacing:.06em}
.brand small{font-size:10px;font-weight:600;letter-spacing:.32em;color:var(--accent);margin-top:4px}

/* type */
.display{font-family:Anton,"Arial Narrow",sans-serif;font-stretch:condensed;overflow-wrap:break-word;font-weight:400;text-transform:uppercase;margin:0;letter-spacing:.005em}
.serif{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:500;text-transform:none;letter-spacing:0}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.lead{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--muted);max-width:580px}
h2.display{font-size:clamp(36px,4.5vw,58px);line-height:1}
h2 .serif{color:var(--accent)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hi);color:#fff}
.btn-primary:disabled{opacity:.6;cursor:progress}
.btn-ghost{border:1px solid var(--border);color:var(--text);font-weight:600;background:none}.btn-ghost:hover{background:var(--surface);color:var(--text)}

/* header */
.site-header{padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.site-header .btn{min-height:44px;padding:0 22px;font-size:15px}

/* hero */
.hero{position:relative;padding:40px 24px 96px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.glow{position:absolute;pointer-events:none;filter:blur(40px)}
.hero .glow{left:-12%;top:-5%;width:75%;height:100%;background:radial-gradient(closest-side,rgba(115,40,175,.45),rgba(48,0,96,.18) 60%,transparent)}
.hero-text{position:relative;flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:26px}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(115,40,175,.14);font-size:14px;font-weight:600;color:#DCD3EC}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hero h1{font-size:clamp(40px,7.6vw,112px);line-height:.95;overflow-wrap:break-word;hyphens:auto}
.hero h1 .serif{display:block;font-size:.62em;line-height:1.15;color:var(--accent);margin-top:.08em}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-art{position:relative;flex:1 1 300px;max-width:400px;margin:0 auto}
.hero-art img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px;border:1px solid var(--border);box-shadow:0 30px 90px rgba(115,40,175,.45)}
.hero-art .tag{position:absolute;left:-18px;bottom:28px;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.hero-art .tag b{font-family:Anton,sans-serif;font-weight:400;font-size:30px;line-height:1;color:var(--accent)}
.hero-art .tag span{font-size:13px;color:var(--muted)}

/* stats */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
.stats .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.stat{padding:32px 24px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(34px,4vw,46px);line-height:1}
.stat span{font-size:14px;color:var(--muted)}

/* blocks */
section.block{border-top:1px solid var(--line);padding:88px 24px}
.stats + section.block{border-top:0}
.block-inner{display:flex;flex-direction:column;gap:36px}
.block-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}
.block-head>div{display:flex;flex-direction:column;gap:10px}

.split{display:flex;flex-wrap:wrap;gap:24px}
.list-card{flex:1 1 340px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:18px}
.list-card h3{margin:0;font-size:20px;font-weight:700}
.list-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.list-card li{display:flex;gap:12px;font-size:15px;line-height:1.55;color:var(--muted)}
.list-card li svg{flex:0 0 20px;margin-top:2px}
.list-card li strong{color:var(--text);font-weight:600}
.list-card.alt{background:linear-gradient(160deg,#2A0F4D,#140A24 70%)}

.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.perk{background:var(--surface);border:1px solid #26173F;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px}
.perk b{font-family:Anton,sans-serif;font-weight:400;font-size:34px;line-height:1;color:var(--accent)}
.perk h3,.step h3{margin:0;font-size:18px;font-weight:700}
.perk p,.step p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.card{position:relative;display:block;overflow:hidden;border-radius:16px;aspect-ratio:3/4;background:var(--surface)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover img{transform:scale(1.04)}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.step{border-top:3px solid var(--brand);padding-top:20px;display:flex;flex-direction:column;gap:8px}
.step span{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}

/* form */
#form{position:relative;padding-bottom:112px}
#form .glow{right:0;top:10%;width:60%;height:70%;background:radial-gradient(closest-side,rgba(115,40,175,.32),transparent);filter:blur(50px)}
.form-layout{position:relative;display:flex;flex-wrap:wrap;gap:56px}
.form-intro{flex:1 1 320px;display:flex;flex-direction:column;gap:20px}
.form-intro h2{font-size:clamp(44px,6vw,80px);line-height:.95}
.form-intro h2 .serif{display:block;font-size:.7em;margin-top:.1em}
.form-box{flex:999 1 520px;min-width:0;background:var(--bg-2);border:1px solid var(--border);border-radius:22px;padding:clamp(24px,4vw,40px)}
form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.full{grid-column:1/-1}
label,legend{font-size:14px;font-weight:600;color:#DCD3EC}
input,select,textarea{font:inherit;color:var(--text);background:#110920;border:1px solid #33215A;border-radius:12px;padding:14px 16px;width:100%;min-height:48px}
input::placeholder,textarea::placeholder{color:var(--faint)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-hi);outline-offset:1px;border-color:var(--brand-hi)}
select option{background:#110920}
textarea{resize:vertical}
fieldset{border:0;padding:0;margin:0}
legend{margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;font-weight:500;color:var(--text)}
.chip input{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--brand-hi)}
.error{margin:0;padding:12px 16px;border-radius:12px;background:#2D0F35;color:#F3BEFF;font-size:14px}
.note{margin:0;font-size:13px;color:var(--faint);line-height:1.5}
[hidden]{display:none!important}

/* thank you */
.ty{position:relative;flex:1;display:flex;align-items:center;padding:40px 24px 88px}
.ty .glow{left:50%;top:40%;width:min(900px,120vw);height:600px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(115,40,175,.4),rgba(48,0,96,.14) 60%,transparent)}
.ty-content{position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.check{width:88px;height:88px;border-radius:50%;background:rgba(115,40,175,.2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.ty h1{font-size:clamp(48px,8vw,104px);line-height:.95}
.ty h1 .serif{display:block;font-size:.6em;color:var(--accent);margin-top:.1em}
.ty .steps{width:100%;margin-top:16px;text-align:left;gap:14px}
.ty .step{background:var(--surface);border:1px solid #26173F;border-top:3px solid var(--brand);border-radius:16px;padding:22px}
.ty .actions{justify-content:center;margin-top:12px}
.page{min-height:100vh;display:flex;flex-direction:column}

/* jobs index */
.jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.job{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:32px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.job:hover{border-color:var(--brand-hi);transform:translateY(-2px);color:var(--text)}
.job h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.4vw,40px);line-height:1;margin:0}
.job p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.job .go{margin-top:auto;font-weight:700;color:var(--accent)}

footer.site-footer{border-top:1px solid var(--line);padding:32px 24px}
footer.site-footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-size:14px;color:var(--faint)}

@media (max-width:640px){
  .hero-art .tag{left:12px}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
}

/* upload de currículo */
.upload{position:relative;display:flex;align-items:center;gap:16px;min-height:76px;padding:16px 20px;border:1.5px dashed #4A3378;border-radius:14px;background:#110920;cursor:pointer;transition:border-color .2s,background .2s;font-weight:400}
.upload:hover{border-color:var(--brand-hi);background:#160C2A}
.upload:focus-within{outline:2px solid var(--brand-hi);outline-offset:1px}
.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;min-height:0;padding:0}
.upload svg{flex:0 0 28px}
.upload-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.upload-text strong{font-size:15px;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.upload-text small{font-size:13px;color:var(--faint)}
.upload.has-file{border-style:solid;border-color:var(--brand-hi);background:rgba(115,40,175,.14)}
