:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#070709;color:#f6f2fc;--dim:#aaa0b7;--accent:#c7aff6}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header{height:84px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;gap:28px;padding:0 4vw}.brand{color:#f6f2fc;text-decoration:none;font-size:19px;letter-spacing:3px;font-weight:700}.brand span{color:var(--accent);margin-left:6px}.tag{color:#998ba8;font:12px monospace;letter-spacing:1.5px}#logout{margin-left:auto}button,input{font:inherit;font-size:16px;border-radius:9px;border:1px solid #ffffff28;padding:12px 16px;min-width:0}button{background:var(--accent);color:#160f20;font-weight:600;cursor:pointer;min-height:46px}button:hover{background:#dbc8ff}button:disabled{opacity:.4;cursor:default}input{background:#101016;color:#fff}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.quiet{color:#ccc2d8;background:transparent}.quiet:hover{background:#ffffff10}.gate{max-width:650px;margin:auto;padding:80px 30px 55px;position:relative;isolation:isolate}.orb{width:250px;height:250px;border:1px solid #d2b3f999;border-radius:50%;position:absolute;z-index:-1;right:-30px;top:55px;background:#030204;box-shadow:0 0 12px #b779e3,0 0 90px #713e8f44;opacity:.6}.orb:after{content:"";position:absolute;inset:20px -50px;border-radius:50%;border:3px solid #c494e977;transform:scaleY(.2) rotate(-25deg);box-shadow:0 0 22px #e7bbff}.eyebrow{color:var(--accent);font:12px monospace;letter-spacing:2px}h1{font-weight:500;font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-2px;margin:22px 0}.intro,.hint{color:var(--dim);line-height:1.7}.hint{font-size:14px;max-width:520px}#login{margin-top:32px}label{display:block;font-size:14px;color:#ddd0ea;margin-bottom:9px}.password-row{display:flex;gap:10px}.password-row input{flex:1}#loginStatus{color:#ffb7b7;font-size:14px}main{flex:1;min-width:0;overflow:hidden}#browser{padding:24px 3vw;display:flex;flex-direction:column}.toolbar{display:flex;gap:9px}#url{flex:1}.caption{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--dim);font-size:13px;min-height:48px}.caption p{overflow-wrap:anywhere}.caption span{text-align:right}.empty{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ffffff24;border-radius:14px;text-align:center}.empty>span{font-size:55px;color:var(--accent)}.empty h2{font-weight:500;font-size:32px;margin:15px 0}.empty p{color:var(--dim);line-height:1.8}#frameHost{height:calc(100svh - 244px);min-height:440px}#proxyFrame{display:block;width:100%;height:100%;border:1px solid #ffffff26;border-radius:10px;background:#fff;color-scheme:light}footer{display:flex;justify-content:space-between;gap:24px;padding:22px 4vw;border-top:1px solid #ffffff16;font-size:12px;color:#9e90ac;line-height:1.6}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:640px){header{padding:0 20px;height:72px;gap:10px}.brand{font-size:15px;letter-spacing:2px}.tag{display:none}.gate{padding:64px 24px 30px}.orb{right:-70px}.password-row{flex-wrap:wrap}.password-row input{min-width:180px}.toolbar{flex-wrap:wrap}.toolbar #url{min-width:160px}.caption span{display:none}footer{flex-direction:column;gap:6px}#browser{padding:18px 12px}#frameHost{height:70svh}}