.egt-auth {
  --auth-ink: #17171b;
  --auth-muted: #6c6a73;
  --auth-line: rgba(23, 23, 27, .12);
  position: relative;
  display: grid;
  grid-template-columns: minmax(380px, .88fr) minmax(460px, 1.12fr);
  width: 100%;
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: var(--auth-ink);
  box-shadow: none;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.egt-auth *, .egt-auth *::before, .egt-auth *::after { box-sizing: border-box; }
.egt-auth button, .egt-auth input { font: inherit; }
.egt-auth a { color: inherit; }
.egt-auth__panel { display: flex; flex-direction: column; min-width: 0; padding: 34px clamp(30px, 4vw, 54px) 42px; }
.egt-auth__brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; color: var(--auth-ink); font-size: 17px; font-weight: 850; letter-spacing: -.04em; text-decoration: none; }
.egt-auth__brand i { position: relative; width: 25px; height: 25px; border-radius: 50%; background: conic-gradient(from 210deg, #ff573f, #f3c04f, #41c891, #4d79ef, #7c3aed, #ff573f); }
.egt-auth__brand i::after { position: absolute; inset: 6px; border-radius: inherit; background: #fff; content: ""; }
.egt-auth__content { width: min(100%, 430px); margin: auto; padding: 42px 0 10px; }
.egt-auth__header { margin-bottom: 27px; }
.egt-auth__eyebrow { color: #6652e8; font-size: 10px; font-weight: 850; letter-spacing: .17em; }
.egt-auth__header h1 { margin: 11px 0 10px; font-size: clamp(36px, 4.4vw, 52px); font-weight: 780; letter-spacing: -.065em; line-height: .98; }
.egt-auth__header p { margin: 0; color: var(--auth-muted); font-size: 14px; line-height: 1.6; }
.egt-auth__google { display: flex; align-items: center; justify-content: center; gap: 11px; width: 100%; min-height: 49px; border: 1px solid var(--auth-line); border-radius: 13px; background: #fff; color: var(--auth-ink); font-size: 13px; font-weight: 750; cursor: pointer; box-shadow: 0 2px 7px rgba(23, 23, 27, .04); transition: border-color .18s, box-shadow .18s, transform .18s; }
.egt-auth__google:hover { border-color: rgba(23, 23, 27, .32); box-shadow: 0 7px 18px rgba(23, 23, 27, .08); transform: translateY(-1px); }
.egt-auth__google:disabled { opacity: .55; cursor: wait; transform: none; }
.egt-auth__google svg { width: 18px; height: 18px; }
.egt-auth__or { display: flex; align-items: center; gap: 12px; margin: 19px 0; color: #96939b; font-size: 9px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.egt-auth__or::before, .egt-auth__or::after { height: 1px; flex: 1; background: var(--auth-line); content: ""; }
.egt-auth__form { display: grid; gap: 16px; }
.egt-auth__turnstile { min-height: 0; width: 100%; overflow: hidden; }
.egt-auth__turnstile iframe { max-width: 100%; }
.egt-auth__field { display: grid; gap: 8px; }
.egt-auth__field > span:first-child { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #4f4d55; font-size: 11px; font-weight: 800; }
.egt-auth__field > span:first-child a { color: #6652e8; font-size: 10px; text-decoration: none; }
.egt-auth input { width: 100%; height: 48px; padding: 0 14px; outline: none; border: 1px solid var(--auth-line); border-radius: 12px; background: #faf9f7; color: var(--auth-ink); font-size: 13px; transition: border-color .18s, box-shadow .18s, background .18s; }
.egt-auth input::placeholder { color: #aaa7ae; }
.egt-auth input:focus { border-color: #7761ed; background: #fff; box-shadow: 0 0 0 3px rgba(119, 97, 237, .12); }
.egt-auth__password { position: relative; display: block; }
.egt-auth__password input { padding-right: 60px; }
.egt-auth__password button { position: absolute; right: 7px; top: 50%; padding: 7px 8px; border: 0; border-radius: 7px; background: transparent; color: #77747d; font-size: 10px; font-weight: 800; cursor: pointer; transform: translateY(-50%); }
.egt-auth__password button:hover { background: #eeece8; color: var(--auth-ink); }
.egt-auth__button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 50px; margin-top: 2px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--auth-ink); color: #fff; font-size: 12px; font-weight: 850; letter-spacing: .04em; cursor: pointer; box-shadow: 0 10px 24px rgba(23, 23, 27, .16); transition: background .18s, transform .18s; }
.egt-auth__button:hover { background: #322f38; transform: translateY(-1px); }
.egt-auth__button:disabled { opacity: .55; cursor: wait; transform: none; }
.egt-auth__button i { font-size: 17px; font-style: normal; font-weight: 400; }
.egt-auth__terms { margin: 14px 0 0; color: #8a8790; font-size: 10px; line-height: 1.5; text-align: center; }
.egt-auth__terms a { text-decoration: underline; text-underline-offset: 2px; }
.egt-auth__message { display: flex; align-items: flex-start; gap: 9px; margin: 15px 0 0; padding: 12px 13px; border: 1px solid var(--auth-line); border-radius: 11px; background: #f7f6f3; color: var(--auth-muted); font-size: 11px; line-height: 1.5; }
.egt-auth__message i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #817e86; }
.egt-auth__message--error { border-color: rgba(180, 35, 24, .18); background: #fff5f3; color: #a32d24; }
.egt-auth__message--error i { background: #d24336; }
.egt-auth__message--success { border-color: rgba(24, 121, 78, .18); background: #f0faf5; color: #18794e; }
.egt-auth__message--success i { background: #2aae73; }
.egt-auth__footer { margin-top: 22px; color: #77747d; font-size: 11px; text-align: center; }
.egt-auth__footer p { margin: 0; }
.egt-auth__footer a { color: #6652e8; font-weight: 800; text-decoration: none; }
.egt-auth__sub-link { display: inline-block; margin-top: 9px; }
.egt-auth__continue { display: block; margin-top: 14px; padding: 12px 16px; border: 1px solid var(--auth-line); border-radius: 11px; background: #fff; color: var(--auth-ink) !important; text-decoration: none; }
.egt-auth__visual { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; overflow: hidden; padding: clamp(42px, 5vw, 68px); background: radial-gradient(circle at 86% 8%, rgba(255,255,255,.2), transparent 24%), linear-gradient(145deg, #18234d 0%, #4d2c99 52%, #6936d2 74%, #25a6c4 120%); color: #fff; isolation: isolate; }
.egt-auth__visual::before { position: absolute; z-index: -1; width: 370px; height: 370px; right: -170px; bottom: -160px; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.045), 0 0 0 110px rgba(255,255,255,.035); content: ""; }
.egt-auth__visual-copy { max-width: 470px; }
.egt-auth__visual-copy > span { color: rgba(255,255,255,.72); font-size: 9px; font-weight: 850; letter-spacing: .19em; }
.egt-auth__visual-copy h2 { margin: 16px 0 13px; font-size: clamp(34px, 3.7vw, 48px); font-weight: 730; letter-spacing: -.062em; line-height: .99; }
.egt-auth__visual-copy p { max-width: 410px; margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.6; }
.egt-auth__proof { width: min(100%, 560px); margin: 30px 0; padding: 20px; border: 1px solid rgba(255,255,255,.24); border-radius: 22px; background: rgba(14,12,40,.18); box-shadow: 0 24px 54px rgba(12,11,30,.2); backdrop-filter: blur(16px); }
.egt-auth__proof-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 15px; }
.egt-auth__proof-head span { color: #fff; font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.egt-auth__proof-head b { color: rgba(255,255,255,.58); font-size: 8px; font-weight: 650; }
.egt-auth__brand-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
.egt-auth__brand-grid > span { display: grid; min-height: 44px; place-items: center; padding: 7px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(255,255,255,.1); color: #fff; font-size: 10px; font-weight: 800; text-align: center; }
.egt-auth__brand-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.egt-auth__brand-grid img { display: block; width: auto; max-width: 54px; height: 22px; max-height: 24px; filter: brightness(0) invert(1); opacity: .88; }
.egt-auth__brand-grid > span[title="Apple"] img, .egt-auth__brand-grid > span[title="Google"] img { transform: scale(.9); }
.egt-auth__brand-grid > span[title="Nike"] img { transform: scale(1.45); }
.egt-auth__brand-grid > span[title="Samsung"] img { transform: scale(1.65); }
.egt-auth__brand-grid > span[title="Disney"] img { transform: scale(1.2); }
.egt-auth__brand-grid > span[title="Salesforce"] img { transform: scale(1.2); }
.egt-auth__brand-grid > span[title="AMD"] img { transform: scale(1.25); }
.egt-auth__brand-grid > .egt-auth__brand-more { background: #fff; color: #5f43d4; font-size: 10px; letter-spacing: .03em; }
.egt-auth__proof > small { display: block; margin-top: 12px; color: rgba(255,255,255,.46); font-size: 7px; line-height: 1.4; text-align: center; }
.egt-auth__toolbox { width: min(100%, 520px); margin: 30px 0; padding: 12px; border: 1px solid rgba(255,255,255,.26); border-radius: 22px; background: rgba(255,255,255,.12); box-shadow: 0 28px 60px rgba(12,11,30,.25); backdrop-filter: blur(16px); transform: rotate(-1deg); }
.egt-auth__toolbox-head, .egt-auth__toolbox-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 5px 11px; color: rgba(255,255,255,.72); font-size: 7px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.egt-auth__toolbox-head span, .egt-auth__toolbox-foot span { display: flex; align-items: center; gap: 6px; }
.egt-auth__toolbox-head i, .egt-auth__toolbox-foot i { width: 7px; height: 7px; border-radius: 50%; background: #6de6af; box-shadow: 0 0 0 4px rgba(109,230,175,.13); }
.egt-auth__toolbox-head b, .egt-auth__toolbox-foot b { font-size: 7px; font-weight: 750; letter-spacing: .04em; text-transform: none; }
.egt-auth__tool-grid { display: grid; grid-template-columns: 1.35fr .9fr; grid-template-rows: repeat(2, minmax(76px, auto)); gap: 8px; }
.egt-auth__tool { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; overflow: hidden; padding: 13px; border: 1px solid rgba(255,255,255,.17); border-radius: 14px; background: rgba(18,16,47,.32); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.egt-auth__tool > span { position: absolute; top: 11px; left: 12px; z-index: 2; color: rgba(255,255,255,.62); font-size: 6px; font-weight: 900; letter-spacing: .13em; }
.egt-auth__tool strong { position: relative; z-index: 2; font-size: 12px; letter-spacing: -.025em; line-height: 1.1; }
.egt-auth__tool small { position: relative; z-index: 2; margin-top: 3px; overflow: hidden; color: rgba(255,255,255,.6); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.egt-auth__tool--gradient { grid-row: 1 / 3; min-height: 160px; background: #232259; }
.egt-auth__tool-gradient { position: absolute; inset: 0; background: radial-gradient(circle at 82% 22%, rgba(255,255,255,.2), transparent 24%), linear-gradient(135deg,#172554,#7c3aed 58%,#22d3ee); }
.egt-auth__tool--gradient::after { position: absolute; inset: auto -20% -38% 28%; height: 85%; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; content: ""; }
.egt-auth__tool--mixer { background: rgba(255,255,255,.92); color: #211b36; }
.egt-auth__tool--mixer > span, .egt-auth__tool--picker > span { color: rgba(33,27,54,.5); }
.egt-auth__mix-dots { display: flex; align-items: center; margin: 20px 0 9px; }
.egt-auth__mix-dots i { width: 23px; height: 23px; border: 3px solid rgba(255,255,255,.92); border-radius: 50%; background: #ff674d; box-shadow: 0 4px 10px rgba(33,27,54,.12); }
.egt-auth__mix-dots i:nth-child(2) { z-index: 2; margin-left: -6px; background: #b36087; }
.egt-auth__mix-dots i:nth-child(3) { margin-left: -6px; background: #6652e8; }
.egt-auth__tool--picker { background: #f4c34f; color: #211b36; }
.egt-auth__hex-row { display: flex; align-items: center; gap: 8px; margin: 19px 0 6px; }
.egt-auth__hex-row i { width: 24px; height: 24px; border: 4px solid rgba(255,255,255,.74); border-radius: 8px; background: #ff674d; box-shadow: 0 4px 10px rgba(33,27,54,.12); }
.egt-auth__hex-row b { font-size: 11px; }
.egt-auth__tool--picker small { color: rgba(33,27,54,.58); }
.egt-auth__tool--context { background: #19191f; }
.egt-auth__context-ui { display: grid; grid-template-columns: 1fr 1.25fr; grid-template-rows: repeat(2, 12px); gap: 4px; width: 62px; margin: 21px 0 9px; }
.egt-auth__context-ui i { border-radius: 4px; background: linear-gradient(120deg,#7554ed,#27c4d4); }
.egt-auth__context-ui i:first-child { grid-row: 1 / 3; }
.egt-auth__toolbox-foot { padding: 11px 5px 3px; }
.egt-auth__benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 0; padding: 0; list-style: none; }
.egt-auth__benefits li { display: grid; gap: 8px; min-width: 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.24); }
.egt-auth__benefits li > i { color: rgba(255,255,255,.55); font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .12em; }
.egt-auth__benefits li > span { display: grid; gap: 3px; }
.egt-auth__benefits b { font-size: 10px; }
.egt-auth__benefits small { color: rgba(255,255,255,.56); font-size: 8px; line-height: 1.4; }
.egt-auth--loading { display: flex; min-height: 220px; align-items: center; justify-content: center; gap: 12px; padding: 30px; color: var(--auth-muted); }
.egt-auth--loading::before, .egt-auth--loading::after { display: none; }
.egt-auth__loading-dot { width: 12px; height: 12px; border-radius: 50%; background: #42c990; box-shadow: 0 0 0 7px rgba(66,201,144,.14); animation: egt-auth-pulse 1.2s ease-in-out infinite; }
@keyframes egt-auth-pulse { 50% { transform: scale(.72); opacity: .62; } }

@media (min-width: 841px) and (max-height: 820px) {
  .egt-auth__panel { padding-top: 28px; padding-bottom: 28px; }
  .egt-auth__content { padding-top: 26px; }
  .egt-auth__visual { padding-top: 30px; padding-bottom: 28px; }
  .egt-auth__visual-copy h2 { margin-top: 12px; font-size: clamp(32px, 3.5vw, 44px); }
  .egt-auth__proof { margin: 20px 0; padding: 16px; }
  .egt-auth__tool-grid { grid-template-rows: repeat(2, minmax(66px, auto)); }
  .egt-auth__tool--gradient { min-height: 142px; }
  .egt-auth__benefits li { padding-top: 9px; }
}

@media (max-width: 840px) {
  .egt-auth { grid-template-columns: 1fr; width: 100%; }
  .egt-auth__panel { min-height: 650px; }
  .egt-auth__visual { min-height: 540px; }
}
@media (max-width: 560px) {
  .egt-auth { width: 100%; min-height: 100svh; margin: 0; border-radius: 0; }
  .egt-auth__panel { min-height: 0; padding: 25px 21px 32px; }
  .egt-auth__content { padding-top: 45px; }
  .egt-auth__header h1 { font-size: 38px; }
  .egt-auth__visual { min-height: 480px; padding: 34px 25px; }
  .egt-auth__visual-copy h2 { font-size: 34px; }
  .egt-auth__proof { margin: 28px 0; }
  .egt-auth__brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .egt-auth__benefits { grid-template-columns: 1fr; gap: 8px; }
  .egt-auth__benefits li { grid-template-columns: 26px 1fr; gap: 7px; padding-top: 9px; }
}

/* 2026 conversion refresh: faster form scan, visible product value, consistent proof. */
.egt-auth{grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr);background:#f8f7f3}
.egt-auth__panel{background:#fff}
.egt-auth__content{width:min(100%,410px);margin:74px auto auto;padding:24px 0 10px}
.egt-auth--signup .egt-auth__content{margin-top:38px}
.egt-auth__header h1{font-size:clamp(42px,4.8vw,58px)}
.egt-auth__google{min-height:54px;border-radius:12px;font-size:13px}
.egt-auth__button{min-height:54px;background:#6651e8;box-shadow:0 12px 28px rgba(102,81,232,.22)}
.egt-auth__button:hover{background:#5944d6}
.egt-auth__visual{justify-content:flex-start;gap:18px;padding:clamp(34px,4vw,54px);background:radial-gradient(circle at 100% 0,rgba(238,212,255,.8),transparent 38%),radial-gradient(circle at 74% 58%,rgba(167,243,233,.55),transparent 35%),#f7f5f0;color:#17171b}
.egt-auth__visual::before{display:none}
.egt-auth__visual-copy>span{color:#6651e8}
.egt-auth__visual-copy h2{max-width:560px;color:#17171b;font-size:clamp(38px,4vw,54px)}
.egt-auth__visual-copy p{color:#6c6a73}
.egt-auth__workspace{width:min(100%,560px);padding:18px;border:1px solid rgba(23,23,27,.1);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 25px 70px rgba(34,29,55,.12);backdrop-filter:blur(16px)}
.egt-auth__workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:11px;font-weight:800}.egt-auth__workspace-head i{color:#aaa7af;font-style:normal;letter-spacing:.18em}
.egt-auth__swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.egt-auth__swatches i{height:60px;border-radius:11px;background:#ff7965}.egt-auth__swatches i:nth-child(2){background:#f7c75b}.egt-auth__swatches i:nth-child(3){background:#4ad2c6}.egt-auth__swatches i:nth-child(4){background:#6b55e8}.egt-auth__swatches i:nth-child(5){background:#ded3f6}
.egt-auth__workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.egt-auth__workspace-grid>span{display:grid;gap:17px;padding:14px;border:1px solid rgba(23,23,27,.08);border-radius:13px;background:#fff;font-size:9px}.egt-auth__workspace-grid strong{font-size:18px}.egt-auth__workspace-grid strong i{padding:3px 5px;border-radius:5px;background:#dff5df;color:#277742;font-size:7px;font-style:normal}.egt-auth__workspace-grid>span>i{height:13px;border-radius:999px;background:linear-gradient(90deg,#ff7965,#f7c75b,#4ad2c6,#6b55e8)}
.egt-auth__proof{width:min(100%,560px);margin:0;padding:16px;border-color:rgba(23,23,27,.1);background:rgba(255,255,255,.62);box-shadow:none}
.egt-auth__proof-head span{color:#6651e8}.egt-auth__proof-head b{color:#77747d}.egt-auth__brand-grid>span{min-height:36px;border-color:rgba(23,23,27,.08);background:#fff}.egt-auth__brand-grid img{height:18px;max-height:20px;filter:none;opacity:.7}.egt-auth__brand-grid>.egt-auth__brand-more{background:#6651e8;color:#fff}.egt-auth__proof>small{color:#99969f}
.egt-auth__featured{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,560px);padding:11px 13px;border:1px solid rgba(23,23,27,.09);border-radius:13px;background:rgba(255,255,255,.58)}.egt-auth__featured>small{flex:0 0 auto;color:#6651e8;font-size:8px;font-weight:900;letter-spacing:.16em}.egt-auth__featured>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.egt-auth__featured span{padding:6px 8px;border-radius:7px;background:#fff;color:#4e4b54;font-size:9px;font-weight:850;box-shadow:0 1px 0 rgba(23,23,27,.06)}
@media(max-width:840px){.egt-auth{grid-template-columns:1fr}.egt-auth__visual{min-height:auto}.egt-auth__panel{min-height:650px}.egt-auth__content,.egt-auth--signup .egt-auth__content{margin:auto;padding:42px 0 10px}}
@media(max-width:560px){.egt-auth__visual{padding:34px 21px}.egt-auth__swatches i{height:52px}.egt-auth__proof-head{align-items:flex-start;flex-direction:column;gap:6px}.egt-auth__featured{align-items:flex-start;flex-direction:column}.egt-auth__featured>div{display:grid;width:100%;grid-template-columns:1fr 1fr}.egt-auth__featured span{text-align:center}}