:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:rgb(20 29 43);background:rgb(247 249 252);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgb(250 252 255),rgb(239 246 255));letter-spacing:0}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,560px);align-items:center;gap:clamp(40px,8vw,140px);max-width:1280px;margin:auto;padding:56px}.brand{display:flex;align-items:center;gap:18px}.brand strong{font-size:clamp(30px,4vw,54px);font-weight:720}.brand p{margin:8px 0 0;color:rgb(91 105 124);font-size:15px}.mark{width:72px;height:72px;display:flex;align-items:flex-end;gap:6px;padding:13px;border-radius:8px;background:rgb(20 105 235);box-shadow:0 16px 36px rgb(20 105 235 / 22%)}.mark span{flex:1;background:white;border-radius:2px}.mark span:nth-child(1){height:48%}.mark span:nth-child(2){height:76%}.mark span:nth-child(3){height:100%}.auth{width:100%;background:white;border:1px solid rgb(222 229 239);border-radius:8px;padding:clamp(28px,5vw,48px);box-shadow:0 24px 70px rgb(35 60 96 / 10%)}.eyebrow{margin:0 0 12px;color:rgb(20 105 235);font-size:14px;font-weight:700}.auth h1{margin:0;font-size:34px;line-height:1.2}.lead{margin:12px 0 34px;color:rgb(98 111 130);line-height:1.7}form{display:grid;gap:12px}label{font-size:14px;font-weight:650;margin-top:4px}.field{height:48px;border:1px solid rgb(202 212 226);border-radius:6px;background:rgb(252 253 255);transition:border-color .16s,box-shadow .16s}.field:focus-within{border-color:rgb(20 105 235);box-shadow:0 0 0 3px rgb(20 105 235 / 12%)}input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 14px;font:inherit;color:inherit}.code-row{display:grid;grid-template-columns:1fr 126px;gap:10px}.send,.primary{height:48px;border-radius:6px;font:inherit;font-weight:680;cursor:pointer}.send{border:1px solid rgb(191 207 229);background:white;color:rgb(20 90 198)}.primary{border:0;background:rgb(20 105 235);color:white;margin-top:10px;box-shadow:0 9px 22px rgb(20 105 235 / 22%)}button:disabled{opacity:.55;cursor:not-allowed}.status{min-height:24px;margin:4px 0 0;font-size:14px;color:rgb(58 85 122)}footer{display:flex;justify-content:space-between;gap:18px;margin-top:28px;padding-top:20px;border-top:1px solid rgb(232 237 244);font-size:12px;color:rgb(112 124 142)}a{color:rgb(20 105 235);text-decoration:none;white-space:nowrap}@media(max-width:820px){.shell{display:block;padding:28px 18px}.brand{max-width:520px;margin:12px auto 28px}.brand strong{font-size:28px}.mark{width:52px;height:52px;padding:10px}.auth{max-width:520px;margin:auto}}@media(max-width:420px){.shell{padding:20px 12px}.auth{padding:26px 20px}.code-row{grid-template-columns:1fr 112px}.auth h1{font-size:30px}footer{display:grid}.brand p{font-size:12px}}