
:root{--page-ink:#1d2448;--page-purple:#7346ff;--page-line:#e0e5f5}
*{box-sizing:border-box}
.page-body{background:linear-gradient(180deg,#f2faff 0%,#fff 65%);color:var(--page-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
.page-body a{color:#5736ba;text-decoration:underline;text-underline-offset:3px}
.page-header{background:#fff;border-bottom:1px solid var(--page-line);position:sticky;top:0;z-index:12}
.page-header-inner{max-width:1100px;min-height:76px;margin:auto;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.page-logo{height:52px;max-width:200px;object-fit:contain}
.page-header nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.page-header nav a{color:#34345b;text-decoration:none;font-weight:800;font-size:13px}
.page-header nav a:hover,.page-header nav a:focus-visible{color:var(--page-purple)}
.page-main{width:min(850px,calc(100% - 32px));margin:36px auto 70px}
.page-title{margin-bottom:28px;background:linear-gradient(115deg,#c4f2ff,#f6eeff);padding:38px;border-radius:24px}
.page-title .page-back{font-size:12px;font-weight:800}
.page-title h1{font-size:clamp(28px,5vw,43px);line-height:1.18;margin:15px 0 12px}
.page-title p{font-size:15px;line-height:1.6;margin:0;color:#485274}
.info-block{background:#fff;border:1px solid var(--page-line);padding:28px 34px;margin:14px 0;border-radius:18px;box-shadow:0 5px 21px rgba(23,38,79,.035)}
.info-block h2{font-size:18px;line-height:1.3;margin:0 0 13px}
.info-block p{font-size:14px;line-height:1.8;margin:9px 0 0;color:#4c5575}
.page-footer{background:#f0f8ff;border-top:1px solid var(--page-line);padding:24px max(20px,calc((100vw - 1100px)/2));display:flex;flex-direction:column;gap:20px}
.page-footer>div{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.page-footer nav{display:flex;gap:15px;flex-wrap:wrap}
.page-footer a{font-size:12px!important;color:#3e4569;text-decoration:none}
.page-footer .footer-home{font-size:15px!important;font-weight:900}
.page-footer small{color:#6e7897}
.contact-form{display:flex;flex-direction:column;gap:11px;margin-top:24px}
.contact-form>label:not(.contact-check){font-size:13px;font-weight:800}
.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{
 border:1px solid #cfd7eb;border-radius:11px;padding:12px;font:inherit;font-size:14px;
 width:100%;background:#fff;color:var(--page-ink)
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:3px solid #e8dcff;border-color:var(--page-purple)}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin-top:10px}
.contact-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--page-purple)}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.page-primary,.page-secondary{
 padding:12px 20px;border-radius:11px;font:inherit;font-size:13px;font-weight:850;cursor:pointer;
 min-height:44px;border:1px solid var(--page-purple)
}
.page-primary{background:var(--page-purple);color:#fff}
.page-secondary{background:#fff;color:var(--page-purple)}
.page-primary:disabled{opacity:.6;cursor:progress}
.page-message{min-height:20px;font-size:13px!important;font-weight:700;color:#267549!important}
.page-message.error{color:#b52e49!important}
.choice-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
@media(max-width:650px){.page-header-inner{gap:5px;flex-direction:column}.page-logo{height:44px}.page-header nav{justify-content:center;gap:12px}.page-main{margin-top:18px}.page-title{padding:25px}.info-block{padding:22px 20px}.page-footer>div{align-items:flex-start;flex-direction:column}}
