:root{--midnight:#00233c;--denim:#00466e;--cloud:#e6f5fa;--cloud-muted:#a9c6d4;--lime:#60b22f;--line:rgba(230,245,250,.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:linear-gradient(180deg,var(--denim) 0,var(--midnight) 100%);background-attachment:fixed;color:var(--cloud);font-family:Arboria,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.viewer-frame{position:fixed;inset:0;width:100vw;height:100vh;border:0;display:block;background:#fff}.centre{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.card{max-width:30rem;width:100%;background:hsla(0,0%,100%,.04);border:1px solid var(--line);border-radius:14px;padding:2.4rem 2.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brandlogo{height:26px;width:auto;max-width:70%;display:block;margin:0 auto 1.7rem}.card h1{font-size:1.3rem;font-weight:600;margin:0 0 .65rem;color:#fff}.card p{color:var(--cloud-muted);line-height:1.55;margin:0 0 .45rem;font-size:.98rem}.gate-input{width:100%;padding:12px 14px;margin:1.2rem 0;border-radius:8px;border:1px solid rgba(230,245,250,.25);background:rgba(0,35,60,.55);color:var(--cloud);font-size:15px;font-family:inherit}.gate-input::placeholder{color:#7fa6ba}.gate-input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(96,178,47,.25)}.gate-btn{width:100%;padding:12px 14px;border-radius:8px;border:0;background:var(--lime);color:var(--midnight);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.gate-btn:disabled{opacity:.6;cursor:default}.gate-error{color:#ffb4a8;font-size:.9rem}