*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#203c35;font-family:Inter,"Microsoft YaHei",sans-serif}header,footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 36px}a{color:inherit;text-decoration:none}.brand{font-size:22px;display:flex;gap:10px}.badge{font-size:12px;background:#e5ece3;padding:7px 12px;border-radius:20px;white-space:nowrap}main{max-width:1050px;margin:55px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:0 36px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#527f64}h1{font-size:64px;letter-spacing:-3px;line-height:1.22;margin:23px 0}p{line-height:1.9;font-size:15px;color:#6b7d73}.note{display:flex;flex-direction:column;gap:14px;border-left:2px solid #b8cba5;padding-left:18px;margin:30px 0;font-size:14px}.muted{font-size:12px}.card{background:#fff;border:1px solid #e5e9df;border-radius:24px;padding:32px;box-shadow:0 20px 60px #203c3509;min-height:385px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:20px;margin:0}label{display:block;font-size:13px;font-weight:600;margin:25px 0 10px}input{width:100%;padding:16px;border:1px solid #ced8cc;border-radius:10px;background:#fafbf7;font:inherit}button{width:100%;padding:14px 18px;border:1px solid transparent;border-radius:10px;background:#244e3e;color:white;font:inherit;font-size:14px;cursor:pointer;margin-top:14px}button span{float:right}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #90b598;outline-offset:3px}.secondary{background:#f4f6ef;color:#244e3e;border-color:#dfe7d9}.plain{background:transparent;color:#738076}small{display:block;color:#849084;font-size:11px;line-height:1.8;margin-top:14px}.quota{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #eee;font-size:13px}.number-label{display:flex;justify-content:space-between;color:#77867b;font-size:12px}.number{font-size:34px;letter-spacing:2px;font-variant-numeric:tabular-nums;font-weight:600;padding:18px 0;overflow-wrap:anywhere}#codeCard{background:#f1f6ea;padding:20px;border-radius:14px;margin-top:20px}#waiting{font-size:12px;color:#6a7d70;margin-top:24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ea876}.actions{display:flex;gap:6px}.actions button{font-size:12px;padding:12px 5px}#message{color:#000}#message.error{color:#b24937}footer{font-size:12px;color:#899286;border-top:1px solid #e0e5d9}[hidden]{display:none!important}@media(max-width:760px){header,footer{padding:22px}main{grid-template-columns:1fr;gap:25px;margin:20px auto 40px;padding:0 22px}h1{font-size:44px;margin:15px 0}.intro p br{display:none}.note{flex-direction:row;gap:16px;margin:20px 0}.card{padding:24px}.muted{margin-bottom:0}.number{font-size:30px}}
.brand{align-items:center}.brand-icon{flex:none}

.codex-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;color:#111;font-size:16px;font-weight:600;white-space:nowrap}.codex-brand svg{flex:none}

.codex-brand img{object-fit:contain;flex:none}

.card:has(#auth:not([hidden])){display:flex;flex-direction:column}#auth{display:flex;flex-direction:column;flex:1}.codex-brand{flex:1;min-height:96px;margin-top:0;margin-bottom:-32px}.codex-brand img{object-fit:contain;flex:none}@media(max-width:760px){.codex-brand{margin-bottom:-24px}}