/* Login Raven Nest · minimalista: fondo hueso, tipografía negra, un solo post-it magenta (el corte de la V de Raven). */
:root{--ink:#1D1D1F;--hueso:#F2F2F2;--magenta:#D90069;--muted:#6B6B70;--line:rgba(29,29,31,.14);--danger:#B3261E;
  --display:"Inter Tight","Inter","Helvetica Neue",Arial,sans-serif;--body:"Inter","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--hueso);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.wrap{align-self:center;justify-self:center;width:min(440px,100%);padding:48px max(24px,env(safe-area-inset-left,0px)) 32px}
.postit{display:block;width:30px;height:40px;background:var(--magenta);transform:skewX(-13.7deg);margin:0 0 40px 6px;transform-origin:bottom left}
.brand{margin:0;line-height:0;--nest-accent:var(--magenta);color:var(--ink)}
.brand svg{height:34px;width:auto;display:block}
.lead{margin:22px 0 32px;font-size:16px;line-height:1.5;color:var(--muted);max-width:34ch}
.act{display:grid;gap:14px;justify-items:start;padding-top:28px;border-top:1px solid var(--line)}
.gslot{min-height:44px}
.dev{border:1px solid var(--ink);background:transparent;padding:12px 20px;cursor:pointer;color:var(--ink);font:500 14px var(--body)}
.dev:hover{background:var(--ink);color:var(--hueso)}
.msg{margin:0;font-size:14px;color:var(--ink)}
.err{margin:0;color:var(--danger);font-size:14px;line-height:1.45}
.note{margin:28px 0 0}
.foot{display:flex;justify-content:space-between;gap:16px;padding:16px max(24px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);font-size:10.5px}
/* mientras valida: el post-it se llena y respira */
body.busy .postit{animation:pi 1.1s cubic-bezier(.6,0,.4,1) infinite}
@keyframes pi{0%,100%{transform:skewX(-13.7deg) scaleY(1)}50%{transform:skewX(-13.7deg) scaleY(.55)}}
@media (prefers-reduced-motion:reduce){body.busy .postit{animation:none;opacity:.6}}
@media (max-width:640px){.hide-s{display:none}.brand svg{height:28px}.wrap{padding-top:32px}}