/* ITSELECT Cockpit Login Premium Layer - access pages only */
:root{
  --itp-bg:#05070d;
  --itp-bg-2:#08111f;
  --itp-ink:#f6f8ff;
  --itp-muted:#aebbd0;
  --itp-blue:#78a7ff;
  --itp-gold:#d7ad57;
  --itp-border:rgba(255,255,255,.14);
  --itp-card:rgba(10,16,28,.78);
  --itp-card-strong:rgba(8,13,24,.92);
  --itp-ease:cubic-bezier(.22,1,.36,1);
}
body.cockpit-access-premium{
  background:
    radial-gradient(circle at 12% 8%,rgba(120,167,255,.17),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(215,173,87,.12),transparent 24%),
    linear-gradient(180deg,#05070d 0%,#07101d 54%,#03050a 100%);
  color:var(--itp-ink);
}
body.cockpit-access-premium:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.12));
}
body.cockpit-access-premium:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(120,167,255,.055) 35%,transparent 64%);
  transform:translateX(-28%);
  animation:itpLightSweep 11s var(--itp-ease) infinite;
  opacity:.72;
}
.cockpit-access-premium .auth-shell{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(320px,520px) minmax(300px,480px);
  gap:28px;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:clamp(26px,4vw,58px);
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%,rgba(215,173,87,.20),transparent 30%),
    radial-gradient(circle at 80% 12%,rgba(120,167,255,.18),transparent 32%),
    linear-gradient(135deg,#05070d,#081121 58%,#03050a);
}
.cockpit-access-premium .auth-shell:before{
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:36px;
  pointer-events:none;
}
.cockpit-access-premium .auth-shell:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:8%;
  top:14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(120,167,255,.16),transparent 62%);
  filter:blur(12px);
  pointer-events:none;
  animation:itpFloat 9s var(--itp-ease) infinite alternate;
}
.cockpit-access-premium .auth-card{
  position:relative;
  z-index:2;
  width:min(520px,100%);
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.045)),
    rgba(5,8,14,.74);
  box-shadow:0 38px 120px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(20px);
  overflow:hidden;
}
.cockpit-access-premium .auth-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--itp-gold),var(--itp-blue),transparent);
  opacity:.86;
}
.cockpit-access-premium .auth-card .eyebrow,
.cockpit-access-premium .admin-kicker,
.cockpit-access-premium .language-kicker,
.cockpit-access-premium .exec-view-kicker{
  color:#f0ca78;
  letter-spacing:.18em;
}
.cockpit-access-premium .auth-card h1{
  letter-spacing:-.055em;
  line-height:.98;
  max-width:11ch;
}
.cockpit-access-premium .auth-card p{
  color:#c4d0e4;
  font-size:1rem;
}
.cockpit-access-premium .auth-form input{
  background:rgba(255,255,255,.93);
  color:#0b1220;
  border-color:rgba(120,167,255,.28);
  box-shadow:0 8px 26px rgba(0,0,0,.10);
}
.cockpit-access-premium .auth-form input::placeholder{color:#6b7280;}
.cockpit-access-premium .auth-form input:focus,
.cockpit-access-premium .admin-form input:focus,
.cockpit-access-premium .admin-form select:focus,
.cockpit-access-premium .admin-form textarea:focus{
  border-color:var(--itp-gold);
  box-shadow:0 0 0 4px rgba(215,173,87,.16),0 18px 44px rgba(0,0,0,.22);
}
.cockpit-access-premium .btn.primary,
.cockpit-access-premium .admin-btn.primary,
.cockpit-access-premium .exec-btn.primary{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#d7ad57,#f4df9e);
  color:#10131a;
  box-shadow:0 18px 42px rgba(215,173,87,.24);
  transition:transform .24s var(--itp-ease),box-shadow .24s var(--itp-ease),filter .24s var(--itp-ease);
}
.cockpit-access-premium .btn.primary:before,
.cockpit-access-premium .admin-btn.primary:before,
.cockpit-access-premium .exec-btn.primary:before{
  content:"";
  position:absolute;
  inset:-50% auto -50% -30%;
  width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg) translateX(-140%);
  transition:transform .75s var(--itp-ease);
}
.cockpit-access-premium .btn.primary:hover,
.cockpit-access-premium .admin-btn.primary:hover,
.cockpit-access-premium .exec-btn.primary:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 55px rgba(215,173,87,.30);
  filter:saturate(1.06);
}
.cockpit-access-premium .btn.primary:hover:before,
.cockpit-access-premium .admin-btn.primary:hover:before,
.cockpit-access-premium .exec-btn.primary:hover:before{transform:skewX(-20deg) translateX(540%);}
.cockpit-access-premium .auth-foot{
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:16px;
}
.cockpit-access-premium .auth-foot a,
.cockpit-access-premium .language-foot a{
  transition:color .18s ease,transform .18s ease;
}
.cockpit-access-premium .auth-foot a:hover,
.cockpit-access-premium .language-foot a:hover{
  color:#ffe1a4;
  transform:translateY(-1px);
}
.auth-premium-aside{
  position:relative;
  z-index:2;
  min-height:520px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:34px;
  padding:28px;
  background:
    linear-gradient(145deg,rgba(120,167,255,.13),rgba(255,255,255,.045) 42%,rgba(215,173,87,.09)),
    rgba(8,13,24,.58);
  box-shadow:0 38px 120px rgba(0,0,0,.40);
  backdrop-filter:blur(18px);
  overflow:hidden;
  transform:translate3d(0,0,0);
}
.auth-premium-aside:before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.auth-premium-aside:after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-55px;
  top:-55px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(215,173,87,.22),transparent 65%);
  pointer-events:none;
}
.auth-premium-aside-inner{position:relative;z-index:1;display:grid;gap:20px;height:100%;}
.auth-premium-badge{display:inline-flex;width:max-content;align-items:center;gap:8px;border:1px solid rgba(215,173,87,.32);border-radius:999px;background:rgba(215,173,87,.10);padding:8px 12px;color:#f4da98;font-weight:850;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;}
.auth-premium-aside h2{margin:0;font-size:clamp(2rem,3.2vw,3.6rem);line-height:.98;letter-spacing:-.06em;color:#fff;max-width:10ch;}
.auth-premium-aside p{margin:0;color:#c0cee4;line-height:1.65;max-width:380px;}
.auth-premium-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;}
.auth-premium-proof{border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:16px;background:rgba(255,255,255,.055);}
.auth-premium-proof strong{display:block;color:#fff;font-size:1.35rem;line-height:1;margin-bottom:8px;letter-spacing:-.04em;}
.auth-premium-proof span{display:block;color:#aebdd3;font-size:.86rem;line-height:1.45;}
.cockpit-access-premium .language-entry{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 18%,rgba(120,167,255,.18),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(215,173,87,.13),transparent 26%),
    linear-gradient(135deg,#05070d,#081121 56%,#03050a)!important;
}
.cockpit-access-premium .language-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  box-shadow:0 40px 130px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(18px);
}
.cockpit-access-premium .language-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--itp-gold),var(--itp-blue),transparent);}
.cockpit-access-premium .language-option{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  transition:transform .25s var(--itp-ease),border-color .25s var(--itp-ease),background .25s var(--itp-ease),box-shadow .25s var(--itp-ease)!important;
}
.cockpit-access-premium .language-option:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(215,173,87,.45)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26);
}
.cockpit-access-premium .admin-shell{
  position:relative;
  max-width:1040px;
  padding-top:40px;
}
.cockpit-access-premium .admin-hero{
  background:
    linear-gradient(110deg,rgba(5,8,13,.98) 0%,rgba(9,16,29,.90) 58%,rgba(8,14,24,.72) 100%),
    url('/assets/images/executive-portal.webp') center/cover no-repeat;
  border-color:rgba(255,255,255,.15);
  box-shadow:0 32px 100px rgba(0,0,0,.42);
}
.cockpit-access-premium .admin-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(12,19,33,.94),rgba(6,10,18,.92));
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.cockpit-access-premium .admin-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--itp-gold),rgba(120,167,255,.85),transparent);
  opacity:.78;
}
.cockpit-access-premium .admin-form input,
.cockpit-access-premium .admin-form select,
.cockpit-access-premium .admin-form textarea{
  background:rgba(255,255,255,.94);
  border-color:rgba(120,167,255,.28);
}
.cockpit-access-premium .notice{border-color:rgba(120,167,255,.28);background:rgba(120,167,255,.10);}
.cockpit-access-premium .cockpit-header,
.cockpit-access-premium .cockpit-footer{
  backdrop-filter:blur(14px);
}
.cockpit-access-premium.exec-demo-body .exec-view-hero,
.cockpit-access-premium.exec-demo-body .exec-card,
.cockpit-access-premium.exec-demo-body .exec-demo-panel,
.cockpit-access-premium.exec-demo-body .exec-demo-cta{
  transition:transform .28s var(--itp-ease),border-color .28s var(--itp-ease),box-shadow .28s var(--itp-ease),background .28s var(--itp-ease);
}
.cockpit-access-premium.exec-demo-body .exec-card:hover,
.cockpit-access-premium.exec-demo-body .exec-demo-panel:hover{
  transform:translateY(-4px);
  border-color:rgba(215,173,87,.32);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.itp-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--itp-ease),transform .7s var(--itp-ease);}
.itp-reveal.is-visible{opacity:1;transform:translateY(0);}
@keyframes itpLightSweep{0%,100%{transform:translateX(-28%);opacity:.30}50%{transform:translateX(28%);opacity:.68}}
@keyframes itpFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(22px,-18px,0) scale(1.04)}}
@media(max-width:980px){
  .cockpit-access-premium .auth-shell{grid-template-columns:1fr;place-items:center;}
  .auth-premium-aside{display:none;}
  .cockpit-access-premium .auth-card h1{max-width:none;}
}
@media(max-width:680px){
  .cockpit-access-premium .auth-shell{padding:20px;}
  .cockpit-access-premium .auth-shell:before{inset:10px;border-radius:24px;}
  .cockpit-access-premium .auth-card{padding:28px;border-radius:24px;}
  .cockpit-access-premium .auth-foot{flex-direction:column;align-items:center;text-align:center;gap:10px;}
  .cockpit-access-premium .admin-shell{padding-left:16px;padding-right:16px;}
}
@media(prefers-reduced-motion:reduce){
  body.cockpit-access-premium:after,
  .cockpit-access-premium .auth-shell:after{animation:none!important;}
  .itp-reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .cockpit-access-premium *,
  .cockpit-access-premium *:before,
  .cockpit-access-premium *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}