:root{--ink:#102c4f;--deep:#09233f;--blue:#2475e8;--sky:#eaf4ff;--muted:#6f8197;--line:#e2eaf2;--orange:#ff9d57;--green:#36b886;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.6 'DM Sans',sans-serif;background:#fbfdff}a{text-decoration:none;color:inherit}.container{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.topbar{background:var(--deep);color:#b8cce0;font-size:12px}.topbar-inner{height:35px;display:flex;align-items:center;justify-content:space-between}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 23px 'Manrope',sans-serif;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--blue);color:#fff;font:800 18px 'Manrope',sans-serif}.brand-accent{color:var(--blue)}.nav-links{display:flex;gap:31px;color:#60758d;font-size:13px;font-weight:600}.nav-links a:hover,.login-link:hover{color:var(--blue)}.nav-actions{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:15px 20px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 10px 25px #2475e82e;cursor:pointer}.button span,.text-link span{font-size:18px}.button-small{padding:11px 15px;font-size:12px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:42px;padding-bottom:65px}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ac18a;margin-right:9px;box-shadow:0 0 0 5px #3ac18a1f}.hero h1{font:800 clamp(42px,5vw,68px)/1.07 'Manrope',sans-serif;letter-spacing:-3px;margin:20px 0}.hero h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:460px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0 45px}.text-link{color:var(--ink);font-size:13px;font-weight:700;border-bottom:1px solid #b9c7d6;padding-bottom:4px}.hero-proof{display:flex;align-items:center;gap:13px}.avatars{display:flex}.avatars span{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#ffd1a6;color:#fff;font-size:9px;font-weight:700;margin-right:-7px}.avatars span:nth-child(2){background:#9ac1fa}.avatars span:nth-child(3){background:#8fd5c1}.avatars span:nth-child(4){background:var(--ink)}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{color:var(--muted);font-size:11px}.hero-visual{height:400px;position:relative;display:grid;place-items:center}.visual-grid{position:absolute;width:390px;height:310px;background-image:linear-gradient(#dbeafa 1px,transparent 1px),linear-gradient(90deg,#dbeafa 1px,transparent 1px);background-size:28px 28px;opacity:.6;transform:perspective(500px) rotateX(55deg) rotateZ(-25deg);bottom:8px;right:20px;z-index:0}.glow{position:absolute;width:330px;height:300px;background:#ddecff;border-radius:50%;filter:blur(1px)}.server-card,.floating-card{position:absolute;background:#fff;border:1px solid #dce8f6;box-shadow:0 25px 60px #1f6ac61f;border-radius:12px;z-index:1}.card-main{width:300px;min-height:235px;padding:22px;transform:rotate(4deg)}.server-top{display:flex;align-items:center;gap:8px;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#32c38b}.more{margin-left:auto;color:#a3b4c6}.server-icon{margin:27px auto 6px;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:#fff;font-size:36px;background:linear-gradient(145deg,#8cbefb,var(--blue));box-shadow:0 13px 25px #2475e84c}.server-metric{text-align:center}.server-metric strong{display:block;font:800 26px 'Manrope'}.server-metric span{color:var(--muted);font-size:10px}.metric-line{height:5px;background:#e9f0f8;border-radius:5px;margin:22px 0 14px}.metric-line i{display:block;width:92%;height:100%;background:#4cc997;border-radius:5px}.server-footer{display:grid;grid-template-columns:1fr 1fr;gap:4px;color:#8a9aae;font-size:9px}.server-footer strong{color:var(--ink);font-size:10px}.floating-card{display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:11px}.floating-card strong,.floating-card small{display:block}.floating-card small{color:var(--muted);font-size:9px}.mini-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e6f1ff;color:var(--blue);font-size:18px}.float-speed{top:47px;left:10px}.float-shield{right:5px;bottom:52px}.float-shield .mini-icon{background:#e4f8f0;color:#25aa7a}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px;color:#a2b1c0;font-size:12px}.trust-inner strong{color:#4a6683;font:800 17px 'Manrope'}.section{padding-top:105px;padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2,.feature-layout h2,.cta-section h2{font:800 39px/1.15 'Manrope';letter-spacing:-1.6px;margin:11px 0 0}.section-heading p{max-width:305px;color:var(--muted);font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan-card{position:relative;padding:29px;border:1px solid var(--line);background:#fff;border-radius:10px}.plan-card.featured{border:2px solid var(--blue);box-shadow:0 18px 45px #2475e81c}.popular{position:absolute;right:18px;top:18px;border-radius:4px;padding:5px 8px;background:#e5f1ff;color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase}.plan-label{color:#9aaabb;font-size:10px;font-weight:800;letter-spacing:1px}.plan-card h3{font:800 21px 'Manrope';margin:11px 0 3px}.plan-card p{color:var(--muted);font-size:12px}.price{margin:26px 0;font:800 32px 'Manrope'}.price sup{font-size:18px}.price small{font:500 11px 'DM Sans';color:var(--muted)}.plan-button{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid #d4e1ef;border-radius:6px;color:var(--blue);font-size:12px;font-weight:800}.plan-card.featured .plan-button{background:var(--blue);border-color:var(--blue);color:#fff}.plan-card ul{list-style:none;padding:15px 0 0;margin:20px 0 0;border-top:1px solid var(--line);font-size:12px;color:#5f738a}.plan-card li{margin:8px 0}.plan-card li:before{content:'✓';color:#27b482;font-weight:800;margin-right:9px}.feature-band{background:var(--deep);color:#fff;padding:100px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.feature-layout p{color:#afc3d8;max-width:420px;font-size:14px}.light-link{display:inline-block;color:#fff;border-color:#5a7797;margin-top:13px}.feature-list>div{border-bottom:1px solid #294866;padding:0 0 20px;margin-bottom:22px;display:grid;grid-template-columns:40px 1fr;gap:7px 15px}.feature-list span{color:#6d91b7;font-size:11px}.feature-list strong{font:800 17px 'Manrope'}.feature-list p{grid-column:2;margin:0;font-size:12px}.cta-section{padding-top:100px;padding-bottom:100px;display:flex;align-items:center;justify-content:space-between}.button-light{background:#fff;color:var(--blue);box-shadow:0 12px 25px #09233f2e}footer{background:#071d34;color:#7c9abb;font-size:11px}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between}.footer-inner .brand{color:#fff;font-size:17px}.footer-inner .brand-mark{width:25px;height:25px;font-size:14px}.footer-inner div{display:flex;gap:20px}.auth-page{background:linear-gradient(135deg,#f4f9ff,#fff);min-height:100vh}.auth-wrap{max-width:480px;margin:auto;padding:48px 24px}.auth-wrap-wide{max-width:640px}.register-panel{padding:38px}.register-panel h1{font:800 35px 'Manrope';margin:8px 0}.register-panel>p{color:var(--muted);font-size:13px;margin-bottom:10px}.form-section{border:1px solid var(--line);border-radius:10px;padding:20px;margin:0 0 22px}.form-section legend{padding:0 8px;color:var(--blue);font:800 12px 'Manrope';letter-spacing:1px;text-transform:uppercase}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-section label{display:block;color:var(--ink);font-size:12px;font-weight:700;margin-bottom:15px}.form-section input[type=text],.form-section input[type=email],.form-section input[type=password],.form-section input[type=tel],.form-section select,.login-panel>form>label input{width:100%;display:block;margin-top:7px;border:1px solid #dbe6f0;border-radius:6px;padding:12px 14px;outline:none;font:14px 'DM Sans';background:#fff}.form-section input:focus,.form-section select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2475e814}.phone-wrap{display:flex;gap:8px;margin-top:7px}.phone-wrap select{flex:0 0 92px;margin-top:0}.phone-wrap input{flex:1;margin-top:0}.register-check{display:flex!important;align-items:flex-start;gap:8px;font-size:12px;font-weight:500!important;color:#5f738a;margin:0 0 13px!important}.register-check input{margin-top:3px}.register-check a{color:var(--blue);font-weight:700}@media(max-width:560px){.field-grid{grid-template-columns:1fr}}.auth-brand{justify-content:center;margin-bottom:55px}.login-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px;box-shadow:0 20px 70px #1f6ac612}.login-panel h1{font:800 35px 'Manrope';margin:8px 0}.login-panel>p{color:var(--muted);font-size:13px;margin-bottom:30px}.login-panel form label{display:block;color:var(--ink);font-size:12px;font-weight:700;margin-bottom:19px}.login-panel input[type=email],.login-panel input[type=password]{width:100%;display:block;margin-top:7px;border:1px solid #dbe6f0;border-radius:6px;padding:13px 14px;outline:none;font:14px 'DM Sans'}.login-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2475e814}.password-wrap{position:relative}.password-wrap input{padding-right:40px!important}.password-wrap span{position:absolute;right:14px;bottom:10px;color:#9aacbf}.form-meta{display:flex!important;justify-content:space-between;align-items:center;margin:6px 0 23px!important;font-weight:500!important}.form-meta a{color:var(--blue)}.check{display:flex!important;align-items:center;gap:7px}.form-button{width:100%;font-size:13px}.form-error{padding:10px 12px;margin-bottom:18px;border-radius:6px;background:#fff0ee;color:#c95c52;font-size:12px}.login-note{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);color:#8a9caf;font-size:11px}.back-link{display:block;text-align:center;margin-top:25px;color:#6c8197;font-size:12px}.dashboard-page{background:#f6f9fc;display:flex;min-height:100vh}.sidebar{width:240px;flex:none;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.sidebar-brand{padding:0 12px 42px}.workspace{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 12px}.workspace-label{display:block;color:#a1afbe;font-size:9px;letter-spacing:1px;font-weight:800;margin-bottom:11px}.workspace strong,.workspace span:last-child{display:block}.workspace strong{font-size:13px}.workspace span:last-child{font-size:10px;color:#95a5b5;overflow:hidden;text-overflow:ellipsis}.side-nav{padding-top:22px}.side-nav a,.sidebar-bottom a,.sidebar-bottom button{display:flex;gap:13px;align-items:center;color:#7a8fa5;padding:12px;font-size:12px;border-radius:6px;border:0;background:transparent;width:100%;cursor:pointer;text-align:left}.side-nav a span,.sidebar-bottom span{width:18px;text-align:center;font-size:16px}.side-nav a.active,.side-nav a:hover,.sidebar-bottom a:hover,.sidebar-bottom button:hover{background:#edf5ff;color:var(--blue);font-weight:700}.sidebar-bottom{margin-top:auto}.dashboard-main{flex:1;min-width:0}.dashboard-header{height:142px;background:#fff;border-bottom:1px solid var(--line);padding:30px 45px;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font:800 27px 'Manrope';margin:6px 0 0;letter-spacing:-1px}.header-actions{display:flex;align-items:center;gap:17px}.icon-button,.mobile-menu{border:0;background:transparent;color:#7c91a5;font-size:20px;position:relative}.notification i{position:absolute;top:1px;right:1px;width:5px;height:5px;background:#ff8c72;border-radius:50%}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffd0a3;color:#fff;font-weight:800;font-size:11px}.mobile-menu{display:none}.dashboard-content{max-width:1150px;margin:auto;padding:35px 45px 70px}.notice{display:flex;align-items:center;gap:15px;padding:15px 20px;border-radius:8px;background:#edf6ff;color:var(--ink);margin-bottom:36px}.notice-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d7ebff;color:var(--blue)}.notice strong{font-size:12px}.notice p{color:#71869c;font-size:11px;margin:2px 0 0}.notice a{margin-left:auto;color:var(--blue);font-size:11px;font-weight:700}.content-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.content-heading h2{font:800 23px 'Manrope';margin:0}.content-heading p,.card-heading p{color:#8092a4;font-size:11px;margin:3px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:8px}.stat-card{padding:19px 20px}.stat-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:14px;margin-bottom:20px}.stat-icon.blue{background:#e7f2ff;color:var(--blue)}.stat-icon.green{background:#e5f8f0;color:#27b27e}.stat-icon.orange{background:#fff1e7;color:#f28b49}.stat-icon.purple{background:#f0edff;color:#8973e9}.stat-card small{display:block;color:#98a8b7;font-size:9px;letter-spacing:.7px;font-weight:800}.stat-card strong{display:block;font:800 24px 'Manrope';margin:4px 0}.stat-card .status-text{color:#27aa79;font-size:19px}.stat-change{display:block;color:#8597a9;font-size:10px}.dashboard-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:15px}.service-card,.activity-card{padding:23px}.card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.card-heading h3{font:800 15px 'Manrope';margin:0}.card-heading>a{color:var(--blue);font-size:10px;font-weight:700}.service-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:15px 0}.service-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e8f2ff;color:var(--blue);font-size:20px}.domain-symbol{background:#e9f8f1;color:#26ad7b}.service-info{flex:1}.service-info strong,.service-info span{display:block}.service-info strong{font-size:12px}.service-info span{color:#899bad;font-size:10px}.service-status{color:#29ad7d;font-size:10px}.service-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36c58e;margin-right:4px}.row-menu{border:0;background:transparent;color:#a2b2c0}.activity-row{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:13px 0}.activity-dot{width:8px;height:8px;border-radius:50%}.blue-dot{background:#5f9ff4}.green-dot{background:#41c695}.orange-dot{background:#ffac71}.activity-row div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:11px}.activity-row small,.activity-row time{font-size:9px;color:#92a2b1}.activity-row time{white-space:nowrap}@media(max-width:800px){.nav-links,.login-link{display:none}.navbar{height:70px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{order:-1;height:300px}.hero h1{font-size:46px}.trust-inner{gap:17px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.trust-inner span{width:100%}.section-heading,.feature-layout,.cta-section{display:block}.section-heading p{margin-top:22px}.plan-grid{grid-template-columns:1fr}.feature-layout{padding:0 28px}.feature-list{margin-top:50px}.cta-section .button{margin-top:30px}.footer-inner{padding-top:22px;padding-bottom:22px;gap:15px;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{padding:25px 22px}.dashboard-content{padding:25px 22px}.sidebar{width:205px}.dashboard-columns{grid-template-columns:1fr}.notice{align-items:start;flex-wrap:wrap}.notice a{margin-left:50px}.mobile-menu{display:block}.dashboard-header>div:first-of-type{flex:1;margin-left:12px}.dashboard-header h1{font-size:20px}}@media(max-width:560px){.topbar-inner{justify-content:center}.topbar-inner span:last-child{display:none}.container{padding-left:20px;padding-right:20px}.hero{padding-top:25px}.hero-actions{align-items:flex-start;flex-direction:column;margin-bottom:35px}.hero-visual{transform:scale(.85);margin:-20px 0}.section{padding-top:70px;padding-bottom:75px}.feature-band{padding:70px 0}.section-heading h2,.feature-layout h2,.cta-section h2{font-size:32px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:19px}.dashboard-header{height:115px}.header-actions{gap:8px}.header-actions .icon-button{display:none}.notice{padding:14px}.sidebar{position:fixed;z-index:4;left:-230px;height:100%;transition:left .2s}.dashboard-main{width:100%}.service-status{display:none}.auth-wrap{padding-top:30px}.login-panel{padding:25px}}
/* ---------------------------------------------------------------------------
   Register form: wider panel, aligned grid, professional spacing
   ------------------------------------------------------------------------- */
.auth-wrap-wide{max-width:960px}
.register-panel{padding:44px 48px}
.register-panel h1{font-size:38px}
.register-panel>p{font-size:15px;margin-bottom:24px}
.register-panel .form-section{padding:26px 24px 14px;margin-bottom:26px}
.register-panel .form-section legend{font-size:13px;padding:0 10px}
.register-panel .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.register-panel .form-section label{font-size:14px;margin-bottom:18px}
.register-panel .form-section input[type=text],.register-panel .form-section input[type=email],.register-panel .form-section input[type=password],.register-panel .form-section input[type=tel],.register-panel .form-section select{padding:13px 15px;font-size:15px}
.register-panel .check{font-size:14px}
.register-panel .form-button{font-size:15px;padding:16px 20px}
.register-note-aside{display:flex;gap:10px;align-items:flex-start;background:#f2f8ff;border:1px solid #d9e9fb;border-radius:8px;padding:14px 16px;margin-bottom:24px;color:#51637a;font-size:13px}
@media(max-width:720px){.auth-wrap-wide{max-width:560px}.register-panel{padding:30px 22px}.register-panel .field-grid{grid-template-columns:1fr}}

/* ---------------------------------------------------------------------------
   Global readability pass: bump base and component font sizes
   ------------------------------------------------------------------------- */
body{font-size:17px}
.nav-links{font-size:15px}
.nav-actions{font-size:15px}
.topbar{font-size:14px}
.eyebrow{font-size:12px}
.hero-copy>p{font-size:17px}
.text-link{font-size:15px}
.hero-proof strong{font-size:14px}
.hero-proof small{font-size:12px}
.trust-inner{font-size:14px}
.trust-inner strong{font-size:19px}
.section-heading p{font-size:15px}
.plan-card p{font-size:14px}
.plan-card ul{font-size:14px}
.plan-button{font-size:14px}
.feature-layout p{font-size:16px}
.feature-list p{font-size:14px}
.feature-list span{font-size:13px}
footer{font-size:13px}
.form-section label{font-size:14px}
.login-panel>p{font-size:15px}
.login-panel form label{font-size:14px}
.login-panel input[type=email],.login-panel input[type=password]{font-size:15px}
.form-error{font-size:14px}
.login-note{font-size:13px}
.back-link{font-size:14px}
.register-check{font-size:13px!important}

/* ---------------------------------------------------------------------------
   CloudTech logo component
   ------------------------------------------------------------------------- */
.ct-logo{display:inline-flex;align-items:center;gap:10px}
.ct-logo-img{display:block;height:44px;width:auto;flex:none}
.ct-logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;flex:none}
.ct-logo-mark svg{width:100%;height:100%;display:block}
.ct-logo-text{font:800 22px 'Manrope',sans-serif;letter-spacing:-.5px;color:inherit}
.ct-logo-accent{color:#38bdf8}
.brand.auth-brand .ct-logo-text{font-size:24px}
.brand.auth-brand .ct-logo-img{height:64px}
.domain-brand .ct-logo-text{font-size:20px;color:#fff;letter-spacing:-.5px}
.domain-brand .ct-logo-accent{color:#5bc291}

/* Auth pages: success notice, sign-up call to action, verification */
.form-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:8px;padding:11px 14px;font-size:13px;margin:0 0 16px}
.inline-resend{margin-top:8px}
.inline-resend button{border:0;background:none;padding:0;color:#2563eb;font:700 13px 'DM Sans',sans-serif;cursor:pointer;text-decoration:underline}
.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#94a3b8;font-size:13px}
.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:#e5e7eb}
.signup-button{background:#fff!important;color:#2563eb!important;border:1.5px solid #2563eb!important;box-shadow:none!important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}
.signup-button:hover{background:#eff6ff!important}
.auth-cart-note{margin:14px 0 0;font-size:13px;color:#475569;text-align:center}
.verify-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eff6ff;color:#2563eb;font-size:24px;margin-bottom:14px}

/* =============================================================
   Client login — modernized card. Scoped to .login-v2 so the
   register / forgot-password / reset-password pages are untouched.
   ============================================================= */
.login-v2 .auth-brand{margin-bottom:34px}
.login-v2 .auth-wrap{max-width:470px;padding:56px 24px;position:relative;z-index:1}
.login-v2 .login-panel{position:relative;background:#fff;border:1px solid rgba(226,234,242,.9);border-radius:20px;padding:40px 38px 34px;box-shadow:0 30px 80px -20px rgba(16,80,160,.18),0 10px 30px -12px rgba(16,44,79,.08);overflow:hidden}
.login-v2 .login-panel:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#58a9ff 55%,var(--green))}
@keyframes loginIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.login-v2 .login-panel{animation:loginIn .45s ease both}
.login-v2 .login-eyebrow{display:inline-flex!important;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#eaf4ff;font-size:10.5px;font-weight:800;letter-spacing:1.2px;margin:0 0 14px}
.login-v2 .login-eyebrow i{display:block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#3ac18a;box-shadow:0 0 0 4px rgba(58,193,138,.16)}
.login-v2 .login-panel h1{font:800 30px/1.15 'Manrope',sans-serif;letter-spacing:-1.2px;margin:0 0 8px}
.login-v2 .login-panel h1 span{color:var(--blue)}
.login-v2 .login-panel>p{color:var(--muted);font-size:13.5px;line-height:1.65;margin:0 0 26px}
.login-v2 .form-success{border-radius:10px;font-size:12.5px}
.login-v2 .form-error{display:block;border-radius:10px;font-size:12.5px;line-height:1.6}
.login-v2 .inline-resend{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(201,92,82,.35)}
.login-v2 .inline-resend button{color:inherit}
.login-v2 .login-panel form>label{display:block!important;color:#33475e;font-size:12.5px;font-weight:700;letter-spacing:.2px;margin:0 0 18px}
.login-v2 .login-panel form>label em{font-style:normal;font-weight:500;color:#7d8fa3;font-size:11.5px}
.login-v2 .login-panel input[type=email],.login-v2 .login-panel input[type=password]{width:100%;display:block;margin-top:8px;border:1px solid #dbe6f0;border-radius:10px;padding:13px 15px;outline:none;font:15px 'DM Sans',sans-serif;background:#fbfdff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.login-v2 .login-panel input[type=email]:focus,.login-v2 .login-panel input[type=password]:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,117,232,.12);background:#fff}
.login-v2 .login-panel input::placeholder{color:#a9b8c8}
.login-v2 .password-wrap{position:relative}
.login-v2 .password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:#8fa2b6;border-radius:8px;cursor:pointer;transition:color .15s ease,background .15s ease}
.login-v2 .password-toggle svg{width:18px;height:18px;display:block}
.login-v2 .password-toggle svg[hidden]{display:none}
.login-v2 .password-toggle:hover{color:var(--blue);background:#f2f7ff}
.login-v2 .password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px;color:var(--blue)}
.login-v2 .form-meta{display:flex!important;justify-content:space-between;align-items:center;margin:-2px 0 22px!important}
.login-v2 .form-meta a{color:var(--blue);font-weight:700;transition:color .15s ease}
.login-v2 .form-meta a:hover{color:#1d62c7}
.login-v2 .form-meta .check{display:flex!important;align-items:center;gap:8px;color:#5f738a;font-size:13px;font-weight:600!important;margin:0!important;text-transform:none;letter-spacing:0}
.login-v2 .form-meta .check input{width:15px;height:15px;accent-color:var(--blue);cursor:pointer}
.login-v2 .form-button{padding:15px 20px;border-radius:12px;background:linear-gradient(180deg,#3b83f7,var(--blue));box-shadow:0 14px 28px rgba(36,117,232,.28);font-size:14px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.login-v2 .form-button:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(36,117,232,.34);filter:saturate(1.05)}
.login-v2 .form-button:active{transform:translateY(0)}
.login-v2 .auth-divider{margin:24px 0 16px;font-size:12px}
.login-v2 .signup-button{background:#fff!important;color:var(--blue)!important;border:1px solid #d4e1ef!important;box-shadow:0 8px 20px rgba(16,44,79,.06)!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.login-v2 .signup-button:hover{background:#f6faff!important;border-color:#b9d0ec!important;transform:translateY(-1px)}
.login-v2 .auth-cart-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:11px 14px;border:1px dashed #bcd0e8;border-radius:10px;background:#f6f9fd;font-size:12px;color:#33475e}
.login-v2 .back-link{margin-top:26px;font-size:12.5px;font-weight:600;transition:color .15s ease}
.login-v2 .back-link:hover{color:var(--blue)}
@media(max-width:560px){
    .login-v2 .auth-wrap{padding-top:36px}
    .login-v2 .login-panel{padding:30px 22px 26px;border-radius:16px}
    .login-v2 .login-panel h1{font-size:26px}
    .login-v2 .login-eyebrow{font-size:10px}
    .login-v2 .form-meta{flex-wrap:wrap;gap:10px}
}
@media(prefers-reduced-motion:reduce){
    .login-v2 .login-panel{animation:none}
    .login-v2 .form-button,.login-v2 .signup-button{transition:none}
}