:root{
  color-scheme:dark;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#f2fff9;
  background:#05110f;
  --login-bg:#05110f;
  --login-surface:rgba(9,31,26,.76);
  --login-line:rgba(129,255,211,.18);
  --login-signal:#40f5b5;
  --login-cyan:#64e9ff;
  --login-muted:#9eb9b0;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--login-bg)}
body{position:relative;isolation:isolate;margin:0;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 82% 10%,rgba(31,154,117,.2),transparent 32%),radial-gradient(circle at 12% 88%,rgba(33,136,158,.13),transparent 30%),var(--login-bg)}
body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
[hidden]{display:none!important}
.access-network-canvas{position:fixed;z-index:-3;inset:0;width:100%;height:100%;pointer-events:none;opacity:.92}
.access-grid{position:fixed;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(73,247,186,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(73,247,186,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at center,#000 8%,transparent 72%)}
.access-glow{position:fixed;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.24}.access-glow-one{width:360px;height:360px;right:-110px;top:-120px;background:#1f9b76}.access-glow-two{width:310px;height:310px;left:-100px;bottom:-130px;background:#267d94}
.gateflow-access{width:min(100%,520px);min-height:100dvh;margin:auto;padding:max(42px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(34px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center}
.gateflow-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 27px;font-size:31px;font-weight:850;letter-spacing:-1.2px;text-shadow:0 5px 20px #000}.gateflow-brand img{width:58px;height:58px;border:1px solid rgba(122,255,210,.28);border-radius:17px;box-shadow:inset 0 0 18px rgba(64,245,181,.08),0 16px 38px rgba(0,0,0,.28)}
.access-card{position:relative;overflow:hidden;border:1px solid var(--login-line);border-radius:27px;padding:30px;background:linear-gradient(145deg,rgba(14,45,38,.8),rgba(5,23,20,.72));box-shadow:0 34px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.access-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--login-signal),transparent);opacity:.55}.access-card::after{content:"";position:absolute;width:180px;height:180px;right:-110px;bottom:-120px;border-radius:50%;background:rgba(64,245,181,.12);filter:blur(4px);pointer-events:none}
.access-eyebrow{position:relative;margin:0 0 10px;color:#91f8d4;font-size:10px;font-weight:850;letter-spacing:2.2px}.access-eyebrow::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--login-signal);box-shadow:0 0 0 5px rgba(64,245,181,.08),0 0 14px var(--login-signal);animation:accessPulse 1.9s ease-in-out infinite}
h1{position:relative;margin:0 0 12px;color:#f4fff9;font-size:29px;line-height:1.15;letter-spacing:-.9px}#accessSubtitle{color:var(--login-muted);font-size:14px;line-height:1.6}#accessNotice{position:relative;min-height:21px;margin:13px 0;color:#ffb9a8;font-size:14px;line-height:1.5}
form,label,.access-options,#accessChooser{position:relative;display:flex;flex-direction:column;gap:10px}form,#accessChooser{gap:18px}label{color:#dbece6;font-size:13px;font-weight:700}input{min-width:0;width:100%;min-height:52px;border:1px solid rgba(191,231,216,.2);border-radius:13px;padding:12px 14px;background:rgba(255,255,255,.055);color:#f4fff9;font:inherit;font-size:16px;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .18s,background .18s,box-shadow .18s}input::placeholder{color:#708e84}input:hover{border-color:rgba(113,241,197,.34);background:rgba(255,255,255,.075)}input:focus{outline:0;border-color:var(--login-signal);background:rgba(255,255,255,.085);box-shadow:0 0 0 3px rgba(64,245,181,.11),0 0 30px rgba(64,245,181,.06)}
button{min-height:49px;cursor:pointer;border:1px solid transparent;border-radius:13px;padding:12px 16px;font:inherit;font-weight:750;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}button:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(135deg,#63f8c6,#28d69c);color:#05251d;box-shadow:0 13px 34px rgba(64,245,181,.13)}.primary:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(64,245,181,.2)}.secondary{border-color:rgba(126,238,200,.17);background:rgba(64,245,181,.08);color:#b8f7df}.secondary:hover{border-color:rgba(64,245,181,.42);background:rgba(64,245,181,.13)}.text-button{background:transparent;color:#8feacb}.text-button:hover{color:#caffed;background:rgba(64,245,181,.06)}button:focus-visible{outline:3px solid rgba(100,233,255,.72);outline-offset:3px}.access-password{position:relative;display:block}.access-password input{padding-right:58px}.access-password-toggle{position:absolute;right:5px;top:50%;display:grid;place-items:center;width:44px;min-height:42px;padding:0;border:0;border-radius:10px;transform:translateY(-50%);background:transparent;color:#91b8aa}.access-password-toggle:hover{background:rgba(64,245,181,.08);color:var(--login-signal)}.access-eye-icon{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.access-eye-slash{opacity:1;transition:opacity .16s}.access-password-toggle.is-visible .access-eye-slash{opacity:0}.access-option{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(134,229,197,.14);background:rgba(255,255,255,.045);color:#eafff6;text-align:left;overflow-wrap:anywhere}.access-option::after{content:'→';color:var(--login-signal)}.access-option:hover{border-color:rgba(64,245,181,.46);background:rgba(64,245,181,.09)}
body.gateflow-login-page .app-install-side-trigger{border:1px solid rgba(122,255,210,.35);border-right:0;background:rgba(8,36,30,.86);color:var(--login-signal);box-shadow:0 16px 40px rgba(0,0,0,.35),inset 0 0 20px rgba(64,245,181,.06);backdrop-filter:blur(15px)}body.gateflow-login-page .app-install-side-trigger:hover{background:rgba(15,65,52,.94);color:#d9fff1}
body.gateflow-login-page .app-distribution-dialog{border-color:rgba(129,255,211,.18);background:linear-gradient(145deg,rgba(14,45,38,.98),rgba(5,23,20,.98));color:#f2fff9;box-shadow:0 34px 100px rgba(0,0,0,.55)}body.gateflow-login-page .app-distribution-dialog::backdrop{background:rgba(1,12,10,.78);backdrop-filter:blur(14px)}body.gateflow-login-page .app-distribution-dialog p{color:#9eb9b0}body.gateflow-login-page .app-distribution-dialog .app-distribution-close{background:rgba(255,255,255,.07);color:#c8ddd6}body.gateflow-login-page .app-distribution-options button{border-color:rgba(129,255,211,.16);background:rgba(255,255,255,.045);color:#f2fff9}body.gateflow-login-page .app-distribution-options button:not(:disabled):hover{border-color:rgba(64,245,181,.45);background:rgba(64,245,181,.1)}body.gateflow-login-page .app-distribution-options span{color:#91aaa2}body.gateflow-login-page .app-distribution-options button:disabled{background:rgba(255,255,255,.025);color:#789188}body.gateflow-login-page .app-distribution-store{background:linear-gradient(135deg,#63f8c6,#28d69c);color:#05251d!important}body.gateflow-login-page .app-distribution-dialog .app-distribution-back{color:#a5e8d1}
@keyframes accessPulse{50%{opacity:.5;transform:scale(.78)}}
@media(max-width:620px){.gateflow-access{justify-content:flex-start;padding-top:max(30px,env(safe-area-inset-top))}.gateflow-brand{margin-bottom:20px;font-size:27px}.gateflow-brand img{width:52px;height:52px}.access-card{padding:24px;border-radius:23px}h1{font-size:26px}.access-grid{background-size:46px 46px}.access-glow{opacity:.2}}
@media(max-width:380px){.access-card{padding:20px}.gateflow-access{padding-inline:14px}h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.commercial-login-link{display:block;margin-top:22px;padding:14px 18px;border:1px solid rgba(74,222,172,.4);border-radius:12px;text-align:center;color:#b1f9dc;text-decoration:none;font-weight:700}.commercial-login-link:hover,.commercial-login-link:focus-visible{background:rgba(74,222,172,.12);text-decoration:underline}