:root{font-family:Inter,"Segoe UI",sans-serif;color:#102d38;background:#eef4f3}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(450px,1fr)}.login-brand{position:relative;overflow:hidden;padding:9vh 9vw;background:#0b303b;color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid #4fbba42b;border-radius:50%}.login-brand:before{width:620px;height:620px;right:-360px;top:-220px}.login-brand:after{width:380px;height:380px;left:-220px;bottom:-190px}.logo{width:52px;height:52px;padding:12px;border-radius:14px;background:#e7faf6;display:flex;align-items:flex-end;justify-content:center;gap:4px}.logo i{width:4px;border-radius:4px;background:#11a78e}.logo i:nth-child(1){height:12px}.logo i:nth-child(2){height:24px}.logo i:nth-child(3){height:17px}.login-brand p{margin:20px 0 45px;color:#5ad1bd;font-size:11px;font-weight:800;letter-spacing:.22em}.login-brand h1{max-width:520px;margin:0;font-size:45px;line-height:1.08;letter-spacing:-.04em}.login-brand>span{max-width:480px;margin-top:22px;color:#a7c1c5;font-size:15px;line-height:1.7}.secure-note{margin-top:70px;padding:15px 18px;border:1px solid #26515b;border-radius:12px;background:#092832;display:grid;max-width:470px}.secure-note b{font-size:12px}.secure-note small{margin-top:5px;color:#789da4}.login-card{padding:8vh 10vw;background:#fff;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 10px!important;color:#129982!important;font-size:10px!important;font-weight:800;letter-spacing:.18em}.login-card h2{margin:0;font-size:32px;letter-spacing:-.03em}.login-card>div>span{display:block;margin-top:10px;color:#778b92;font-size:13px}.login-card form{display:grid;gap:18px;margin-top:34px}.login-card label span{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.login-card input{width:100%;padding:14px 15px;border:1px solid #ccdada;border-radius:9px;outline:0;font:inherit}.login-card input:focus{border-color:#13a58d;box-shadow:0 0 0 3px #13a58d18}.login-card button{height:48px;border:0;border-radius:9px;background:#0d3947;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer;box-shadow:0 8px 20px #0d394725}.login-card button:disabled{opacity:.65}.login-card form p{min-height:17px;margin:0;color:#c43e3e;font-size:12px}.login-card footer{margin-top:32px;padding-top:18px;border-top:1px solid #e7eded;color:#87999e;font-size:11px}.login-card footer i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#24bd9f}@media(max-width:850px){.login-shell{display:block}.login-brand{display:none}.login-card{min-height:100vh;padding:9vh 8vw}}
.login-card form[hidden],#mfa-setup[hidden]{display:none}.setup-copy{margin:0;padding:13px;border-radius:9px;background:#edf8f5;color:#42636a!important;line-height:1.55}.login-card code{display:block;padding:13px;border:1px dashed #71bcae;border-radius:8px;background:#f8fbfa;color:#0d5b50;font:700 15px/1.4 Consolas,monospace;letter-spacing:.08em;text-align:center;word-break:break-all}.login-card .copy-key,.login-card .back-login{height:36px;justify-content:center;background:#eef3f3;color:#3e5961;box-shadow:none}.login-card .back-login{margin-top:-8px;background:transparent}
.qr-wrap{display:grid;place-items:center;margin:14px auto;padding:10px;width:210px;height:210px;border:1px solid #dce8e6;border-radius:13px;background:#fff}.qr-wrap img{display:block;width:188px;height:188px}.login-card details{border:1px solid #e1e9e8;border-radius:9px;padding:10px}.login-card summary{cursor:pointer;color:#587078;font-size:11px;font-weight:700}.login-card details code{margin-top:10px}.login-card details .copy-key{width:100%;margin-top:8px}