.gateway{display:grid;grid-template-columns:1fr 1fr;height:100dvh;min-height:620px;max-width:1920px;margin:auto;padding:16px;gap:16px}.access{padding:20px clamp(24px,4vw,72px) 12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.access-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.back{color:var(--muted);font-size:12px;min-height:44px;display:flex;gap:8px;align-items:center;white-space:nowrap}.back:hover{color:var(--text)}.form-wrap{width:100%;max-width:384px;justify-self:center;align-self:center;padding:24px 0}.form-wrap h1{font:500 clamp(34px,3vw,48px)/1.15 var(--display);letter-spacing:-2px;margin:16px 0 12px}.form-wrap h1 span{color:var(--accent)}.intro{color:var(--muted);font-size:13px;margin:0 0 26px;line-height:1.7}label{display:block;margin:18px 0 8px;font-size:12px;font-weight:600}.input-wrap{display:flex;align-items:center;gap:12px;height:52px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 14px;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c2f5cf0a}.input-wrap>svg{flex-shrink:0;width:17px;height:17px;stroke:var(--muted);stroke-width:1.5}input{background:transparent;border:0;color:var(--text);width:100%;min-width:0;height:48px;outline:none!important;font-size:16px}input::placeholder{color:#8da49a;font-size:13px}input:autofill{box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--text)}.reveal{display:grid;place-items:center;flex-shrink:0;border:0;background:transparent;color:var(--muted);width:44px;height:44px;margin-right:-10px;border-radius:6px}.reveal:hover{color:var(--accent);background:#ffffff08}.reveal svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5}.session-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-top:14px}.session-note svg{width:15px;height:15px;stroke:var(--accent);stroke-width:1.5;flex-shrink:0}.error{color:var(--error);font-size:12px;margin:0}.error:not(:empty){margin-top:12px;padding:10px;border:1px solid #ffb4b440;background:#ffb4b408;border-radius:6px}.submit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:52px;background:var(--accent);color:var(--bg);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700;padding:0 20px;margin-top:22px;transition:background .18s,box-shadow .18s}.submit:hover{background:var(--accent-hover);box-shadow:0 6px 28px #c2f5cf16}.submit:active{background:#a9dcb5}.submit:disabled{opacity:.65;cursor:wait}.help{position:relative;margin-top:16px;color:var(--muted);font-size:12px;text-align:center}.help summary{min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;list-style:none}.help summary::-webkit-details-marker{display:none}.help summary:hover{color:var(--text)}.help p{position:absolute;bottom:44px;left:0;right:0;z-index:3;margin:0;padding:20px;text-align:left;line-height:1.8;background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 60px #0008}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px}footer span:first-child{letter-spacing:1px;font-size:9px}
.visual{position:relative;overflow:hidden;border:1px solid #ffffff10;border-radius:14px;min-height:0;isolation:isolate;background:var(--surface)}.visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07171555,transparent 35%,#06141444 50%,#061414f5);z-index:-1}.visual-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px}.edition{font:9px/1.5 var(--display);letter-spacing:1.5px}.private{display:flex;gap:8px;align-items:center;background:#091a18bf;border:1px solid #b9efdb30;border-radius:24px;padding:7px 11px;font-size:10px;white-space:nowrap}.private span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.visual-copy{position:absolute;bottom:0;inset-inline:0;padding:clamp(28px,4vw,60px)}.overline{font:9px/1.5 var(--display);letter-spacing:2.6px;color:#c6e1d2}.visual-copy h2{font:400 clamp(32px,3.4vw,54px)/1.12 var(--display);letter-spacing:-2px;margin:18px 0}.visual-copy p{color:#cfddd8;font-size:13px}.visual-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid #e1fff326;padding-top:20px;color:#b8cbc4;font-size:10px}.visual-bottom span:last-child{font-size:9px;letter-spacing:1px}
@media(max-width:1150px){.access{padding-inline:24px}.back span{display:none}.back{font-size:20px}.edition{display:none}.visual-top{justify-content:flex-end}}@media(max-width:850px){.gateway{grid-template-columns:1fr;padding:0}.access{padding:22px 28px 18px;max-width:620px;width:100%;margin:auto;height:100%}.visual{display:none}.form-wrap{max-width:384px}.back span{display:initial}.back{font-size:12px}.form-wrap h1{font-size:42px}}@media(max-height:740px){.gateway{min-height:580px}.form-wrap{padding:12px 0}.form-wrap h1{font-size:36px;margin-top:10px}.intro{margin-bottom:18px}.help{margin-top:8px}.visual-copy h2{font-size:38px}.visual-bottom{margin-top:18px}}@media(max-height:590px){.gateway{height:auto;min-height:100dvh}.access{grid-template-rows:auto auto auto;min-height:100dvh}.form-wrap{padding:28px 0}.visual{min-height:580px}}@media(max-width:420px){.access{padding-inline:24px}.access-header{gap:12px}.brand{font-size:11px;letter-spacing:1.8px}.back span{display:none}.back{font-size:20px}.form-wrap h1{font-size:38px}.intro{font-size:12px}}