.login-design{--login-green:#00653b;--login-gold:#f2ad00;--login-ink:#101325;--login-muted:#52637d;color:var(--login-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.4;background:#fff}
.login-design *{box-sizing:border-box}
.login-design .bottom-nav,.login-design .ai-chatbot{display:none}
.login-design main{padding:0;min-height:0}
.login-design a{text-decoration:none;color:inherit}
.login-design button,.login-design input,.login-design select{font-family:inherit}
.login-design button{cursor:pointer}
.login-design a:focus-visible,.login-design button:focus-visible,.login-design input:focus-visible,.login-design select:focus-visible,.login-design summary:focus-visible{outline:3px solid #dfa400;outline-offset:3px}
.login-container{width:calc(100% - 86px);max-width:1440px;margin:0 auto}
.login-icon,.login-design .home-icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}
.login-topbar{height:41px;background:#00492e;color:#fff;font-size:12px}
.login-topbar>.login-container,.login-topbar .login-container>span,.login-topbar .login-container>div{display:flex;align-items:center;gap:14px;height:100%}
.login-topbar>.login-container{justify-content:space-between}
.login-topbar a,.login-topbar button{display:flex;align-items:center;gap:9px;white-space:nowrap}
.login-topbar i{width:1px;height:14px;background:#ffffff6b;display:inline-block}
.login-topbar .login-icon,.login-topbar .home-icon{width:16px;height:16px}
.login-topbar button{border:0;background:transparent;color:white;padding:0}
.login-topbar .dropdown-menu a{color:#152a23}
.login-desktop-nav{height:76px;display:flex;align-items:center;gap:15px}
.login-logo{display:inline-flex;flex-direction:column;line-height:1;color:var(--login-green);font-family:Arial,Helvetica,sans-serif;text-align:center}
.login-logo>span{display:flex;align-items:center;font-size:37px;font-weight:900;letter-spacing:-1.6px}
.login-logo svg{width:39px;height:36px;fill:none;stroke:#edaa00;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;margin-left:5px}
.login-logo .login-logo-crown{fill:#edaa00;stroke-width:1}
.login-logo>b{font-size:20px;letter-spacing:4.3px;color:#e6a300;line-height:1.1}
.login-brand-tagline{font-size:12px;line-height:1.45;color:#344962;border-left:1px solid #dde3eb;padding-left:14px;min-width:168px;margin:0}
.login-header-search{display:flex;align-items:center;background:#f8fafc;border:1px solid #d7dfe9;border-radius:13px;height:44px;flex:1;min-width:220px;position:relative}
.login-header-search .search-input-wrap{display:flex;align-items:center;gap:13px;position:relative;flex:1;min-width:0;padding-left:16px;color:#5b6981}
.login-header-search input{border:0;background:transparent;min-width:0;width:100%;font-size:12px;padding:10px 0;outline-offset:0}
.login-header-search input::placeholder{color:#6f7e94;opacity:1}
.login-header-search select{height:25px;border:0;border-left:1px solid #dbe2eb;background:transparent;max-width:131px;color:#142b44;font-size:12px;padding:0 10px;appearance:auto}
.login-header-search>button{height:44px;width:50px;border:0;border-radius:0 12px 12px 0;background:#ffc217;color:#122615;flex-shrink:0}
.login-desktop-nav nav{display:flex;gap:23px;align-items:center;margin-left:20px}
.login-desktop-nav nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;position:relative;white-space:nowrap;min-width:34px}
.login-desktop-nav nav .home-icon,.login-desktop-nav nav .login-icon{width:20px;height:20px}
.login-cart-count{position:absolute;top:-8px;right:1px;background:#ffc317;color:#19261a;font-size:10px;padding:1px 5px;border-radius:10px}
.login-sell-link{display:flex;align-items:center;gap:10px;background:#ffc219;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:700;margin-left:12px;white-space:nowrap}
.login-sell-link .home-icon{width:18px;height:18px}
.login-stage{background:radial-gradient(ellipse at 55% 15%,#ffffffb3,transparent 55%),linear-gradient(120deg,#f3f9fa,#eef5f5);padding-bottom:21px}
.login-page-meta{display:flex;align-items:center;justify-content:space-between;height:50px;font-size:12px;color:var(--login-muted)}
.login-page-meta nav{display:flex;gap:12px;align-items:center}
.login-page-meta nav a{display:flex;gap:7px;align-items:center}
.login-page-meta nav .home-icon{width:16px;height:16px}
.login-page-meta nav>span:last-child{font-weight:600;color:var(--login-green)}
.login-page-meta>div{display:flex;align-items:center;gap:13px}
.login-page-meta>div>.login-icon{color:var(--login-green)}
.login-trust-stars{color:#ffb600;font-size:20px;letter-spacing:-2px}
.login-content-grid{display:grid;grid-template-columns:minmax(0,574fr) minmax(0,771fr);gap:17px;align-items:stretch}
.login-form-panel{background:#fff;border:1px solid #e4eaee;border-radius:13px;box-shadow:0 8px 25px #234c5b05;min-width:0;position:relative}
.login-form{padding:28px 37px 24px}
.login-welcome{display:flex;align-items:center;gap:11px;color:var(--login-green);font-size:13px;font-weight:700;margin-bottom:6px}
.login-welcome:before{content:"";width:30px;height:3px;border-radius:5px;background:#00804b}
.login-design .login-form h1{font-size:34px;font-weight:700;line-height:1.18;letter-spacing:-1px;margin:0 0 4px;color:#0c101f}
.login-intro{font-size:14px;line-height:1.45;color:var(--login-muted);margin:0 0 16px}
.login-field-group{margin-bottom:18px}
.login-field-group>label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#1c304d}
.login-input{display:flex;align-items:center;gap:15px;height:47px;border:1px solid #d0d8e4;box-shadow:0 0 0 1px #eff2f6 inset;border-radius:8px;background:#fbfcfe;padding:0 16px;color:#60708a;position:relative}
.login-input input{background:transparent;border:0;width:100%;min-width:0;padding:13px 0;font-size:12px;outline:none;box-shadow:none;color:#1c304d;height:100%}
.login-input:focus-within{border-color:#00804b;box-shadow:0 0 0 3px #00784b15}
.login-input input::placeholder{color:#7e8ba0;opacity:1}
.login-password-toggle{display:grid;place-items:center;flex-shrink:0;padding:5px;border:0;background:transparent;color:#526782;min-height:32px;min-width:32px;margin-right:-5px}
.login-password-toggle[aria-pressed=true] .login-icon{opacity:.55}
.login-form-options{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:-7px 0 21px;gap:9px}
.login-form-options label{display:flex;align-items:center;gap:12px;font-size:12px;margin:0;font-weight:400}
.login-form-options input{width:19px;height:19px;min-width:19px;accent-color:#007046;margin:0}
.login-form-options a{color:var(--login-green);font-weight:700}
.login-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border:1px solid #079759;background:linear-gradient(110deg,#0d8250,#137a4d);border-radius:8px;color:#fff;height:47px;font-weight:700;font-size:16px}
.login-submit:hover{background:#005e3d}
.login-submit .home-icon{width:21px;height:21px}
.login-divider{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px;color:#1c304d;margin:16px 0}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#d1dbe5;flex:1}
.login-social{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.login-social a{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #dce3eb;border-radius:8px;min-height:48px;font-size:14px;font-weight:500;white-space:nowrap;color:#101a33}
.login-social a:hover{background:#f3faf6;border-color:#7ba992}
.login-social svg{width:28px;height:28px;flex-shrink:0}
.login-create-account{font-size:12px;text-align:center;margin:20px 0}
.login-create-account a{color:var(--login-green);font-weight:700}
.login-security{display:flex;align-items:center;justify-content:center;gap:10px;color:#64718a;font-size:11px;line-height:1.35;max-width:420px;margin:0 auto}
.login-security .home-icon{width:26px;height:30px;color:#078450}
.login-demo{position:absolute;bottom:8px;right:12px;font-size:10px;color:#758377;z-index:2}
.login-demo[open]{position:relative;bottom:auto;right:auto;margin-top:12px}
.login-demo>span{display:block;padding-top:4px;overflow-wrap:anywhere}
.login-demo summary{width:max-content;cursor:pointer}
.login-desktop-promo{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#fff9ec;border-radius:13px;border:1px solid #e9e5d5;box-shadow:0 5px 15px #554a1208;align-self:stretch}
.login-mobile-hero,.login-mobile-landscape{display:none}
.login-values>.login-container{display:grid;grid-template-columns:1fr 1.15fr 1.2fr 1.15fr;min-height:73px;align-items:center}
.login-values .login-container>div{display:flex;align-items:center;justify-content:center;gap:21px;border-right:1px solid #e3e9ef}
.login-values .login-container>div:last-child{border:0}
.login-values .home-icon,.login-values .login-icon{width:40px;height:40px;color:#008046}
.login-values .home-icon{fill:currentColor}
.login-values p{font-size:12px;line-height:1.6;margin:0;color:#52637d}
.login-values strong,.login-values span{display:block}
.login-values strong{color:#20314a;font-weight:600}
.login-site-footer{background:linear-gradient(110deg,#20313e,#1a2c39);color:#d2dbe2;padding:26px 0 14px}
.login-footer-grid{display:grid;grid-template-columns:1.35fr .95fr .95fr .95fr 1fr 1.2fr 2fr;gap:24px}
.login-footer-brand .login-logo{color:#fff}
.login-footer-brand .login-logo>span{font-size:40px}
.login-footer-brand .login-logo svg{width:42px;height:39px}
.login-footer-brand p{font-size:12px;line-height:1.4;margin:9px 0 10px}
.login-footer-social{font-size:16px;color:white;font-weight:700}
.login-design .login-footer-grid h2{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;color:white;margin:7px 0 10px}
.login-footer-grid>div>a:not(:has(.login-logo)){display:block;font-size:12px;line-height:1.65;color:#d2dbe2}
.login-footer-grid>div>a:hover{color:#fff;text-decoration:underline}
.login-footer-payments>div{display:flex;gap:8px;align-items:center}
.login-footer-payments>div>span{display:flex;align-items:center;justify-content:center;height:40px;width:60px;border-radius:4px;background:#fff;color:#123a88;font-size:12px;font-weight:800;text-align:center;line-height:1.1}
.login-footer-payments>div>span:first-child{background:#ffd116;color:#123468;font-size:11px}
.login-footer-payments>div>span:nth-child(2){background:#e20023;color:#fff;font-size:11px}
.login-footer-payments>div>span:nth-child(3){font-style:italic;font-size:23px}
.login-footer-payments .login-mastercard{color:#ed3726;font-size:24px;position:relative;letter-spacing:-9px;padding-right:9px}
.login-mastercard small{position:absolute;bottom:2px;font-size:6px;letter-spacing:0;color:#111;left:12px}
.login-footer-payments>div>span:last-child{font-size:10px;color:#101e30}
.login-footer-payments p{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px;margin-top:13px}
.login-footer-payments .login-icon{width:17px;height:19px}
.login-footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff2b;padding-top:12px;margin-top:20px;font-size:11px}
@media(min-width:1251px){.login-form-panel{min-height:608px}}
@media(min-width:992px) and (max-width:1250px){
 .login-container{width:calc(100% - 48px)}
 .login-brand-tagline{display:none}
 .login-desktop-nav nav{gap:15px;margin-left:4px}
 .login-sell-link{margin-left:0;padding:12px 10px}
 .login-topbar .login-container>span{font-size:11px;gap:7px}
 .login-topbar .login-container>span>i,.login-topbar .login-container>span{white-space:nowrap}
 .login-topbar .login-container>div{gap:9px;font-size:10px}
 .login-form{padding:26px}
 .login-design .login-form h1{font-size:29px}
 .login-social{gap:9px}
 .login-social a{gap:7px;font-size:11px}
 .login-footer-grid{gap:15px;grid-template-columns:1.15fr .85fr .85fr .85fr .85fr 1fr 1.7fr}
 .login-footer-grid>div>a:not(:has(.login-logo)){font-size:10px}
 .login-footer-payments>div{gap:4px}
 .login-footer-payments>div>span{width:44px}
 .login-footer-payments p{font-size:9px;white-space:normal}
}
@media(max-width:991px){
 .login-design{background:#fcfcf5}
 .login-design .login-site-header,.login-page-meta,.login-desktop-promo,.login-values,.login-site-footer{display:none}
 .login-stage{background:#fcfcf5;padding-bottom:0}
 .login-container.login-content-grid{display:block;width:100%;max-width:760px}
 .login-mobile-hero{display:block;width:100%;max-width:760px;margin:0 auto;background:linear-gradient(135deg,#fffdf3,#f1f8f2)}
 .login-mobile-brand{position:relative;text-align:center;padding:26px 0 7px;min-height:116px}
 .login-mobile-brand .login-logo>span{font-size:clamp(37px,6.8vw,60px)}
 .login-mobile-brand .login-logo>b{font-size:clamp(20px,3.8vw,32px);letter-spacing:clamp(4px,.6vw,6px)}
 .login-mobile-brand .login-logo svg{width:clamp(39px,7vw,61px);height:clamp(36px,6.5vw,56px)}
 .login-mobile-brand p{font-size:clamp(14px,2.9vw,23px);color:#053640;line-height:1.4;margin:9px 0 0}
 .login-back{position:absolute;left:4%;top:27px;width:clamp(37px,7.5vw,66px);height:clamp(37px,7.5vw,66px);display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 2px 7px #2334430a}
 .login-back .login-icon{width:clamp(18px,3vw,26px);height:clamp(18px,3vw,26px);stroke-width:2.5}
 .login-mobile-hero>img{display:block;width:100%;height:auto}
 .login-form-panel{position:relative;margin-top:-1px;border:0;border-radius:clamp(24px,5.5vw,48px) clamp(24px,5.5vw,48px) 0 0;background:#fff;overflow:hidden}
 .login-form{padding:clamp(24px,5.5vw,45px) 7.5% 0}
 .login-welcome{font-size:clamp(13px,2.7vw,21px);gap:clamp(10px,2.3vw,18px);margin-bottom:14px}
 .login-welcome:before{width:clamp(29px,6.1vw,55px);height:clamp(3px,.65vw,6px)}
 .login-design .login-form h1{font-size:clamp(24px,5.5vw,44px);line-height:1.15;letter-spacing:-.65px;margin-bottom:8px}
 .login-intro{font-size:clamp(15px,3.25vw,25px);line-height:1.3;margin-bottom:clamp(19px,3.4vw,28px)}
 .login-field-group{margin-bottom:clamp(10px,2vw,18px)}
 .login-field-group>label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 .login-input{height:clamp(48px,9.8vw,74px);padding:0 clamp(13px,2.9vw,26px);gap:clamp(12px,2.9vw,26px);border-radius:clamp(9px,1.8vw,17px)}
 .login-input>.login-icon{width:clamp(22px,3.8vw,32px);height:clamp(22px,3.8vw,32px)}
 .login-input input{font-size:clamp(16px,2.9vw,21px);padding:14px 0}
 .login-password-toggle .login-icon{width:clamp(22px,3.8vw,32px);height:clamp(22px,3.8vw,32px)}
 .login-form-options{font-size:clamp(12px,2.5vw,21px);margin:clamp(10px,2vw,18px) 0 clamp(16px,3.2vw,27px)}
 .login-form-options label{font-size:inherit;gap:clamp(10px,2.2vw,18px)}
 .login-form-options input{width:clamp(19px,3.8vw,33px);height:clamp(19px,3.8vw,33px)}
 .login-submit{height:clamp(48px,9.8vw,74px);border-radius:clamp(17px,3.3vw,29px);font-size:clamp(17px,3.4vw,25px);background:#007447;gap:clamp(12px,2.2vw,20px)}
 .login-submit .home-icon{width:clamp(23px,3.4vw,31px);height:clamp(23px,3.4vw,31px)}
 .login-divider{margin:clamp(17px,3.4vw,29px) 0 clamp(13px,2.8vw,25px);font-size:clamp(12px,2.5vw,20px);gap:clamp(12px,2.5vw,21px)}
 .login-social{gap:clamp(9px,1.8vw,17px)}
 .login-social a{min-height:clamp(43px,9.4vw,70px);font-size:clamp(11px,2.5vw,19px);gap:clamp(6px,1.8vw,16px);border-radius:clamp(10px,2vw,17px)}
 .login-social svg{width:clamp(24px,4.6vw,41px);height:clamp(24px,4.6vw,41px)}
 .login-create-account{font-size:clamp(13px,2.8vw,23px);margin:clamp(22px,4.5vw,38px) 0 clamp(17px,3.5vw,29px)}
 .login-security{font-size:clamp(11px,2.1vw,18px);max-width:100%;gap:clamp(12px,2.4vw,20px);padding:0 7%;line-height:1.3}
 .login-security .home-icon{width:clamp(25px,4.5vw,39px);height:clamp(30px,5vw,43px)}
 .login-mobile-landscape{display:block;width:100%;height:auto;margin-top:18px}
 .login-demo{position:static;margin:14px 0 0;font-size:11px}
 .login-form .alert{font-size:clamp(13px,2.5vw,19px)}
}
@media(max-width:360px){.login-social{grid-template-columns:1fr}.login-social a{font-size:12px}.login-input{gap:9px;padding:0 11px}.login-form{padding-left:6%;padding-right:6%}.login-design .login-form h1{font-size:23px}}
