:root{--forest:#123f35;--forest-deep:#092d27;--mint:#daf1e7;--gold:#d8a743;--ink:#17312b;--muted:#65756f;--line:#dfe8e4}
*{box-sizing:border-box}.secure-login-body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#e5f4ee 0,transparent 34%),linear-gradient(145deg,#f8fbfa,#edf4f1);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;flex-direction:column}.login-stage{width:min(1120px,calc(100% - 40px));margin:auto;padding:48px 0 22px}.public-return{display:inline-flex;align-items:center;gap:9px;color:#315b50;text-decoration:none;font-weight:650;margin-bottom:18px}.public-return:hover{color:var(--forest)}.login-panel{min-height:650px;display:grid;grid-template-columns:.88fr 1.12fr;background:#fff;border:1px solid rgba(18,63,53,.08);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(10,50,41,.14)}.login-identity{position:relative;color:#fff;background:linear-gradient(155deg,rgba(8,45,38,.94),rgba(18,78,64,.96)),radial-gradient(circle at 80% 10%,#4da487,transparent 45%);padding:58px;display:flex;align-items:center;overflow:hidden}.login-identity:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-190px;bottom:-90px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.identity-content{position:relative;z-index:1}.identity-mark{width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#f0cd78,var(--gold));color:var(--forest-deep);font-size:23px;font-weight:850;box-shadow:0 12px 25px rgba(0,0,0,.2)}.identity-country{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700;color:#b8ded1;margin:30px 0 12px}.login-identity h2{font-family:Georgia,serif;font-size:2.65rem;line-height:1.08;margin:0 0 22px}.login-identity>div>p:not(.identity-country){color:#d5e7e1;line-height:1.7;max-width:360px}.trust-line{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.16);margin-top:42px;padding-top:25px}.trust-line i{font-size:1.6rem;color:#f0cd78}.trust-line span{font-weight:700}.trust-line small{color:#b8cbc5;font-weight:400}.login-form-side{padding:58px 68px;display:flex;align-items:center}.login-form-wrap{width:100%;max-width:480px;margin:auto}.secure-label{display:inline-flex;align-items:center;gap:7px;color:var(--forest);background:var(--mint);border-radius:50px;padding:7px 12px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-form-wrap h1{font-family:Georgia,serif;font-size:2.45rem;margin:20px 0 7px}.login-intro{color:var(--muted);margin-bottom:26px}.auth-steps{display:flex;list-style:none;padding:0;margin:0 0 28px;position:relative}.auth-steps:before{content:"";position:absolute;top:16px;left:16px;right:52%;height:2px;background:var(--line)}.auth-steps li{position:relative;z-index:1;display:flex;align-items:center;gap:9px;width:50%;font-size:.78rem;color:#87938f;font-weight:700}.auth-steps span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#eef3f1;border:1px solid var(--line)}.auth-steps .active{color:var(--forest)}.auth-steps .active span{background:var(--forest);color:#fff;border-color:var(--forest)}.field-group{margin-bottom:17px}.field-group label{display:block;font-weight:700;font-size:.88rem;margin-bottom:8px}.field-control{height:52px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 15px;transition:.2s;background:#fbfdfc}.field-control:focus-within{border-color:#4a8d7a;box-shadow:0 0 0 4px rgba(74,141,122,.12);background:#fff}.field-control>i{color:#789088}.field-control input{border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 12px;color:var(--ink)}.password-toggle{border:0;background:transparent;color:#6b817a;padding:8px}.captcha-box{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;border:1px dashed #b7cbc4;background:#f5faf8;border-radius:12px;padding:12px 15px;margin:20px 0}.captcha-box small{display:block;color:var(--muted);margin-bottom:3px}.captcha-box strong{font-size:1.08rem}.captcha-box input{width:92px;height:42px;border:1px solid var(--line);border-radius:9px;text-align:center;font-weight:800;background:#fff}.continue-button{width:100%;height:53px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--forest),#1b6958);color:#fff;font-weight:800;font-size:1rem;box-shadow:0 12px 25px rgba(18,63,53,.22);transition:.2s}.continue-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(18,63,53,.28)}.continue-button span{margin-left:6px}.security-note{text-align:center;color:#76857f;font-size:.78rem;margin:18px 0 0}.login-alert{display:flex;gap:9px;padding:12px 14px;border-radius:10px;background:#fff1f0;color:#9a332c;font-size:.87rem;margin-bottom:18px}.login-footer{display:flex;justify-content:space-between;gap:20px;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:0 0 22px;color:#70807a;font-size:.78rem}.login-footer a{color:var(--forest);font-weight:700;text-decoration:none}
@media(max-width:850px){.login-stage{padding-top:25px}.login-panel{grid-template-columns:1fr;min-height:0}.login-identity{padding:34px 40px}.login-identity h2{font-size:2rem}.login-identity>div>p:not(.identity-country),.trust-line{display:none}.identity-mark{width:52px;height:52px}.identity-country{margin:18px 0 8px}.login-form-side{padding:42px}.login-footer{flex-direction:column;text-align:center;gap:5px}}
@media(max-width:520px){.login-stage{width:calc(100% - 24px);padding-top:16px}.public-return{font-size:.86rem}.login-panel{border-radius:20px}.login-identity{padding:25px}.login-identity h2{font-size:1.65rem;margin-bottom:0}.identity-country{margin-top:13px}.login-form-side{padding:30px 22px}.login-form-wrap h1{font-size:2rem}.auth-steps li{font-size:.68rem}.captcha-box{align-items:flex-start;flex-direction:column}.captcha-box input{width:100%}.g-recaptcha{transform:scale(.83);transform-origin:left top;margin-bottom:-13px}.login-footer{width:calc(100% - 24px)}}
.auth-steps.auth-step-two:before{right:16px;background:linear-gradient(90deg,var(--forest),var(--forest) 50%,var(--line) 50%)}.auth-steps .completed{color:var(--forest)}.auth-steps .completed span{background:var(--mint);color:var(--forest);border-color:#b9d9ce}.otp-group{margin:10px 0 24px}.otp-group label{display:block;font-weight:750;font-size:.88rem;margin-bottom:10px}.otp-input{width:100%;height:72px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc;text-align:center;font-size:2rem;font-weight:800;letter-spacing:.55em;padding-left:.55em;color:var(--forest);font-variant-numeric:tabular-nums;outline:0;transition:.2s}.otp-input:focus{border-color:#4a8d7a;box-shadow:0 0 0 4px rgba(74,141,122,.12);background:#fff}.otp-group p{color:var(--muted);font-size:.78rem;text-align:center;margin:9px 0 0}.verify-help{display:flex;align-items:center;gap:12px;background:#f5faf8;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-top:20px;color:var(--forest)}.verify-help>i{font-size:1.35rem}.verify-help strong{font-size:.82rem}.verify-help span{font-size:.76rem;color:var(--muted)}