:root{--bg:#f8fafc;--tx:#0f172a;--mu:#64748b;--ac:#06b6d4;--ac2:#ec4899;--cd:#fff;--bd:#e2e8f0}
@media(prefers-color-scheme:dark){:root{--bg:#0b1120;--tx:#e2e8f0;--mu:#94a3b8;--cd:#111a2e;--bd:#1e293b}}
*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx)}
a{color:var(--ac)}.wrap{max-width:900px;margin:auto;padding:0 18px}
.nav{background:#0f172a;position:sticky;top:0;z-index:9}.nav-in{display:flex;justify-content:space-between;align-items:center;height:56px}
.logo{color:#fff;font-weight:800;font-size:20px;text-decoration:none}.logo span{color:var(--ac)}
.nav nav a{color:#cbd5e1;text-decoration:none;margin-left:16px;font-size:14px}.nav nav a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#0f172a,#164e63 60%,#831843);color:#fff;text-align:center;padding:44px 0 36px}
h1{font-size:clamp(26px,5vw,40px);line-height:1.2;margin:0 0 10px}.sub{color:#cbd5e1;margin:0 0 22px}
.tabs{display:inline-flex;gap:4px;background:rgba(255,255,255,.1);padding:4px;border-radius:12px;margin-bottom:16px}
.tabs a{color:#e2e8f0;text-decoration:none;padding:7px 18px;border-radius:9px;font-size:14px}.tabs a.on{background:#fff;color:#0f172a;font-weight:600}
.box{display:flex;gap:8px;background:#fff;padding:8px;border-radius:14px;box-shadow:0 10px 40px #0005}
.box input{flex:1;min-width:0;border:0;outline:0;font-size:16px;padding:12px;background:transparent;color:#0f172a}
button{border:0;border-radius:10px;padding:12px 22px;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,var(--ac),var(--ac2));color:#fff}
button.ghost{background:#f1f5f9;color:#0f172a}button:disabled{opacity:.6}
.msg{margin-top:14px;padding:12px;border-radius:10px;background:#7f1d1d;color:#fff}.msg.load{background:#0e7490}
.badges{margin:16px 0 0;font-size:13px;color:#94a3b8}
.res{margin-top:18px;background:var(--cd);color:var(--tx);border-radius:14px;padding:16px;text-align:left;display:flex;gap:16px;flex-wrap:wrap}
.res img.cv{width:150px;border-radius:10px;object-fit:cover;aspect-ratio:9/16;background:#000}
.res .info{flex:1;min-width:220px}.res .ttl{font-weight:600;margin:0 0 4px;word-break:break-word}.res .au{color:var(--mu);margin:0 0 12px}
.dl{display:block;text-align:center;text-decoration:none;color:#fff!important;font-weight:700;padding:11px;border-radius:10px;margin-bottom:8px;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.dl.a{background:#334155}.again{background:none;color:var(--ac);padding:6px 0;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;width:100%}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.content{padding:36px 18px}.content h2{margin-top:36px;font-size:26px}.content h3{margin-top:24px}
.steps li{margin-bottom:6px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.cards div{background:var(--cd);border:1px solid var(--bd);border-radius:12px;padding:14px}.cards p{margin:4px 0 0;color:var(--mu);font-size:14px}
.faq details{background:var(--cd);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;margin-bottom:8px}.faq summary{cursor:pointer;font-weight:600}
footer{background:#0f172a;color:#94a3b8;margin-top:40px;padding:30px 0 0;font-size:14px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.foot b{color:#fff;display:block;margin-bottom:6px}.foot a{display:block;color:#94a3b8;text-decoration:none;margin:3px 0}.foot a:hover{color:#fff}
.copy{text-align:center;padding:18px;border-top:1px solid #1e293b;margin-top:20px}
@media(max-width:640px){.foot{grid-template-columns:1fr}.box{flex-wrap:wrap}.box input{flex-basis:100%}.box button{flex:1}.nav nav a:nth-child(n+3){display:none}}
