:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#17202a;background:#f4f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe6eb}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border-radius:8px;background:#0b6b58;color:#fff;font-weight:800}.product{margin-left:12px;color:#687580;font-size:14px}.text-button{border:0;background:transparent;color:#345;cursor:pointer}main{max-width:1180px;margin:auto;padding:56px 24px}.auth-layout{min-height:620px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px}.hero h1,.page-heading h1{font-size:48px;line-height:1.08;letter-spacing:-1.5px;margin:8px 0 22px}.hero>p:not(.eyebrow){max-width:640px;color:#576571;font-size:18px;line-height:1.8}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:800;color:#0b6b58}.security-points{display:flex;gap:10px;margin-top:30px}.security-points span{padding:8px 12px;border:1px solid #b9d7cf;border-radius:999px;color:#285d52;font-size:13px;background:#edf8f5}.card{background:#fff;border:1px solid #dfe6eb;border-radius:14px;padding:28px;box-shadow:0 10px 35px rgba(31,56,71,.06)}.auth-card{min-height:405px}.card h2{margin:6px 0 22px;font-size:24px}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#34434e}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #ccd6dd;border-radius:8px;background:#fff;color:#17202a;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#0b6b58;box-shadow:0 0 0 3px rgba(11,107,88,.1)}textarea{min-height:110px;resize:vertical}button{padding:11px 16px;border:1px solid #bdc9d1;border-radius:8px;background:#fff;font-weight:750;color:#30414c;cursor:pointer}button:hover{filter:brightness(.97)}button:disabled{opacity:.55;cursor:wait}.primary{background:#0b6b58;border-color:#0b6b58;color:#fff}.danger{color:#a52a2a;border-color:#e4bcbc}.hidden{display:none!important}.notice{position:fixed;top:82px;left:50%;transform:translateX(-50%);z-index:10;max-width:680px;padding:12px 18px;border-radius:8px;background:#17202a;color:#fff;box-shadow:0 8px 26px #0003}.notice.error{background:#982f2f}.muted{color:#6b7882;line-height:1.6;font-size:14px}.qr{width:180px;height:180px;margin:auto;border:8px solid #fff}.auth-card code{word-break:break-all;text-align:center;font-size:12px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.page-heading h1{font-size:36px;margin-bottom:0}.identity{text-align:right;color:#52616c;font-size:13px;line-height:1.6}.action-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-left:4px solid #0b6b58}.action-card h2{margin-bottom:6px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.result{margin-top:22px;padding:20px;min-height:120px;overflow:auto;border-radius:10px;background:#162129;color:#d9eee8;font-size:13px;line-height:1.6;white-space:pre-wrap}@media(max-width:800px){main{padding-top:28px}.auth-layout{grid-template-columns:1fr;gap:32px}.hero h1{font-size:36px}.grid{grid-template-columns:1fr}.page-heading{display:block}.identity{text-align:left;margin-top:14px}.action-card{display:block}.action-card button{margin-top:12px;width:100%}}
