:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#253048;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #e6eaf2;background:#fff}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;font-size:24px;font-weight:700}.logo{width:45px;height:45px;background:#637ce8;color:#fff;border-radius:14px;text-align:center;font-size:37px;line-height:42px}.divider{height:22px;width:1px;background:#dce2ee;margin:0 5px}.subbrand{font-size:15px;font-weight:500;color:#6d7890}.badge{padding:7px 12px;border:1px solid #dde4f1;border-radius:20px;color:#6b7790;font-size:12px}main{max-width:590px;margin:76px auto 60px;padding:0 20px}.eyebrow{color:#677dcc;font-size:13px;letter-spacing:2px;margin-bottom:17px}h1{font-size:32px;line-height:1.5;letter-spacing:-.7px;margin:0 0 16px}p{line-height:1.9}.intro{color:#707c94;font-size:15px;margin-bottom:34px}.card{background:white;border:1px solid #e1e7f2;border-radius:20px;padding:32px;box-shadow:0 10px 30px #34466705}.step{font-size:11px;letter-spacing:1.5px;color:#8794af}h2{font-size:22px;margin:16px 0 8px}#description{color:#6d7890;font-size:14px;margin-top:0;margin-bottom:24px}label{font-size:13px;display:block;margin:0 0 8px}input{font-size:16px;width:100%;padding:14px;border:1px solid #d9e1ee;border-radius:9px;background:#fbfcff;color:#253048}input:focus{outline:3px solid #e2e8ff;border-color:#7185de}button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;margin-top:17px;background:#637ce8;color:white;border:0;border-radius:10px;font-size:15px;cursor:pointer}button:hover{background:#536ed6}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#edf1fb;color:#53678f}button:focus-visible{outline:3px solid #b9c6fa;outline-offset:3px}.note{font-size:12px;color:#8b96aa;border-top:1px solid #edf0f6;padding-top:19px;margin-top:24px;line-height:1.8}#message{font-size:14px;color:#536fc4;overflow-wrap:anywhere}#message.error{color:#ab4e4e}.progress{display:flex;gap:12px;margin:25px 8px;align-items:flex-start;color:#8b95a9;font-size:12px}.progress p{margin:0}.progress strong{font-weight:500;color:#6e7d97}.dot{width:7px;height:7px;background:#a7b5dc;border-radius:50%;margin-top:8px;flex-shrink:0}footer{max-width:1100px;margin:0 auto;padding:24px 30px;color:#929cb0;font-size:12px;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:600px){header{height:80px;padding:0 20px}.subbrand,.divider{display:none}main{margin-top:44px}h1{font-size:27px}.card{padding:25px}footer{gap:15px;flex-wrap:wrap}}

.management{margin-top:32px;padding:28px;background:#fff;border:1px solid #e1e7f2;border-radius:20px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.section-heading button{width:auto;margin:0;flex-shrink:0}h3{font-size:17px;margin:24px 0 10px}h4{margin:0;font-size:16px}.muted{font-size:13px;color:#6d7890}.onboarding-box{background:#f5f7fd;border-radius:12px;padding:20px;margin:20px 0}.onboarding-box h3{margin-top:0}.onboarding-box p{font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row label{margin:0}.row input{width:75px;padding:10px}.row button{width:auto;margin:0;flex:1;min-width:200px}.device-list{display:grid;gap:14px}.device-card{border:1px solid #e1e7f2;border-radius:12px;padding:18px}.device-card p{margin:8px 0}.fingerprint,.identifier{overflow-wrap:anywhere;word-break:break-all;font-size:12px}.fingerprint{display:block;padding:12px;border-radius:8px;background:#f4f6fb;line-height:1.8}.verification{display:flex;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.7}.verification input{width:18px;height:18px;flex:none;margin:2px 0}body:has(.management:not([hidden])) main{max-width:880px}body:has(.management:not([hidden])) .card{max-width:550px}.device-card button{width:auto;font-size:13px;padding:11px 15px}@media(max-width:600px){.management{padding:20px}.row button{min-width:100%}.onboarding-box{padding:16px}.section-heading{align-items:flex-start}.section-heading button{padding:10px;font-size:13px}}
