/* Pantalla de acceso /nda (servida por functions/_middleware.js) */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'DM Sans', sans-serif; background: #050606; color: #d5d5d5; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.gate-inner { width: 100%; max-width: 420px; padding: 2rem; }
.gate-logo { font-family: 'Syne', sans-serif; font-size: 1.3rem; font-weight: 600; color: #cff782; margin-bottom: 3rem; display: block; text-decoration: none; }
.gate-eyebrow { font-family: 'DM Mono', monospace; font-size: 0.65rem; letter-spacing: 3px; text-transform: uppercase; color: #555; margin-bottom: 1rem; }
.gate-title { font-family: 'Syne', sans-serif; font-size: 2rem; font-weight: 700; color: #fff; line-height: 1.15; margin-bottom: 0.5rem; }
.gate-sub { font-size: 0.82rem; color: #666; margin-bottom: 2.5rem; line-height: 1.6; }
.gate-field { position: relative; margin-bottom: 1rem; }
.gate-field input { width: 100%; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); color: #d5d5d5; font-family: 'DM Mono', monospace; font-size: 0.9rem; padding: 0.85rem 1rem; outline: none; transition: border-color 0.2s; letter-spacing: 2px; }
.gate-field input:focus { border-color: rgba(207,247,130,0.4); }
.gate-field input.error { border-color: rgba(200,80,80,0.6); }
.gate-btn { width: 100%; background: #cff782; color: #050606; border: none; font-family: 'DM Sans', sans-serif; font-size: 0.88rem; font-weight: 700; padding: 0.9rem; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; transition: background 0.2s; }
.gate-btn:hover { background: #d9ff96; }
.gate-error { font-family: 'DM Mono', monospace; font-size: 0.7rem; color: rgba(200,80,80,0.85); margin-top: 0.75rem; min-height: 1rem; letter-spacing: 1px; }
.gate-hint { font-family: 'DM Mono', monospace; font-size: 0.62rem; color: #2e2e2e; margin-top: 2rem; letter-spacing: 1px; line-height: 1.8; }