*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#fff;color:#0f172a;min-height:100vh;-webkit-font-smoothing:antialiased}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:24px}.gate-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(6,182,212,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(217,119,6,.04) 0%,transparent 60%);pointer-events:none}.gate-card{position:relative;width:100%;max-width:380px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px 32px 32px;text-align:center;box-shadow:0 4px 24px #0000000a;animation:fadeUp .5s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.gate-logo{margin-bottom:20px}.gate-logo-icon{width:48px;height:48px;display:inline-block}.gate-title{font-size:20px;font-weight:700;letter-spacing:-.01em;color:#0f172a;margin-bottom:4px}.gate-subtitle{font-size:12px;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px}.gate-form{text-align:left}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.field input{width:100%;padding:11px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#cbd5e1}.field input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d414;background:#fff}.gate-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px;text-align:center}.gate-btn{width:100%;padding:12px;background:#0f172a;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .15s}.gate-btn:hover{background:#1e293b;transform:translateY(-1px)}.gate-btn:active{transform:translateY(0)}.gate-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.gate-footer{margin-top:24px;font-size:12px;color:#94a3b8}.gate-email{font-size:14px;color:#64748b;margin-top:8px;margin-bottom:24px}.gate-message{font-size:13px;color:#94a3b8;line-height:1.5}.logout-btn{position:fixed;bottom:24px;right:24px;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px #00000014}.logout-btn:hover{border-color:#fca5a5;box-shadow:0 4px 16px #ef44441f;transform:scale(1.05)}.logout-btn svg{width:20px;height:20px;color:#94a3b8;transition:color .2s}.logout-btn:hover svg{color:#ef4444}