@font-face{font-family:Gate;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 15% 15%,#193747 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#213442 0,transparent 50%),#09121e;color:#f4f7fa;font-family:Gate,Arial,sans-serif}body:before{content:'';position:fixed;inset:22px;border:1px solid #ffffff0c;border-radius:24px;pointer-events:none}.gate{width:min(100%,480px);padding:48px;border:1px solid #a6d0df26;border-radius:28px;background:linear-gradient(145deg,#203443b3,#101b29e6);box-shadow:0 32px 100px #0006;animation:arrive .65s ease-out}.gate-emblem{width:64px;height:64px;padding:10px;border-radius:19px;border:1px solid #92d4df44;color:#a8e4e8;background:#a8e4e80b;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.24em;color:#a8c8d3;font-weight:700}h1{font-weight:500;font-size:36px;line-height:1.18;letter-spacing:-1.5px;margin:16px 0}h1 span{color:#aec4d0}.gate p{color:#a7b8c4;line-height:1.7;font-size:15px;margin-bottom:28px}label{display:block;font-size:13px;color:#d6e3eb;margin-bottom:10px}input{width:100%;min-height:56px;font:18px Gate,Arial,sans-serif;letter-spacing:3px;color:white;background:#0a1522;border:1px solid #607b8c77;border-radius:12px;padding:14px 16px;outline:none}input:focus{border-color:#a8e4e8;box-shadow:0 0 0 3px #a8e4e819}button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:55px;border:0;border-radius:12px;background:#c3eef0;color:#112a37;font-size:15px;font-weight:700;padding:16px 20px;margin-top:18px;cursor:pointer}button:hover{background:#e0fbfc}button:focus-visible{outline:3px solid white;outline-offset:4px}.gate-note{border-top:1px solid #ffffff12;margin-top:30px;padding-top:22px;font-size:12px;color:#8fa9b9;line-height:1.5}.gate-note i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8e4e8;margin-right:7px}.error{color:#ffc0c0;font-size:13px;line-height:1.5;margin-top:12px}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:540px){.gate{padding:32px 26px}h1{font-size:32px}body:before{inset:10px}}@media(prefers-reduced-motion:reduce){.gate{animation:none}}