*{box-sizing:border-box}body{margin:0;color:#101828;background:#fff;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#1766ff;text-decoration:none}a:hover{text-decoration:underline}.native-auth{display:grid;grid-template-columns:46% 54%;min-height:100vh}aside{background:#091326;color:white;padding:52px;display:flex;flex-direction:column}.brand{display:flex;gap:14px;align-items:center;color:white;font-weight:750;font-size:22px}.brand img{width:52px;height:52px;object-fit:contain;border-radius:10px}.brand small{display:block;color:#91a4c1;font-size:12px;font-weight:400}.story{margin:auto 0;padding:64px 0}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:800;color:#1766ff}.story .eyebrow{color:#a8bad6}h1{font-size:clamp(32px,4vw,56px);line-height:1.13;letter-spacing:-.04em;max-width:620px}.story>p:last-child,.footer{color:#a8bad6;max-width:520px}.panel{padding:64px 32px;display:grid;place-items:center}.box{width:min(100%,520px)}h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.025em;margin:12px 0 28px}.field{margin:18px 0}label{font-size:14px;font-weight:650}input:not([type=hidden]):not([type=checkbox]),select,textarea{width:100%;border:1px solid #cdd7e6;border-radius:12px;padding:15px;font:inherit;color:inherit;background:white;display:block;margin-top:7px}input:focus,select:focus,textarea:focus{outline:3px solid #dce7ff;border-color:#1766ff}button{border:0;border-radius:12px;padding:16px 20px;background:#1766ff;color:white;font:700 16px system-ui;cursor:pointer;width:100%;margin-top:14px}.secondary{background:#edf2f8;color:#101828}.choices{display:flex;gap:12px}.error{padding:18px;border:1px solid #ffb8c4;border-radius:12px;background:#fff1f3;color:#b32243}.switch{text-align:center;font-size:14px;margin-top:24px}fieldset{border:1px solid #dce3ee;border-radius:12px;padding:18px;margin:24px 0}.check-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:13px;font-weight:400}.check-row input{margin-top:5px;flex-shrink:0}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #c6d8ff;border-top-color:#1766ff;border-radius:50%;animation:spin .8s linear infinite}[hidden]{display:none!important}button:disabled{opacity:.65;cursor:wait}.field small{color:#64748b}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.native-auth{display:block}aside{padding:24px}.story,.footer{display:none}.panel{padding:32px 22px}.brand img{width:38px;height:38px}.brand{font-size:19px}.choices{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}