@font-face{font-family:Inter;src:url(portal/inter-latin.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;color:#143754;background:#f6f8fa;font:15px/1.55 Inter,Arial,sans-serif}a{color:#14587f}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dc9700;outline-offset:3px}[hidden]{display:none!important}.account-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 6%;background:white;border-bottom:1px solid #dde5ea}.account-brand{display:flex;align-items:center;text-decoration:none;gap:10px}.account-brand img{width:64px;height:58px;object-fit:contain}.account-brand span{display:grid;line-height:1.02;color:#143754}.account-brand b{font-size:23px}.account-brand b:nth-child(2){color:#e9a800}.account-brand small{font-size:9px;margin-top:5px}.outline-button{display:inline-block;margin-left:14px;border:1px solid #143754;border-radius:6px;padding:9px 22px;text-decoration:none;font-weight:650}.account-layout{max-width:1340px;margin:46px auto 70px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 16px 55px #12344e0b;border-radius:14px;overflow:hidden}.account-story{position:relative;padding:55px;background:#0d2d44;color:white;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750}.account-story .eyebrow{color:#ffbf18}.account-story h1{font-size:clamp(32px,3.6vw,54px);line-height:1.1;margin:30px 0 20px;letter-spacing:-.04em}.account-story>p:not(.eyebrow){color:#c4d4e0}.account-benefits{display:grid;gap:24px;margin-top:40px}.account-benefits>div{display:flex;gap:18px;font-weight:650}.account-benefits b{font-size:13px;border:1px solid #ffbe12;color:#ffbe12;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.account-benefits small{display:block;color:#b4c9d7;font-weight:400;font-size:13px;margin-top:5px}.account-tools{width:100%;height:170px;object-fit:contain;opacity:.4;margin:24px 0 0;filter:brightness(3)}.account-location{font-size:12px}.account-panel{padding:46px 48px;background:white}.account-panel h2{font-size:31px;letter-spacing:-.035em;margin:12px 0 8px}.account-panel>p{color:#607484}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.account-grid label{font-size:13px;font-weight:650;display:grid;gap:6px}.wide{grid-column:1/-1}input,select{width:100%;border:1px solid #b9c9d3;border-radius:6px;padding:11px;background:white;color:#15344b;min-width:0}label small{font-weight:400;color:#607484;font-size:11px}.password-input{position:relative;display:block}.password-input input{padding-right:65px}.password-input button{position:absolute;right:7px;top:5px;bottom:5px;background:none;border:0;color:#143754;font-size:12px}.gold-button{width:100%;border:0;border-radius:7px;background:#ffbf18;color:#0b273c;padding:15px;font-weight:750;cursor:pointer}.gold-button:disabled{opacity:.6}.terms-copy,.account-contact{font-size:12px;color:#607484}.account-contact{border-top:1px solid #e5ebef;margin-top:25px;padding-top:22px}#account-status{font-size:13px;color:#9a3c17;min-height:20px}.honeypot{position:absolute;left:-10000px}.preview-note{padding:16px;background:#fff5d9;font-size:13px;margin-top:20px}.legal{max-width:850px;margin:45px auto;padding:35px;background:white}.legal h1{font-size:36px}.legal h2{font-size:21px;margin-top:28px}.legal p{color:#425c70}@media(max-width:850px){.account-layout{margin:20px;grid-template-columns:1fr}.account-story{padding:30px}.account-benefits,.account-tools,.account-location{display:none}.account-story h1{margin:16px 0}.account-panel{padding:28px}.account-header{padding:16px 20px}#account-switch{font-size:12px}}@media(max-width:480px){.account-header{align-items:flex-start}.account-brand img{width:43px}.account-brand b{font-size:18px}.account-brand small{font-size:7px}#account-switch{max-width:145px;text-align:right}.outline-button{margin:6px 0 0;padding:7px 15px}.account-grid{grid-template-columns:1fr}.account-panel{padding:24px 20px}.account-layout{margin:14px}.legal{margin:15px;padding:23px}}
/* CuttingTech visual standardization — cosmetic only */
:root{--ct-prussian:#153957;--ct-prussian-deep:#0b2338;--ct-gold:#f4b41b;--ct-focus:rgba(244,180,27,.42)}
.outline-button{color:var(--ct-prussian);border-color:var(--ct-prussian);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.outline-button:hover,.outline-button:focus-visible{background:var(--ct-prussian);color:#fff;border-color:var(--ct-prussian);text-decoration:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,35,56,.14)}
.gold-button{background:var(--ct-gold);color:var(--ct-prussian-deep);transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.gold-button:hover:not(:disabled),.gold-button:focus-visible:not(:disabled){background:var(--ct-prussian);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,35,56,.18)}
a{transition:color .18s ease}
a:hover{color:#a97500}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--ct-gold)}

/* Cosmetic-10 — approved account-page refinements */
:root{--ct-soft-white:#f5f7f9}

/* Brand: same family as the main site, proportionally larger. */
.account-brand img{width:76px;height:69px}
.account-brand b{font-family:"BankGothic Md BT","Bank Gothic","Eurostile",Arial,sans-serif;font-size:27px;font-weight:500;letter-spacing:.015em}

/* Sign-in view: top Create Account uses the standard CT treatment on a light background. */
body:has(#signin-support:not([hidden])) .outline-button{
  background:var(--ct-prussian);color:var(--ct-soft-white);border:1px solid var(--ct-prussian);border-radius:7px;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
body:has(#signin-support:not([hidden])) .outline-button:hover,
body:has(#signin-support:not([hidden])) .outline-button:focus-visible{
  background:var(--ct-gold);color:var(--ct-prussian);border-color:var(--ct-prussian);text-decoration:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,35,56,.14)
}

/* Sign-in view: main Sign In keeps its original Gold/Blue state; hover is the approved inverted CT effect. */
body:has(#signin-support:not([hidden])) .gold-button{
  background:var(--ct-gold);color:var(--ct-prussian);border:1px solid var(--ct-gold);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
body:has(#signin-support:not([hidden])) .gold-button:hover:not(:disabled),
body:has(#signin-support:not([hidden])) .gold-button:focus-visible:not(:disabled){
  background:var(--ct-prussian);color:var(--ct-soft-white);border-color:var(--ct-gold);transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,35,56,.18)
}

/* Create-account view: main Create Account uses the standard CT light-background treatment. */
body:not(:has(#signin-support:not([hidden]))) .gold-button{
  background:var(--ct-prussian);color:var(--ct-soft-white);border:1px solid var(--ct-prussian);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
body:not(:has(#signin-support:not([hidden]))) .gold-button:hover:not(:disabled),
body:not(:has(#signin-support:not([hidden]))) .gold-button:focus-visible:not(:disabled){
  background:var(--ct-gold);color:var(--ct-prussian);border-color:var(--ct-prussian);transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,35,56,.18)
}

/* Only the three approved text links: Gold + bold; hover Blue + bold. */
#signin-support a,.account-contact a,#account-preview a{color:var(--ct-gold);font-weight:700;transition:color .18s ease}
#signin-support a:hover,#signin-support a:focus-visible,
.account-contact a:hover,.account-contact a:focus-visible,
#account-preview a:hover,#account-preview a:focus-visible{color:var(--ct-prussian);font-weight:700}

@media(max-width:480px){.account-brand img{width:50px;height:45px}.account-brand b{font-size:20px}}

/* Cosmetic-11 — approved account header + text-link refinement only */
/* Header brand: larger CT icon; CUTTING TECH on one line; smaller slogan below. */
.account-brand{gap:14px}
.account-brand img{width:88px;height:80px;object-fit:contain}
.account-brand span{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.28rem;line-height:1;color:var(--ct-prussian)}
.account-brand b{font-family:"BankGothic Md BT","Bank Gothic","Eurostile",Arial,sans-serif;font-size:31px;font-weight:500;letter-spacing:.015em;line-height:1}
.account-brand b:nth-child(2){color:var(--ct-gold)}
.account-brand small{flex-basis:100%;font-size:10px;line-height:1.2;margin-top:7px;color:var(--ct-prussian)}

/* Approved link inversion: Blue CT + bold; hover Gold CT + bold. */
#signin-support a,.account-contact a,#account-preview a{color:var(--ct-prussian);font-weight:700;transition:color .18s ease}
#signin-support a:hover,#signin-support a:focus-visible,
.account-contact a:hover,.account-contact a:focus-visible,
#account-preview a:hover,#account-preview a:focus-visible{color:var(--ct-gold);font-weight:700}

@media(max-width:480px){
  .account-brand{gap:9px}
  .account-brand img{width:58px;height:53px}
  .account-brand b{font-size:21px}
  .account-brand small{font-size:7px;margin-top:5px}
}

/* Cosmetic-12 — approved final account-header size refinement only. */
.account-brand{gap:16px}
.account-brand img{width:98px;height:89px}
.account-brand span{column-gap:.48rem}
.account-brand b{font-size:35px}
.account-brand small{font-size:12px;margin-top:8px}

@media(max-width:480px){
  .account-brand{gap:10px}
  .account-brand img{width:64px;height:58px}
  .account-brand span{column-gap:.34rem}
  .account-brand b{font-size:23px}
  .account-brand small{font-size:8px;margin-top:5px}
}

/* Cosmetic-13 — compact account header; keep the approved brand sizes. */
.account-header{padding-top:8px;padding-bottom:8px}
@media(max-width:850px){.account-header{padding-top:8px;padding-bottom:8px}}

/* Cosmetic-14 — Create Account view consistency. */
/* Top Sign In keeps the same identity it has on the Sign In subweb: Gold/Blue -> Blue/soft-white/Gold. */
body:not(:has(#signin-support:not([hidden]))) .outline-button{
  background:var(--ct-gold);color:var(--ct-prussian);border:1px solid var(--ct-gold);border-radius:7px;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
body:not(:has(#signin-support:not([hidden]))) .outline-button:hover,
body:not(:has(#signin-support:not([hidden]))) .outline-button:focus-visible{
  background:var(--ct-prussian);color:var(--ct-soft-white);border-color:var(--ct-gold);text-decoration:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,35,56,.14)
}

/* Cosmetic-15 — legal-page return link placement and CT interaction only. */
.legal > p:last-child{
  text-align:right;
  margin-top:22px;
  margin-bottom:0;
}
.legal > p:last-child > a{
  display:inline-block;
  color:var(--ct-prussian);
  font-weight:700;
  transition:color .18s ease,transform .18s ease;
}
.legal > p:last-child > a:hover,
.legal > p:last-child > a:focus-visible{
  color:var(--ct-gold);
  font-weight:700;
  transform:translateX(-5px);
}

/* Cosmetic-43 — global password visibility icon. */
.password-input input{padding-right:48px}.password-input .ct-password-toggle{position:absolute;right:7px;top:5px;bottom:5px;width:36px;padding:6px;display:grid;place-items:center;background:transparent;border:0;color:#102B45;cursor:pointer}.password-input .ct-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-input .ct-password-toggle.is-visible svg{opacity:.72}.password-input .ct-password-toggle.is-visible:after{content:'';position:absolute;width:22px;height:2px;background:currentColor;transform:rotate(-45deg);border-radius:2px}

/* Cosmetic-61 — approved customer sign-in support/navigation refinement. */
.signin-support{margin-top:16px}
.signin-support-links{display:flex;align-items:center;justify-content:space-between;gap:24px}
.signin-support-links a,.signin-site-return a,.sample-portal-link a{color:var(--ct-prussian);font-weight:700;text-decoration:none;transition:color .18s ease,transform .18s ease}
.signin-support-links a:hover,.signin-support-links a:focus-visible,.signin-site-return a:hover,.signin-site-return a:focus-visible,.sample-portal-link a:hover,.sample-portal-link a:focus-visible{color:var(--ct-gold)}
.signin-site-return{border-top:1px solid #EAF1F8;margin-top:24px;padding-top:20px;text-align:right}
.signin-site-return a:hover,.signin-site-return a:focus-visible{transform:translateX(-5px)}
.sample-portal-link{margin-top:20px;text-align:right;font-size:13px}
@media(max-width:480px){.signin-support-links{gap:14px;flex-wrap:wrap}.signin-support-links a:last-child{margin-left:auto}}


/* Cosmetic-62 — CT text-link hover + customer support request modal. */
:root{--ct-link-hover:#2F5F82}
.signin-support-links a:hover,.signin-support-links a:focus-visible,
.signin-site-return a:hover,.signin-site-return a:focus-visible,
.sample-portal-link a:hover,.sample-portal-link a:focus-visible{color:var(--ct-link-hover)}
.ct-support-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.52)}
.ct-support-dialog{width:min(500px,calc(100vw - 48px));background:#102B45;border:1px solid #F4B41B;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.38);padding:22px 24px;color:#EAF1F8}
.ct-support-title{margin:0;color:#F4B41B;font-size:20px;font-weight:700}.ct-support-rule{height:1px;margin:12px 0 16px;background:#F4B41B}.ct-support-copy{margin:0 0 18px;line-height:1.5;font-size:15px;color:#EAF1F8}
.ct-support-fields{display:grid;gap:13px}.ct-support-fields label{display:grid;gap:6px;font-size:13px;font-weight:650;color:#EAF1F8}.ct-support-fields input,.ct-support-fields textarea{background:#fff;color:#15344b;border:1px solid #b9c9d3;border-radius:6px;padding:11px;font:inherit}.ct-support-fields textarea{min-height:150px;resize:vertical;line-height:1.45}
.ct-support-required{margin:8px 0 0;font-size:11px;color:#c9d8e3}.ct-support-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.ct-support-actions button{min-width:104px;padding:10px 18px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s}.ct-support-cancel{border:1px solid #EAF1F8;background:#102B45;color:#EAF1F8}.ct-support-send{border:1px solid #102B45;background:#F4B41B;color:#102B45}.ct-support-actions button:hover,.ct-support-actions button:focus-visible{transform:translateY(-2px);outline:none}.ct-support-cancel:hover,.ct-support-cancel:focus-visible{background:#EAF1F8;color:#102B45}.ct-support-send:hover,.ct-support-send:focus-visible{background:#102B45;color:#EAF1F8;border-color:#EAF1F8}.ct-support-send:disabled{opacity:.6;cursor:default;transform:none}
@media(max-width:480px){.ct-support-dialog{padding:20px}.ct-support-actions{flex-wrap:wrap}.ct-support-actions button{flex:1}}

/* Cosmetic-63 — approved CT link hover correction + CT modal corporate footer. */
#signin-support .signin-support-links a:hover,
#signin-support .signin-support-links a:focus-visible,
#signin-support .signin-site-return a:hover,
#signin-support .signin-site-return a:focus-visible{color:#2F5F82 !important}
.ct-support-footer{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:11px;padding-top:10px;border-top:0}
.ct-support-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#F4B41B}
.ct-support-signature{margin:0;color:#EAF1F8;font-size:10px;line-height:1.45;opacity:.82}
.ct-support-footer .ct-support-actions{margin-top:0;flex:0 0 auto}
@media(max-width:480px){.ct-support-footer{align-items:stretch;flex-direction:column;gap:14px}.ct-support-footer .ct-support-actions{width:100%}}

/* CTic — text links on light backgrounds: preserve existing weight; Prussian Blue -> approved light link blue. */
:root{--ct-link-hover:#0758c8}
#signin-support .signin-support-links a:hover,
#signin-support .signin-support-links a:focus-visible,
#signin-support .signin-site-return a:hover,
#signin-support .signin-site-return a:focus-visible{color:var(--ct-link-hover) !important}
.reset-site-return{margin-top:18px;padding-top:18px;border-top:1px solid #dce5ed;text-align:right}.reset-site-return a{color:var(--ct-prussian);text-decoration:none}.reset-site-return a:hover,.reset-site-return a:focus-visible{color:var(--ct-link-hover)}


/* Cosmetic-66 — Create Account text-link CTic only. */
body:not(:has(#signin-support:not([hidden]))) .terms-copy a{color:var(--ct-prussian);font-weight:400;text-decoration:underline;text-decoration-color:currentColor}
body:not(:has(#signin-support:not([hidden]))) .terms-copy a:hover,
body:not(:has(#signin-support:not([hidden]))) .terms-copy a:focus-visible{color:var(--ct-prussian);font-weight:700}
body:not(:has(#signin-support:not([hidden]))) .account-contact a{color:var(--ct-prussian);font-weight:700}
body:not(:has(#signin-support:not([hidden]))) .account-contact a:hover,
body:not(:has(#signin-support:not([hidden]))) .account-contact a:focus-visible{color:var(--ct-link-hover);font-weight:700}

/* Cosmetic-66.1 — CTic lateral motion for standalone text links; paragraph links stay still. */
.legal > p:last-child > a:hover,
.legal > p:last-child > a:focus-visible{color:var(--ct-link-hover);transform:translateX(-5px)}
#signin-support .signin-support-links a{display:inline-block;transition:color .18s ease,transform .18s ease}
#signin-support .signin-support-links a:hover,
#signin-support .signin-support-links a:focus-visible{transform:translateX(5px)}
#signin-support .signin-site-return a{display:inline-block}
.sample-portal-link a{display:inline-block;transition:color .18s ease,transform .18s ease}
.sample-portal-link a:hover,.sample-portal-link a:focus-visible{transform:translateX(5px)}
.reset-site-return a{display:inline-block;transition:color .18s ease,transform .18s ease}
.reset-site-return a:hover,.reset-site-return a:focus-visible{transform:translateX(-5px)}
/* Paragraph text links intentionally do not move: .terms-copy and .account-contact. */

/* Cosmetic 66.2.2 — Create Account navigation fixed to opposite edges. */
.sample-portal-link{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;text-align:initial}
.sample-portal-link .create-site-return{justify-self:start;margin:0}
.sample-portal-link > a:last-child{justify-self:end;margin:0;text-align:right}
.sample-portal-link .create-site-return:hover,.sample-portal-link .create-site-return:focus-visible{transform:translateX(-5px)}

/* Cosmetic-66.3 — legal-page website return links: no underline; preserve CTic color/motion. */
.legal > p:last-child > a,
.legal > p:last-child > a:hover,
.legal > p:last-child > a:focus-visible{
  text-decoration:none;
}

/* Stage 71.6.1 — mobile account-form containment.
   Keep the approved desktop account design unchanged; prevent the account panel/form
   and native controls from exceeding the phone viewport. */
@media (max-width:850px){
  html,body{max-width:100%;overflow-x:hidden}
  .account-layout{width:auto;max-width:calc(100% - 40px);min-width:0}
  .account-story,.account-panel,#account-form,.account-grid,.account-grid label,.wide,.password-input{min-width:0;max-width:100%}
  .account-panel{width:100%}
  #account-form,.account-grid{width:100%}
  input,select,textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
}
@media (max-width:480px){
  .account-layout{margin:14px;max-width:calc(100% - 28px)}
  .account-panel{padding:24px 20px;overflow:hidden}
  .account-panel>p,.introductory-discount{max-width:100%;overflow-wrap:anywhere}
}