/* Color palette inspired by neon lights and dark themes */
:root{
    --bg-0:#090b10;       /* deep ink */
    --bg-1:#0b0f16;       /* panel */
    --grid:rgba(0,255,255,.08);
    --neon-cyan:#00e5ff;
    --neon-magenta:#ff00e6;
    --neon-green:#66ff66;
    --ink:#0b0f16;
    --paper:#f7f7f7;      /* brutalist hard contrast */
}

/* Full-screen cyber grid background with subtle vignette */
body{
    min-height:100vh;
    background:
    radial-gradient(1200px 800px at 70% 20%, rgba(255,0,230,.08), transparent 60%),
    radial-gradient(900px 700px at 10% 90%, rgba(0,229,255,.10), transparent 60%),
    /* neon grid */
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px),
    var(--bg-0);
    background-size:
    100% 100%,
    100% 100%,
    48px 48px,
    48px 48px,
    auto;
    color:#e8f6ff;
}

/* Brutalist frame */
.frame{
    position:fixed; inset:16px;
    border:8px solid var(--paper);
    box-shadow:
    0 0 0 2px var(--ink) inset,
    0 0 25px 2px rgba(0,229,255,.4),
    0 0 60px 6px rgba(255,0,230,.25);
    pointer-events:none;
    z-index:1;
}

/* Scanline sheen */
.scanlines::after{
    content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
    background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.03) 0px,
    rgba(255,255,255,.03) 1px,
    transparent 2px,
    transparent 3px
    );
    mix-blend-mode:overlay;
}

/* Centered logo card with neon pulse + brutalist border */
.logo-card{
    position:relative; z-index:2;
    background:linear-gradient(180deg, rgba(11,15,22,.85), rgba(9,11,16,.85));
    border:6px solid var(--paper);
    box-shadow:
    12px 12px 0 0 var(--paper),              /* brutalist offset shadow */
    0 0 30px rgba(0,229,255,.55),
    0 0 60px rgba(255,0,230,.35);
    padding:3.5rem 4rem; text-align:center;
}

.logo-card:hover {
background: gray;
    cursor: pointer;
}

.neon-glow{
    filter: drop-shadow(0 0 8px var(--neon-cyan)) drop-shadow(0 0 22px var(--neon-magenta));
    animation:pulse 3.6s ease-in-out infinite;
}

@keyframes pulse{
    0%,100%{ filter: drop-shadow(0 0 8px var(--neon-cyan)) drop-shadow(0 0 16px var(--neon-magenta)); }
    50%    { filter: drop-shadow(0 0 14px var(--neon-cyan)) drop-shadow(0 0 32px var(--neon-magenta)); }
}

/* Optional wordmark (kept tiny, minimal words) */
.wordmark{ letter-spacing:.4rem; font-weight:800; font-size:.85rem; opacity:.7; text-transform:uppercase; }

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce){
    .neon-glow{ animation:none; }
}

.logo-card {
    border-radius: 8px;
}