:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#f4f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd} .brand{font-size:28px;letter-spacing:-1.2px;font-weight:600}.brand span{font-weight:400}.tag{font-size:14px;border:1px solid #bfc2c7;padding:8px 13px;border-radius:24px}main{max-width:1440px;margin:auto;padding:48px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:calc(100vh - 156px)}.intro{align-self:stretch;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:590px}.eyebrow{font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:12px 0 28px}h1{font-size:clamp(48px,5.5vw,80px);line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:0;position:relative;z-index:1}h1 span{color:#168bee}.intro p{font-size:18px;line-height:1.5;max-width:340px;margin-top:24px}.pattern{position:absolute;bottom:-130px;left:-100px;width:650px;height:400px;background:url('./pattern.svg') center 55%/850px auto;transform:rotate(-8deg);pointer-events:none}.card{background:white;border-radius:28px;padding:36px 40px;box-shadow:0 8px 40px #18294108}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}h2{font-size:27px;letter-spacing:-.7px;font-weight:500;margin:0}.small{font-size:13px;color:#707680}.field{margin-bottom:22px}label{display:block;font-size:15px;margin-bottom:9px}input{display:block;width:100%;height:56px;border:1px solid #d8dce1;border-radius:12px;background:#f8f9fb;padding:0 16px;font-size:16px;color:#111;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:#168bee;box-shadow:0 0 0 3px #2a9fff22;background:white}input[aria-invalid=true]{border-color:#d43131}input::placeholder{color:#969ba3}.help{font-size:13px;color:#767b83;line-height:1.4;margin:7px 0 0}.error{color:#b72626;min-height:0}.key-wrap{position:relative}.key-wrap input{padding-right:105px}.toggle{position:absolute;right:10px;top:10px;border:0;background:transparent;padding:10px 6px;cursor:pointer;font-size:13px;color:#4e5967}.submit{width:100%;border:0;border-radius:12px;background:#168bee;color:white;padding:18px 20px;font-size:17px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.submit:hover{background:#0879d6}.submit:disabled{opacity:.65;cursor:wait}button:focus-visible{outline:3px solid #111;outline-offset:3px}.note{font-size:13px;line-height:1.5;color:#747a82;margin:14px 0 0}#status{font-size:15px;line-height:1.5;margin-top:16px;border-radius:10px}#status:not(:empty){padding:14px;background:#edf6ff}#status[data-error=true]{background:#fff0ee;color:#a1241b}footer{padding:20px 5vw;display:flex;justify-content:space-between;font-size:13px;color:#777;border-top:1px solid #ddd}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:800px){header{height:72px;padding:0 24px}.brand{font-size:24px}main{display:block;padding:28px 20px}.intro{min-height:0;padding:0 4px 24px}.eyebrow{margin:0 0 20px}h1{font-size:48px}.intro p{font-size:16px;margin-bottom:0;max-width:100%}.pattern{display:none}.card{padding:28px 24px;border-radius:22px}.card-top{margin-bottom:24px}h2{font-size:24px}footer{padding:20px;gap:20px}.tag{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}