/* 666 Performance — canonical ACTION button skin.
   UI controls are intentionally excluded: public hamburger, public back-to-top,
   vehicle-search mode selectors. Their appearance belongs to their component CSS. */
:root{
  --six-btn-bg:linear-gradient(180deg,#292929 0%,#1b1b1b 48%,#121212 100%);
  --six-btn-bg-hover:linear-gradient(180deg,#333 0%,#222 48%,#171717 100%);
  --six-btn-border:rgba(255,255,255,.15);
  --six-btn-border-hover:rgba(255,255,255,.28);
  --six-btn-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.055);
}
:is(.six-button,.btn,input[type="submit"],input[type="button"],input[type="reset"],a.button,a.findbtn,.findbtn,#contact-submit,#agreement-submit,.faq-cta a,.mobile-login-v2,button:not(.site-menu-v2):not(.footer-back-to-top):not(.vsearch-mode-control):not(.password-visibility-toggle)){
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;
  min-height:54px!important;padding:0 24px!important;border:1px solid var(--six-btn-border)!important;border-radius:12px!important;
  background:var(--six-btn-bg)!important;color:#fff!important;box-shadow:var(--six-btn-shadow)!important;
  font:900 14px/1 Inter,Roboto,Arial,sans-serif!important;letter-spacing:.10em!important;text-transform:uppercase!important;text-decoration:none!important;
  cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease!important;
}
:is(.six-button,.btn,input[type="submit"],input[type="button"],input[type="reset"],a.button,a.findbtn,.findbtn,#contact-submit,#agreement-submit,.faq-cta a,.mobile-login-v2,button:not(.site-menu-v2):not(.footer-back-to-top):not(.vsearch-mode-control):not(.password-visibility-toggle)):hover,
:is(.six-button,.btn,input[type="submit"],input[type="button"],input[type="reset"],a.button,a.findbtn,.findbtn,#contact-submit,#agreement-submit,.faq-cta a,.mobile-login-v2,button:not(.site-menu-v2):not(.footer-back-to-top):not(.vsearch-mode-control):not(.password-visibility-toggle)):focus-visible{
  background:var(--six-btn-bg-hover)!important;color:#fff!important;border-color:var(--six-btn-border-hover)!important;transform:translateY(-1px);
}
:is(.six-button,.btn,input[type="submit"],input[type="button"],input[type="reset"],button:not(.site-menu-v2):not(.footer-back-to-top):not(.vsearch-mode-control):not(.password-visibility-toggle)):disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}


/* 666 Performance shared element system
   Canonical form/card/control styling used by Public, Client and Admin. */
:root{
  --six-control-bg:#080808;
  --six-control-border:#303030;
  --six-control-border-focus:rgba(212,175,55,.58);
  --six-control-focus:0 0 0 3px rgba(212,175,55,.08);
  --six-control-text:#fff;
  --six-control-muted:#8d8d8d;
  --six-control-radius:12px;
  --six-control-height:54px;
  --six-card-bg:linear-gradient(145deg,#141414,#0b0b0b);
  --six-card-border:rgba(255,255,255,.09);
  --six-card-radius:22px;
}
/* Standard labels */
.portal label,.page label,.terms-wrapper .form-row label,.booking-label,.booking-fields label{
  color:#ddd;font-weight:800;
}
/* Standard text/select/date/time/file controls. Component-specific controls such as number plates are excluded. */
.portal input:not([type="checkbox"]):not([type="radio"]):not(.six-file-native),
.portal select,.portal textarea,
.page input:not([type="checkbox"]):not([type="radio"]),.page select,.page textarea,
.terms-wrapper .form-row input[type="text"],.terms-wrapper .form-row input[type="email"],
.booking-input,.booking-fields input,.booking-fields select,.booking-fields textarea{
  width:100%;max-width:100%;box-sizing:border-box;background:var(--six-control-bg);border:1px solid var(--six-control-border);border-radius:var(--six-control-radius);color:var(--six-control-text);padding:14px 15px;font:inherit;font-size:16px;line-height:1.35;outline:none;
}
.portal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.six-file-native),
.portal select,.page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.page select,
.booking-input,.booking-fields input:not([type="checkbox"]):not([type="radio"]),.booking-fields select{min-height:var(--six-control-height)}
.portal textarea,.page textarea,.booking-fields textarea{min-height:120px;resize:vertical}
.portal input:focus,.portal select:focus,.portal textarea:focus,
.page input:focus,.page select:focus,.page textarea:focus,
.terms-wrapper .form-row input:focus,.booking-input:focus,.booking-fields input:focus,.booking-fields select:focus,.booking-fields textarea:focus{
  border-color:var(--six-control-border-focus);box-shadow:var(--six-control-focus);background:var(--six-control-bg);
}
::placeholder{color:var(--six-control-muted);opacity:1}
/* Standard content cards */
.portal .card,.page .panel,.booking-shell{
  background:var(--six-card-bg);border:1px solid var(--six-card-border);border-radius:var(--six-card-radius);
}
/* Standard feedback notices */
.portal .notice,.page .notice{border-radius:12px;padding:14px}
/* Keep purpose-built controls independent from the shared element system. */
.plate input,.booking-plate input,.toggle button,.vsearch-mode-control,.site-menu-v2,.footer-back-to-top{box-shadow:none}



/* Password visibility control — shared by Public / Client / Admin. */
.password-field-wrap{position:relative;display:block;width:100%}
.password-field-wrap>input[type="password"],.password-field-wrap>input[data-password-visible="true"]{width:100%!important;padding-right:52px!important}
.password-visibility-toggle{
  appearance:none;-webkit-appearance:none;position:absolute;z-index:3;right:5px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;
  border:0;border-radius:9px;background:transparent;color:#fff;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent
}
/* Password eye is a purpose-built icon control, never an action button. Keep every interaction state visually identical. */
.password-visibility-toggle,
.password-visibility-toggle:hover,
.password-visibility-toggle:focus,
.password-visibility-toggle:focus-visible,
.password-visibility-toggle:active,
.password-visibility-toggle[aria-pressed="true"],
.password-visibility-toggle[aria-pressed="true"]:hover,
.password-visibility-toggle[aria-pressed="true"]:focus,
.password-visibility-toggle[aria-pressed="true"]:focus-visible,
.password-visibility-toggle[aria-pressed="true"]:active{
  appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-color:transparent!important;
  background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;filter:none!important;
  transform:translateY(-50%)!important;color:#fff!important;padding:0!important;margin:0!important
}
.password-visibility-toggle svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-visibility-toggle .password-eye-off{display:none}
.password-visibility-toggle[aria-pressed="true"] .password-eye-on{display:none}
.password-visibility-toggle[aria-pressed="true"] .password-eye-off{display:block}

.brand-logo{height:38px;width:auto;display:block;object-fit:contain;margin:0 0 35px}
:root{--bg:#070707;--panel:#101010;--panel2:#151515;--line:rgba(255,255,255,.09);--text:#f5f5f5;--muted:#999;--gold:#d4af37;--gold2:#f2d675;--green:#8fe3b0;--shadow:0 24px 80px rgba(0,0,0,.45);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000000;color:var(--text);font-family:Inter,Roboto,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}.gold{color:var(--gold2)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold2);font-size:11px;font-weight:900}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{height:45px}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800}.navlinks a:hover{color:var(--gold2)}.navcta{padding:11px 16px;border:1px solid rgba(212,175,55,.4);border-radius:999px;color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;border:1px solid var(--line);font-weight:900;cursor:pointer}.btn.gold{background:var(--six-btn-bg);color:#fff;border:1px solid var(--six-btn-border)}.btn.dark{background:#111}.hero2{padding:100px 0 70px}.hero2 h1{font-size:clamp(52px,8vw,92px);line-height:.9;letter-spacing:-.06em;margin:12px 0 24px}.hero2 p{max-width:700px;color:#b8b8b8;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:linear-gradient(145deg,#141414,#0b0b0b);border:1px solid var(--line);border-radius:22px;padding:28px}.card:hover{border-color:rgba(212,175,55,.35);transform:translateY(-3px)}.card{transition:.2s}.card h2,.card h3{margin:8px 0 10px}.muted{color:var(--muted)}section{padding:70px 0}.section-title{font-size:clamp(38px,6vw,68px);line-height:.95;letter-spacing:-.05em;margin:10px 0 16px}.service-icon{font-size:28px;color:var(--gold2)}.service-price{font-size:26px;font-weight:900}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:250px;gap:12px}.shot{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#171717,#090909);min-height:0}.shot:nth-child(1){grid-row:span 2}.shot:before{content:'666 PERFORMANCE';position:absolute;inset:auto 18px 18px;z-index:2;color:rgba(255,255,255,.8);font-size:12px;font-weight:900;letter-spacing:.14em}.shot .shape{position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,rgba(242,214,117,.22),transparent 20%),linear-gradient(135deg,transparent 25%,rgba(255,255,255,.05) 26%,transparent 27%);}.shot .label{position:absolute;left:18px;top:18px;padding:7px 10px;border:1px solid rgba(212,175,55,.35);border-radius:99px;color:var(--gold2);font-size:10px;font-weight:900;z-index:2}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.stat{padding:25px;background:#0e0e0e;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:28px}.stat span{color:#888;font-size:12px}.footer{border-top:1px solid var(--line);padding:32px 0;color:#777;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px}.portal{min-height:100vh;background:#000000}.portal-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:25px 18px;background:rgba(10,10,10,.8)}.side-logo{height:38px;margin:0 0 35px}.side-link{display:flex;gap:12px;padding:12px 13px;border-radius:11px;color:#aaa;font-size:14px;font-weight:800;margin:4px 0}.side-link.active,.side-link:hover{background:#181818;color:#fff}.portal-main{padding:32px;max-width:1400px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.user-pill{border:1px solid var(--line);padding:9px 12px;border-radius:999px;color:#bbb}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:20px;border:1px solid var(--line);border-radius:18px;background:#101010}.metric strong{font-size:30px;display:block}.metric span{font-size:12px;color:#888}.job{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.status{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(212,175,55,.3);color:var(--gold2);padding:7px 9px;border-radius:999px}.timeline{display:grid;gap:0;margin-top:20px}.tl{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.dot{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:6px;box-shadow:0 0 16px rgba(212,175,55,.5)}.upload{border:1px dashed rgba(212,175,55,.45);border-radius:20px;padding:45px;text-align:center;background:rgba(212,175,55,.025)}.upload input{display:none}.upload label{cursor:pointer}.file-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.note{font-size:12px;color:#777}.form{display:grid;gap:13px}.form input,.form select,.form textarea{width:100%;background:#0b0b0b;border:1px solid var(--line);border-radius:11px;color:#ddd;padding:13px;outline:none}.form textarea{min-height:110px;resize:vertical}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.admin-table th{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.notice{padding:14px;border:1px solid rgba(143,227,176,.25);background:rgba(143,227,176,.04);border-radius:12px;color:var(--green);display:none}.notice.show{display:block}@media(max-width:850px){.navlinks{display:none}.grid3,.grid2{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.shot:nth-child(1){grid-row:span 1}.stats{grid-template-columns:1fr 1fr}.portal-shell{grid-template-columns:1fr}.sidebar{display:none}.portal-main{padding:20px}.dash-grid{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.hero2{padding-top:70px}.footer-row{flex-direction:column}}
.side-brand{font-weight:1000;letter-spacing:.08em;font-size:24px;color:#f2d675;margin:0 0 35px;padding:0 13px}.side-brand span{display:block;font-size:9px;letter-spacing:.28em;color:#777;margin-top:3px}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{background:#0b0b0b;color:#ddd;border:1px solid var(--line);border-radius:9px;padding:9px;max-width:145px}.inline-form .btn{padding:9px 12px;font-size:12px}

/* Client file-submission workflow */
.portal-title{font-size:clamp(42px,7vw,76px);line-height:.95;letter-spacing:-.045em;margin:7px 0 12px}.client-jobs{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-head h2{margin:6px 0;font-size:32px}.client-job-list{display:grid;gap:12px}.client-job-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#141414,#0b0b0b);transition:.2s}.client-job-card:hover{border-color:rgba(212,175,55,.4);transform:translateY(-2px)}.client-job-card h3{font-size:24px;margin:5px 0}.client-job-meta{display:flex;align-items:center;gap:14px}.client-job-meta small{color:#777}.client-job-meta b{font-size:30px;color:var(--gold2)}.empty-state{text-align:center;padding:45px}.submission-form{display:grid;gap:16px;max-width:980px}.submission-form .card{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.submission-control-form label{display:grid;gap:7px;color:#aaa;font-size:12px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#0b0b0b;border:1px solid var(--line);border-radius:12px;color:#eee;padding:14px;font:inherit}.form-grid textarea{min-height:130px;resize:vertical}.span2{grid-column:1/-1}.upload-icon{font-size:42px}.filename{margin-top:10px;font-weight:800}.submit-job{justify-self:start;min-width:230px}.error-notice{color:#ff9d9d;border-color:#522;background:#211010}.client-detail-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.detail-lines{display:grid;gap:0}.detail-lines div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-lines span{color:#777}.file-section{margin-top:16px}.client-file-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.client-file-row>div{display:grid;gap:4px}.client-file-row small{color:#777}.file-kind{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#aaa}.file-kind.completed{color:var(--gold2)}
@media(max-width:850px){.client-job-card{align-items:flex-start}.client-job-meta{flex-direction:column;align-items:flex-end}.client-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){.portal-main{padding:22px 18px}.portal-title{font-size:44px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.client-job-card{padding:20px;flex-direction:column}.client-job-meta{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.client-job-card h3{font-size:22px}.client-file-row{align-items:flex-start;flex-direction:column}.client-file-row .btn{width:100%}.submit-job{width:100%}.upload{padding:30px 18px}}


/* =========================================================
   SHARED CLIENT TEMPLATE — single header.php/content/footer.php
   ========================================================= */
.client-portal .portal-shell{display:block!important;min-height:100vh!important}
.client-portal .sidebar{display:none!important}
.client-portal .portal-main{width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto!important;padding:28px 30px 42px!important}
.client-shared-header{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;margin:0 0 38px!important}
.client-header-logo{display:block!important;width:96px!important;height:96px!important;object-fit:contain!important;grid-column:1!important;grid-row:1!important}
.client-shared-header h1{grid-column:2!important;grid-row:1!important;margin:0!important;text-align:right!important;font-size:clamp(34px,6vw,64px)!important;line-height:.92!important;letter-spacing:-.045em!important;overflow-wrap:anywhere!important}
.client-shared-header .client-dashboard-btn{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important}
.client-shared-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:42px!important;padding:24px 0 max(34px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--line)!important}
.client-shared-footer .btn{width:auto!important;min-width:0!important}
@media(max-width:700px){
 .client-portal .portal-main{padding:22px 18px 34px!important}
 .client-shared-header{grid-template-columns:76px minmax(0,1fr)!important;gap:16px!important;margin-bottom:34px!important}
 .client-header-logo{width:76px!important;height:76px!important}
 .client-shared-header h1{font-size:clamp(30px,9vw,48px)!important}
 .client-shared-footer{gap:10px!important}
}

/* Ready-file direct download — action is visible on the dashboard without weakening download ownership checks. */
.client-job-card{display:block;padding:0;overflow:hidden}
.client-job-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px}
.client-ready-download{margin:0 26px 24px;width:calc(100% - 52px)}
@media(max-width:560px){.client-job-main{padding:20px;flex-direction:column;align-items:stretch}.client-ready-download{margin:0 20px 20px;width:calc(100% - 40px)}}



/* Client account */
.client-account-card{max-width:700px}
.client-account-notice{margin-bottom:16px}
.client-account-notice.is-error{color:#ff9d9d;border-color:#522;background:#211010}


/* Client dashboard account/security access */
.client-dashboard-actions{display:flex;justify-content:flex-end;margin:-10px 0 8px}
.client-dashboard-actions .btn{width:auto}
@media(max-width:560px){.client-dashboard-actions{justify-content:stretch}.client-dashboard-actions .btn{width:100%}}


/* Client Account & Security — Face ID / passkeys */
.client-passkey-card{margin-top:22px}.client-passkey-card h2{margin:8px 0 12px}.client-passkey-card>.btn{margin-top:8px}.client-passkey-card .notice{margin-top:14px}.client-passkey-list{display:grid;gap:10px;margin-top:20px}.client-passkey-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0a0a0a}.client-passkey-row>div{display:grid;gap:4px}.client-passkey-row strong{color:#fff}.client-passkey-row span{color:#888;font-size:13px}.client-passkey-row form{margin:0}.client-passkey-row .btn{min-height:44px!important;padding:0 16px!important}@media(max-width:620px){.client-passkey-row{align-items:flex-start;flex-direction:column}.client-passkey-row form,.client-passkey-row .btn{width:100%}}


/* CLIENT LOGIN — mirrored authentication UI. Keep this block structurally identical to its twin. */
.client-auth .portal-main-login{max-width:620px!important;margin:auto!important;padding:10vh 32px 32px!important}
.client-auth .client_auth_card{padding:28px!important}
.client-auth .client_auth_eyebrow{margin:0 0 35px!important}
.client-auth .client_auth_title{font-size:clamp(52px,8vw,68px)!important;line-height:.92!important;letter-spacing:-.045em!important;margin:0 0 28px!important}
.client-auth .client_auth_intro{margin:0 0 28px!important;font-size:18px!important;line-height:1.55!important}
.client-auth .client_auth_form{display:grid!important;gap:13px!important;width:100%!important}
.client-auth .client_auth_control{width:100%!important;min-height:58px!important;background:#080808!important;border:1px solid #303030!important;border-radius:12px!important;color:#fff!important;padding:0 16px!important;font:inherit!important;font-size:16px!important;outline:none!important}
.client-auth .password-field-wrap{position:relative!important;display:block!important;width:100%!important}
.client-auth .password-field-wrap>.client_auth_control{padding-right:52px!important}
.client-auth .password-visibility-toggle{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;z-index:3!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;background-color:transparent!important;color:#fff!important;box-shadow:none!important;cursor:pointer!important;letter-spacing:normal!important;text-transform:none!important}
.client-auth .password-visibility-toggle:hover,.client-auth .password-visibility-toggle:focus-visible{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;transform:translateY(-50%)!important}
.client-auth .password-visibility-toggle svg{width:21px!important;height:21px!important}
.client-auth .client_auth_submit{width:100%!important;min-height:58px!important;margin:0!important}
.client-auth .client_auth_error{margin:0 0 16px!important}
.client-auth .client_auth_note{margin:20px 0 0!important}
@media(max-width:700px){
 .client-auth .portal-main-login{max-width:620px!important;padding:44px 18px 34px!important}
 .client-auth .client_auth_card{padding:28px 26px!important}
 .client-auth .client_auth_title{font-size:clamp(44px,12vw,58px)!important}
 .client-auth .client_auth_intro{font-size:16px!important}
}