:root{color-scheme:dark;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0E1A2B;color:#E8EDF5;font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}
a{color:#C9D3E3;text-decoration:none;transition:color .2s ease}
a:hover{color:#F2B84B}
a:focus-visible,button:focus-visible{outline:2px solid #F2B84B;outline-offset:3px}
.l-head{position:sticky;top:0;z-index:10;background:rgba(14,26,43,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #243752}
.l-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:0}
.l-brand svg{width:28px;height:28px;flex:none}
.l-brand span{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;line-height:1.2}
.l-back{flex:none;background:#F2B84B;color:#0E1A2B;padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px}
.l-back:hover{color:#0E1A2B}
.l-main{max-width:760px;margin:0 auto;padding:40px 20px 56px}
.l-main h1{margin:0 0 6px;font-family:'Sora',sans-serif;font-size:32px;line-height:1.2;color:#fff;text-wrap:balance}
.l-main h2{margin:30px 0 8px;font-family:'Sora',sans-serif;font-size:20px;line-height:1.3;color:#fff}
.l-main p,.l-main li{margin:0 0 12px;font-size:16px;line-height:1.7;color:#C3CEDF}
.l-main ul{margin:0 0 12px;padding-left:22px}
.l-main .upd{font-size:14px;color:#8FA1BB}
.l-main a{color:#F2B84B;overflow-wrap:anywhere}
.l-foot{background:#0A1320;border-top:1px solid #243752;padding:28px 20px;text-align:center;font-size:14px;color:#8FA1BB}
.l-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-bottom:14px}
.l-foot nav a{font-size:15px}
.field{width:100%;padding:12px 14px;background:#0E1A2B;border:1px solid #3A5174;border-radius:10px;color:#E8EDF5;font:inherit;font-size:16px;transition:border-color .2s ease}
.field:focus{outline:2px solid #F2B84B;outline-offset:1px;border-color:#F2B84B}
.field::placeholder{color:#8FA1BB}
.l-form{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.l-form label{font-size:14px;font-weight:700;color:#C9D3E3}
.l-fld{display:flex;flex-direction:column;gap:8px}
.l-btn{align-self:flex-start;border:none;cursor:pointer;background:#F2B84B;color:#0E1A2B;padding:15px 30px;border-radius:999px;font-family:inherit;font-weight:700;font-size:16px}
.l-btn:disabled{opacity:.6;cursor:default}
.l-err{margin:0;font-size:15px;color:#FFB4A8}
.l-ok h2{margin-top:0}
@media (min-width:900px){.l-head{padding:18px 56px}.l-brand svg{width:34px;height:34px}.l-brand span{font-size:20px}.l-main{padding:64px 20px 80px}.l-main h1{font-size:42px}.l-main h2{font-size:22px}.l-main p,.l-main li{font-size:17px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.l-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}
.l-main .l-cbtn{display:inline-block;padding:11px 22px;border-radius:999px;border:1px solid #F2B84B;color:#F2B84B;font-weight:700;font-size:15px;line-height:1.2;transition:background .2s ease,color .2s ease}
.l-main .l-cbtn:hover{background:rgba(242,184,75,.14);color:#F2B84B}
.l-main .l-cbtn.main{background:#F2B84B;color:#0E1A2B}
.l-main .l-cbtn.main:hover{background:#ffcb6b;color:#0E1A2B}