/* Diriyah access gate overlay — shared by all proposal pages. Applied via class on ; does not leak into the page content below. */ html.gate-locking > body { visibility: hidden } /* Gate overlays sit above everything else */ .gate-loading-overlay, .gate-access-overlay { position: fixed; inset: 0; z-index: 2147483000; visibility: visible !important; background: rgba(10, 14, 26, .95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: none; align-items: center; justify-content: center; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #e0ddd5; padding: 2rem 1.25rem; } /* Loading state */ html.gate-loading .gate-loading-overlay { display: flex; flex-direction: column; gap: 1.25rem } .gate-loading-overlay .gate-spinner { width: 56px; height: 56px; border: 3px solid rgba(200, 168, 92, .2); border-top-color: #c8a85c; border-radius: 50%; animation: gateSpin .9s linear infinite; } .gate-loading-overlay .gate-loading-text { font-size: .78rem; color: #8a8780; letter-spacing: 3px; text-transform: uppercase; font-weight: 500; } @keyframes gateSpin { to { transform: rotate(360deg) } } /* Access-code entry state */ html.gate-denied .gate-access-overlay { display: flex } .gate-access-overlay .gate-box { max-width: 460px; width: 100%; background: #111627; border: 1px solid rgba(200, 168, 92, .12); border-radius: 12px; padding: 2.5rem 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, .6); text-align: center; } .gate-access-overlay .gate-brand { font-size: .72rem; color: #c8a85c; text-transform: uppercase; letter-spacing: 2px; margin-bottom: .75rem; font-weight: 700; } .gate-access-overlay h2 { font-size: 1.3rem; color: #f5f3ef; margin: 0 0 .6rem; font-weight: 600; letter-spacing: -.3px; } .gate-access-overlay p { font-size: .88rem; color: #8a8780; margin: 0 0 1.5rem; line-height: 1.55; } .gate-access-overlay input[type="text"] { width: 100%; box-sizing: border-box; background: #181d33; border: 1px solid rgba(200, 168, 92, .12); border-radius: 8px; padding: .8rem .9rem; color: #f5f3ef; font-family: 'SF Mono', Menlo, Consolas, monospace; font-size: 1rem; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin-bottom: 1rem; transition: border-color .2s; } .gate-access-overlay input[type="text"]:focus { outline: none; border-color: #c8a85c; } .gate-access-overlay button { width: 100%; background: #c8a85c; color: #0a0e1a; border: none; border-radius: 8px; padding: .8rem; font-size: .95rem; font-weight: 700; cursor: pointer; transition: background .2s; font-family: inherit; } .gate-access-overlay button:hover { background: #d8b96c } .gate-access-overlay button:disabled { opacity: .5; cursor: wait } .gate-access-overlay .gate-err { color: #e04040; font-size: .85rem; margin: .6rem 0 .2rem; min-height: 1.2em; } .gate-access-overlay .gate-request-link { display: inline-block; margin-top: 1.2rem; color: #8a8780; font-size: .85rem; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; } .gate-access-overlay .gate-request-link:hover { color: #c8a85c; border-bottom-color: #c8a85c; }