.brand.brand-image{display:block;height:auto;padding:0 5px 25px}.brand-image img{display:block;width:100%;max-width:205px;height:auto;border-radius:8px;background:#fff;padding:6px}
.premium-login{min-height:100vh;display:grid;grid-template-columns:minmax(470px,1.08fr) minmax(500px,.92fr);background:#f7faf9}.premium-visual{position:relative;min-height:100vh;padding:48px clamp(48px,7vw,105px);overflow:hidden;display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,#082f3c 0%,#0c5260 46%,#126d6c 100%)}.premium-visual:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px}.visual-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:470px;height:470px;right:-240px;top:-120px;background:radial-gradient(circle,rgba(70,179,167,.33),transparent 67%)}.orb-two{width:360px;height:360px;left:-200px;bottom:-120px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.visual-top,.visual-copy,.visual-footer{position:relative;z-index:1}.visual-top{display:flex;justify-content:space-between;align-items:center}.login-brand{width:195px;height:96px;object-fit:contain;background:white;border-radius:14px;padding:8px;box-shadow:0 15px 45px rgba(0,0,0,.18)}.secure-badge{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:30px;padding:9px 13px;font-size:11px;letter-spacing:.5px}.secure-badge i{width:7px;height:7px;border-radius:50%;background:#5de1a2;box-shadow:0 0 0 4px rgba(93,225,162,.12)}.visual-copy{margin:auto 0;max-width:690px;padding:70px 0}.visual-kicker{font-size:11px;letter-spacing:2.5px;color:#8fe0d3;font-weight:750}.visual-copy h1{font-size:clamp(43px,4.3vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:23px 0 25px;font-weight:670}.visual-copy h1 em{font-style:normal;color:#73d4c3}.visual-copy>p{max-width:590px;font-size:17px;line-height:1.75;color:#cae2e3;margin:0}.feature-row{display:flex;gap:25px;margin-top:46px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}.feature-row span{font-size:12px;color:#d9eaeb;white-space:nowrap}.feature-row b{display:block;color:#75d7c5;font-size:10px;margin-bottom:7px;letter-spacing:1px}.visual-footer{display:flex;justify-content:space-between;font-size:11px;color:#9ec3c6;text-transform:uppercase;letter-spacing:1px}.premium-panel{min-height:100vh;position:relative;display:grid;place-items:center;padding:70px clamp(45px,7vw,115px);background:radial-gradient(circle at 85% 5%,rgba(50,177,132,.07),transparent 25%),#fbfdfc}.premium-form{width:100%;max-width:465px}.form-heading{margin-bottom:36px}.form-heading .eyebrow{font-size:10px;letter-spacing:2.1px;color:#188273;font-weight:800}.form-heading h2{font-size:36px;line-height:1.17;letter-spacing:-1.2px;margin:12px 0 10px;color:#172a31}.form-heading p{color:#718087;line-height:1.6;margin:0;font-size:14px}.premium-field{display:block;margin:19px 0}.premium-field>span{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#293e45;margin-bottom:9px}.premium-field>span a{font-weight:600;color:#198172}.input-shell{height:52px;display:flex;align-items:center;border:1px solid #d6e1df;border-radius:11px;background:#fff;box-shadow:0 2px 4px rgba(15,48,55,.025);transition:.2s}.input-shell:focus-within{border-color:#26998a;box-shadow:0 0 0 4px rgba(38,153,138,.1),0 8px 25px rgba(19,95,94,.08)}.input-shell>svg{width:19px;margin-left:16px;fill:none;stroke:#819195;stroke-width:1.6}.input-shell input{height:100%;border:0;background:transparent;box-shadow:none;padding:0 12px;font-size:14px}.input-shell input:focus{outline:0}.input-shell input::placeholder{color:#a9b5b7}.reveal{width:45px;height:100%;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.reveal svg{width:19px;fill:none;stroke:#849397;stroke-width:1.6}.reveal.visible svg{stroke:#168373}.remember{display:flex;align-items:center;gap:9px;margin:5px 0 22px;font-size:12px;color:#687a80;cursor:pointer}.remember input{appearance:none;width:17px;height:17px;padding:0;border-radius:5px;display:grid;place-items:center}.remember input:checked{background:#178678;border-color:#178678}.remember input:checked:after{content:"✓";font-size:11px;color:#fff}.premium-submit{width:100%;height:54px;border:0;border-radius:11px;color:white;background:linear-gradient(115deg,#126b79,#168678);box-shadow:0 12px 28px rgba(18,107,121,.21);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;transition:.2s}.premium-submit:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(18,107,121,.28)}.premium-submit b{font-size:20px;font-weight:400;transition:.2s}.premium-submit:hover b{transform:translateX(4px)}.trust-line{display:flex;align-items:center;justify-content:center;gap:8px;color:#879497;font-size:10px;margin-top:23px}.trust-line svg{width:15px;fill:none;stroke:#6c918c;stroke-width:1.7}.panel-footer{position:absolute;bottom:25px;font-size:11px;color:#899698}.panel-footer a{margin-left:8px;color:#187a70;font-weight:700}.mobile-brand{display:none}
@media(max-width:1100px){.premium-login{grid-template-columns:minmax(420px,.9fr) 1.1fr}.premium-visual{padding:38px}.visual-copy h1{font-size:45px}.feature-row{gap:15px}.premium-panel{padding:65px 45px}.login-brand{width:170px;height:84px}}@media(max-width:820px){.premium-login{display:block;background:#f4f8f7}.premium-visual{display:none}.premium-panel{min-height:100vh;padding:35px 24px 70px}.premium-form{max-width:470px;background:#fff;padding:32px;border:1px solid #e2ebe9;border-radius:18px;box-shadow:0 20px 50px rgba(20,60,65,.08)}.mobile-brand{display:block;margin:0 auto 25px;width:170px}.mobile-brand img{display:block;width:100%;height:86px;object-fit:contain;background:#fff;border-radius:11px;padding:6px}.panel-footer{bottom:20px}}@media(max-width:480px){.premium-panel{padding:22px 14px 65px}.premium-form{padding:25px 20px;border-radius:15px}.form-heading{margin-bottom:27px}.form-heading h2{font-size:29px}.input-shell{height:50px}.mobile-brand{width:145px;margin-bottom:16px}.mobile-brand img{height:72px}.panel-footer{font-size:10px}}
