/* ===== PORTAL GATE ===== */ .gate { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: var(--ground, #0c0f0a); transition: opacity 420ms ease-out, visibility 420ms ease-out; } .gate.is-open { opacity: 0; visibility: hidden; pointer-events: none; } .gate-card { width: min(420px, calc(100vw - 48px)); padding: 36px 32px 30px; border: 1px solid rgba(157, 210, 58, .35); background: #10140d; } .gate-card .wordmark { font: 700 15px/1.1 var(--font-display, inherit); letter-spacing: .22em; color: var(--ink, #eef6e4); text-transform: uppercase; } .gate-card .gate-sub { margin: 8px 0 26px; font: 500 11px/1.6 var(--font-body, inherit); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft, #93a189); } .gate-field { display: grid; gap: 10px; } .gate-field label { font: 600 10px/1 var(--font-body, inherit); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-soft, #93a189); } .gate-field input { width: 100%; box-sizing: border-box; padding: 12px 14px; background: #0a0d08; border: 1px solid rgba(157, 210, 58, .28); color: var(--ink, #eef6e4); font: 600 15px/1 var(--font-body, inherit); letter-spacing: .35em; text-align: center; text-transform: uppercase; border-radius: 0; } .gate-field input:focus { outline: none; border-color: var(--accent, #9dd23a); } .gate-error { min-height: 16px; margin: 10px 0 0; font: 500 11px/1.5 var(--font-body, inherit); color: #ff5d5d; letter-spacing: .04em; } .gate-actions { display: flex; gap: 10px; margin-top: 18px; } .gate-actions .btn { flex: 1; } .gate-hint { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); font: 400 11px/1.6 var(--font-body, inherit); color: var(--ink-soft, #93a189); } .gate-hint b { color: var(--ink, #eef6e4); } body.is-unlocked .gate { opacity: 0; visibility: hidden; pointer-events: none; } @keyframes gate-shake { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-8px); } 40% { transform: translateX(8px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } } .gate.shake .gate-card { animation: gate-shake 420ms ease-out; } @media (prefers-reduced-motion: reduce) { .gate.shake .gate-card { animation: none; } }
POWRHOUSE Front Desk · Session Log
LIVE 916-269-3560
Time Caller Request Lead Status