:root{--ink:#05090b;--panel:#091219;--line:#24404a;--teal:#6ff4eb;--blue:#58b9df;--text:#f4fbfc;--muted:#91a9b2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--text);font-family:Inter,Arial,sans-serif}body{min-height:100vh}.gate{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,#153442 0,#071016 38%,#030608 74%)}.ambient{position:absolute;inset:-30%;background:linear-gradient(90deg,transparent 49.9%,#6ff4eb13 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#6ff4eb10 50%,transparent 50.1%);background-size:85px 85px;transform:perspective(700px) rotateX(58deg) translateY(25%);mask-image:linear-gradient(#000,transparent 78%)}.gate-card{width:min(640px,100%);padding:clamp(30px,6vw,64px);position:relative;z-index:2;border:1px solid #6ff4eb4d;background:linear-gradient(145deg,#0b1820ed,#060b0fee);box-shadow:0 40px 120px #000b,0 0 80px #47dce00c}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.06em}.brand b{color:var(--teal)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--teal);font-weight:900;color:var(--teal)}.vault-symbol{width:100px;height:100px;margin:54px 0 30px;border:1px solid #6ff4eb66;position:relative;display:grid;place-items:center;transform:rotate(45deg);box-shadow:inset 0 0 30px #6ff4eb0c,0 0 30px #6ff4eb0d}.vault-symbol span{position:absolute;inset:12px;border:1px solid #58b9df55}.vault-symbol i{position:absolute;width:14px;height:14px;border-radius:50%;border:1px solid var(--teal)}.vault-symbol b{transform:rotate(-45deg);font:500 15px DM Mono;color:var(--teal)}.eyebrow{font:500 10px DM Mono;color:var(--teal);letter-spacing:.18em;text-transform:uppercase}.gate-card h1{font-size:clamp(58px,11vw,106px);line-height:.85;letter-spacing:-.065em;margin:12px 0 24px}.intro{color:var(--muted);font-size:16px;line-height:1.65;max-width:490px;margin-bottom:38px}.gate-card label{display:block;font:500 10px DM Mono;color:#b8cbd1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.password-row{display:grid;grid-template-columns:1fr auto}.password-row input{min-width:0;height:56px;border:1px solid #39515b;border-right:0;background:#030709;color:white;padding:0 16px;font-size:18px;outline:none}.password-row input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #6ff4eb16}.password-row button{height:56px;border:0;background:var(--teal);color:#061013;padding:0 24px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;cursor:pointer}.password-row button span{margin-left:16px}.gate-message{height:22px;color:#ffb787;font-size:13px}.gate-foot{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid #29414a;font:500 10px DM Mono;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.gate-foot a{color:inherit;text-decoration:none}.gate-foot span{display:flex;align-items:center;gap:8px}.gate-foot i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}
.vault-app{height:100vh;overflow:hidden;background:#050709}.vault-bar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid #263940;background:#071014;color:#e9f3f5}.compact .brand-mark{width:34px;height:34px;font-size:12px}.project-title{text-align:center}.project-title span{display:block;font:500 8px DM Mono;color:var(--teal);letter-spacing:.15em}.project-title b{font-size:13px;letter-spacing:.13em}.vault-actions{justify-self:end;display:flex;align-items:center;gap:18px}.vault-actions a,.vault-actions button{font:600 9px Inter;text-transform:uppercase;letter-spacing:.1em}.vault-actions a{color:#d5e4e8;text-decoration:none}.vault-actions button{background:transparent;border:1px solid #49606a;color:#d5e4e8;padding:10px 14px;cursor:pointer}.vault-app iframe{display:block;width:100%;height:calc(100vh - 64px);border:0;background:#07090a}
@media(max-width:680px){.gate{padding:16px}.gate-card{padding:28px 22px}.vault-symbol{width:76px;height:76px;margin:36px 0 26px}.password-row{grid-template-columns:1fr}.password-row input{border-right:1px solid #39515b}.password-row button{width:100%}.gate-foot{flex-direction:column}.vault-bar{height:58px;grid-template-columns:1fr auto}.project-title{display:none}.vault-actions a{display:none}.vault-app iframe{height:calc(100vh - 58px)}.compact span:last-child{font-size:12px}}