/* Login only: preserve the centered white card and existing form. */
.login-page{background:linear-gradient(rgba(0,0,0,.67),rgba(0,0,0,.67)),url('/atlas-industrial.jpg') center 58%/cover no-repeat!important;min-height:100vh;min-height:100svh}
.login-page .login-card{background:#fff}
.login-page .login-card>img{width:145px;height:auto;max-height:none;object-fit:contain;background:transparent;border-radius:0;padding:0;margin:0 auto 36px}
.login-page .login-card .login-form{margin-top:26px}
.login-page .login-kicker{font-size:16px;letter-spacing:0;text-transform:none;margin-bottom:8px;color:#475569}
.login-page .login-card h1{font-size:clamp(26px,4vw,34px);line-height:1.2;color:#007f9f;margin:8px 0 12px;font-weight:750}
.login-page .login-card>p.muted{font-size:15px;color:#475569}
@media(max-width:640px){.login-page{background-position:center}}
.atlas-home-active>p,.atlas-home-active>h1{display:none}
.atlas-home-hero{position:relative;isolation:isolate;min-height:440px;display:flex;align-items:center;overflow:hidden;border-radius:20px;background:#07131c;color:white}
.atlas-home-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;opacity:0;transition:opacity 1s;z-index:-2}
.atlas-home-photo.active{opacity:1}
.atlas-home-photo{object-position:var(--atlas-focus,center)}
.atlas-home-photo[src="/atlas-work-4.jpg"]{width:135%;max-width:none;object-position:0% 75%}
@media(max-width:760px){.atlas-home-photo{object-position:var(--atlas-mobile-focus,center)}}
.atlas-home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020b12eb,#020b1270);z-index:-1}
.atlas-home-copy{padding:50px;max-width:800px}
.atlas-home-kicker{color:#73d5f2;letter-spacing:.16em;font-size:14px;font-weight:600}
.atlas-home-copy h1{font-size:clamp(30px,3.5vw,52px);line-height:1.12;color:white;margin:22px 0;font-weight:700}
.atlas-home-service{font-size:19px;color:#e7f2f7;margin-bottom:30px}
.atlas-site-link{display:inline-block;color:#072330;background:white;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:600}
.atlas-carousel-controls{position:absolute;right:24px;bottom:22px;display:flex;gap:8px}
.atlas-carousel-controls button{color:white;border:1px solid #ffffff80;background:#04121ccc;border-radius:5px;padding:7px 12px;font-size:14px;cursor:pointer}
.atlas-carousel-controls button[aria-pressed=true]{background:#007e9e}
.atlas-home-shortcuts{margin-top:28px}.atlas-home-shortcuts h2{font-size:20px;margin-bottom:16px}
.atlas-home-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.atlas-home-links a{display:grid;gap:10px;background:white;padding:23px;border:1px solid #cddde5;border-radius:12px}
.atlas-home-links strong{font-size:18px;color:#006f8b}.atlas-home-links span{font-size:14px;color:#475569}
.atlas-home-links a:hover{border-color:#007e9e}
.atlas-home a:focus-visible,.atlas-home button:focus-visible{outline:3px solid #00b4e8;outline-offset:4px}
@media(max-width:760px){.atlas-home-copy{padding:28px 24px 80px}.atlas-home-hero{min-height:420px}.atlas-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.atlas-home-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.atlas-home-photo{transition:none}}
/* ATLAS login R21 — approved identity with the existing industrial photograph. */
.login-page{background:linear-gradient(145deg,rgba(4,19,39,.76),rgba(4,16,32,.87)),url('/atlas-industrial.jpg') center 58%/cover no-repeat!important;min-height:100svh;padding:32px 22px!important;display:flex;align-items:center;justify-content:center;color:#ecf5fc;font-family:Inter,'Segoe UI',Arial,sans-serif}
.atlas-login-shell{width:100%;max-width:420px}
.atlas-login-brand{text-align:center;margin-bottom:26px}.atlas-login-brand img{display:block;width:160px;height:160px;object-fit:cover;margin:0 auto 17px;border-radius:50%;border:1px solid #74dfff35;box-shadow:0 0 48px #22c4ff15}.atlas-login-brand h1{font-size:43px;line-height:1.08;letter-spacing:8px;margin:0 0 12px 8px;font-weight:700;color:#f3faff}.atlas-login-brand p{font-size:12px;color:#b3c9d9;margin:0}.atlas-login-brand strong{font-size:11px;letter-spacing:1.4px;color:#5edaf1;font-weight:650}
.login-page .login-card{width:100%;max-width:none;background:linear-gradient(145deg,#132b43f5,#0c2037fa);border:1px solid #a7d9ff30;border-radius:22px;padding:30px;text-align:left;box-shadow:0 25px 80px #0004;backdrop-filter:blur(8px)}.login-page .login-card h2{font-size:21px;font-weight:600;color:#ecf5fc;line-height:1.3;margin:0 0 7px}.login-page .atlas-login-intro{font-size:13px;color:#b3c9d9;margin:0;line-height:1.5}.login-page .login-card .login-form{display:grid;gap:19px;margin-top:25px}.login-page .login-form label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#cadce9}.login-page .login-form input{width:100%;height:49px;border:1px solid #a4cee040;border-radius:10px;background:#08192c;color:#f0f8ff;font-family:inherit;font-size:14px;padding:0 14px;outline:none}.login-page .login-form input::placeholder{color:#8aa5bb}.login-page .login-form input:focus{border-color:#39cce4;box-shadow:0 0 0 3px #39cce420}.login-page .login-form button{height:49px;border:1px solid #64edff60;border-radius:10px;background:linear-gradient(100deg,#0787a6,#0895ab);color:white;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer}.login-page .login-form button:hover{background:#0789a3}.login-page .login-form button:disabled{opacity:.6;cursor:wait}.login-page .login-form button:focus-visible{outline:3px solid #8aeaff;outline-offset:3px}.login-page .error{color:#ffdadb;background:#661d304d;border:1px solid #fc849660;border-radius:8px;padding:12px;font-size:13px}.atlas-login-footer{text-align:center;color:#afc5d5;font-size:11px;margin-top:22px;text-shadow:0 1px 4px #000}
@media(max-width:480px){.atlas-login-brand img{width:146px;height:146px}.atlas-login-brand h1{font-size:37px}.login-page .login-card{padding:25px 22px;border-radius:19px}.atlas-login-brand{margin-bottom:23px}}
@media(max-height:730px){.login-page{align-items:flex-start;padding-top:24px!important}.atlas-login-brand img{width:108px;height:108px;margin-bottom:12px}.atlas-login-brand h1{font-size:33px}.atlas-login-brand{margin-bottom:18px}.login-page .login-card{padding-top:22px;padding-bottom:22px}.atlas-login-footer{margin-top:16px}}
/* Sidebar identity approved for ATLAS. */
.brand-header{display:flex!important;justify-content:center;align-items:center;padding:16px!important}.brand-header .brand-logo{width:100px!important;height:100px!important;object-fit:cover!important;border-radius:50%;margin:0!important}.atlas-sidebar-word{display:none!important}

/* ATLAS Thermal Engineering identity */
.atlas-login-brand img{width:min(360px,82vw)!important;height:auto!important;aspect-ratio:1/1;object-fit:contain!important;border-radius:0!important;border:0!important;box-shadow:none!important;margin:0 auto 20px!important}
.brand-header{padding:12px!important;background:#080a0d!important}
.brand-header .brand-logo{width:112px!important;height:112px!important;object-fit:contain!important;border-radius:14px!important;background:#080a0d!important}
.atlas-product-name{color:#102f46;font-size:14px;letter-spacing:.08em}
@media(max-width:480px){.atlas-login-brand img{width:min(300px,86vw)!important}}

/* ATLAS login R35 — transparent identity and revitalized entry experience. */
.login-page{
  position:relative;overflow-x:hidden;padding:clamp(20px,4vw,54px)!important;
  background:
    radial-gradient(circle at 13% 20%,rgba(0,184,255,.18),transparent 31%),
    radial-gradient(circle at 90% 75%,rgba(255,112,0,.16),transparent 28%),
    linear-gradient(112deg,rgba(2,10,18,.93),rgba(4,18,33,.81)),
    url('/atlas-industrial.jpg') center 58%/cover no-repeat!important;
}
.login-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(48,213,255,.08) 1px,transparent 1px),linear-gradient(rgba(48,213,255,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%)}
.atlas-login-shell{
  position:relative;width:min(980px,100%);max-width:none;display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);grid-template-rows:auto auto;
  column-gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(28px,4.5vw,58px);
  border:1px solid rgba(157,211,239,.22);border-radius:32px;
  background:linear-gradient(135deg,rgba(5,18,31,.82),rgba(6,16,28,.64));
  box-shadow:0 32px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(14px);overflow:hidden;
}
.atlas-login-shell:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#00c8ff 0 42%,#eef7ff 49%,#ff7600 58% 100%)}
.atlas-login-shell:after{content:"";position:absolute;width:280px;height:280px;left:-150px;bottom:-190px;border-radius:50%;border:1px solid rgba(56,211,255,.18);box-shadow:0 0 70px rgba(0,183,255,.09);pointer-events:none}
.atlas-login-brand{grid-column:1;grid-row:1;margin:0;text-align:center;align-self:center}
.atlas-login-brand img{display:block;width:min(455px,100%)!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 20px 34px rgba(0,0,0,.34))}
.login-page .login-card{grid-column:2;grid-row:1 / span 2;width:100%;padding:clamp(28px,3.4vw,40px);border:1px solid rgba(168,218,244,.24);border-radius:24px;background:linear-gradient(150deg,rgba(16,40,63,.96),rgba(7,25,43,.96));box-shadow:0 24px 64px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(18px)}
.login-page .login-card h2{font-size:24px;letter-spacing:.01em}.login-page .atlas-login-intro{font-size:14px;color:#b9cedd}
.login-page .login-form input{height:52px;border-color:rgba(155,207,233,.34);background:rgba(3,17,31,.78)}
.login-page .login-form input:focus{border-color:#39d4f0;box-shadow:0 0 0 3px rgba(57,212,240,.16)}
.login-page .login-form button{height:52px;border-color:rgba(132,234,255,.5);background:linear-gradient(100deg,#087f9e,#0aa3ba 58%,#e76d13 160%);box-shadow:0 12px 30px rgba(0,146,183,.18)}
.login-page .login-form button:hover{background:linear-gradient(100deg,#0791b2,#0bb0c5 58%,#f17a18 160%)}
.atlas-login-footer{grid-column:1;grid-row:2;margin:22px 0 0;text-align:center;color:#a9c1d1;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.brand-header{padding:14px 12px!important;background:linear-gradient(150deg,#071827,#0b2437)!important;border-bottom:1px solid rgba(94,202,236,.16)}
.brand-header .brand-logo{width:108px!important;height:108px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}
@media(max-width:780px){
  .login-page{align-items:flex-start;padding:22px 14px!important}
  .atlas-login-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px;padding:26px 20px;border-radius:24px}
  .atlas-login-brand{grid-column:1;grid-row:1}.atlas-login-brand img{width:min(330px,88vw)!important}
  .login-page .login-card{grid-column:1;grid-row:2;padding:27px 22px;border-radius:20px}
  .atlas-login-footer{grid-column:1;grid-row:3;margin:0}
}
@media(max-width:420px){.atlas-login-shell{padding:22px 16px}.atlas-login-brand img{width:min(285px,86vw)!important}}
@media(max-height:730px) and (min-width:781px){.login-page{align-items:center;padding-top:24px!important}.atlas-login-brand img{width:min(390px,100%)!important}.login-page .login-card{padding:28px}.atlas-login-footer{margin-top:14px}}

/* ATLAS sidebar R36 — complete signature below the symbol. */
.brand-header{min-height:190px;padding:18px 12px 16px!important}
.brand-header .brand-logo{width:min(190px,calc(100% - 12px))!important;height:auto!important;max-height:178px!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto!important}
@media(max-width:760px){.brand-header{min-height:154px;padding:13px 10px!important}.brand-header .brand-logo{width:min(158px,calc(100% - 8px))!important;max-height:148px!important}}
@media(max-width:780px){.login-page .atlas-login-brand img{width:min(260px,72vw)!important}}
@media(max-width:420px){.login-page .atlas-login-brand img{width:min(220px,64vw)!important}}