:root{--page:#dce3f0;--blue:#0033a1;--orange:#ff921a;--bg:#f4f6fb;--card:#fff;--ink:#14213d;--muted:#4a5670;--line:#d3dbed}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.4 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;justify-content:center}
.wrap{width:100%;max-width:430px;background:var(--bg);box-shadow:0 0 48px rgba(20,33,61,.14);display:flex;flex-direction:column;align-items:center;min-height:100vh}
a{text-decoration:none}
.hero{width:100%;background:var(--blue);padding:34px 20px 76px;display:flex;justify-content:center;border-bottom:5px solid var(--orange)}
.hero img{height:30px;width:auto}
.photo{margin-top:-62px;width:124px;height:124px;border-radius:50%;object-fit:cover;border:5px solid var(--bg);box-shadow:0 8px 24px rgba(0,51,161,.25)}
h1{margin:14px 0 4px;font-size:30px;font-weight:800;letter-spacing:-.01em;color:var(--blue);text-align:center}
.sub{margin:0;padding:0 28px;font-size:15px;color:var(--muted);text-align:center;max-width:340px}
.body{width:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center}
.stack{width:100%;margin-top:26px;display:flex;flex-direction:column;gap:12px}
.grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.btn{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:var(--card);border:1.5px solid var(--line);color:var(--ink);font-weight:600;font-size:14px;padding:8px 12px;cursor:pointer;font-family:inherit}
.btn:hover{border-color:var(--blue)}
.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.btn.lg{min-height:54px;border-radius:14px;font-size:16px;font-weight:800}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.accent{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.btn.save{min-height:50px;border-radius:14px;color:var(--blue);font-weight:700;font-size:15px}
.btn.contact{min-height:48px;font-size:15px;font-weight:700}
.btn.wide{width:100%;margin-top:10px}
.btn.careers{border-color:var(--orange);font-weight:700}
.label{width:100%;margin-top:24px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.label+.grid{margin-top:10px}
footer{margin-top:auto;padding:28px 20px 32px;width:100%;font-size:12px;color:var(--muted);text-align:center;line-height:1.7}
footer a{color:inherit}
.doc{width:100%;padding:24px 22px 0;line-height:1.6}
.doc h1{text-align:left;font-size:26px;margin:8px 0 14px}
.doc h2{font-size:17px;margin:22px 0 6px;color:var(--blue)}
.doc h3{font-size:15px;margin:14px 0 4px}
.doc p,.doc li{font-size:15px;margin:0 0 10px}
.doc ul{margin:0 0 10px;padding-left:22px}
.doc a{color:var(--blue)}
/* form */
form{width:100%;margin-top:22px;display:flex;flex-direction:column;gap:14px}
label{font-size:13px;font-weight:700;color:var(--ink)}
input,textarea{width:100%;margin-top:6px;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:16px}
textarea{min-height:120px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.note{font-size:13px;color:var(--muted);margin:0}
.msg{display:none;padding:12px 14px;border-radius:12px;font-weight:600;font-size:14px}
.msg.ok{display:block;background:#e3f4e8;color:#0f5132}
.msg.err{display:block;background:#fde8e8;color:#842029}
.back{margin-top:18px;font-weight:700;color:var(--blue);font-size:14px}
@media (prefers-color-scheme:dark){
:root{--page:#05070e;--bg:#0b1020;--card:#141b30;--ink:#eef1f8;--muted:#a8b3cc;--line:#2a3558}
h1,.label,.btn.save,.back{color:#8fb0ff}
.btn.primary{color:#fff}
.btn.accent{color:#14213d}
.msg.ok{background:#12301f;color:#a7e3bd}.msg.err{background:#3a1519;color:#f4b6bb}
}