:root{
    --bg1:#070A0F;
    --bg2:#0A1020;
    --border:rgba(0,0,0,0.08);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Segoe UI, system-ui, sans-serif;
}

body{
    height:100vh;
    background:
        radial-gradient(circle at 20% 10%, rgba(90,140,255,0.25), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(0,255,208,0.18), transparent 40%),
        linear-gradient(180deg, var(--bg1), var(--bg2));
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
}

/* STATIC NETWORK */
body::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;

    background: url("/data/images/network.png") center center / cover no-repeat;

    opacity:0.18;
    filter: brightness(0) saturate(100%) invert(71%) sepia(83%) saturate(385%) hue-rotate(120deg) brightness(105%) contrast(101%);
}
/* SHIMMER / LIGHT SWEEP */
body::after{
    content:"";
    position:absolute;
    inset:-40%;
    z-index:1;
    pointer-events:none;

    background: linear-gradient(
        110deg,
        transparent 35%,
        rgba(0,255,208,0.18) 50%,
        transparent 65%
    );

    filter: blur(30px);
    mix-blend-mode: screen;

    transform: translateX(-60%) rotate(8deg);
    animation: shimmerMove 7s ease-in-out infinite alternate;
}

@keyframes shimmerMove{
    0%   { transform: translateX(-60%) rotate(8deg); }
    100% { transform: translateX(60%) rotate(8deg); }
}

/* CONTENT */
.page{
    width:100%;
    padding:20px;
    display:flex;
    justify-content:center;
    position:relative;
    z-index:2;
}

.card{
    width:min(750px, 100%);
    background:#ffffff;
    border:1px solid var(--border);
    border-radius:20px;
    padding:60px 40px;
    text-align:center;
    box-shadow:0 20px 80px rgba(0,0,0,0.4);
    color:#111;
}

.logo{
    width:880px;
    max-width:100%;
    margin-bottom:30px;
}

h1{
    font-size:34px;
    margin-bottom:14px;
    color:#111;
}

.lead{
    font-size:18px;
    color:#555;
    line-height:1.6;
}

.divider{
    height:1px;
    width:70%;
    margin:30px auto;
    background:linear-gradient(to right, transparent, rgba(0,0,0,0.2), transparent);
}

.hint{
    font-size:14px;
    color:#888;
}