﻿html,body{height:100%;margin:0}
body{
  background: #0b0f14 url('assets/bg-network.png') center center / cover no-repeat fixed;
  color:#19b5ff;
  font-family: Segoe UI, Roboto, Arial, sans-serif;
}
.main{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
h1{font-size:clamp(2.4rem,4vw+1rem,4.6rem);margin:0 0 1rem}
.lead{font-size:1.1rem;margin:.5rem 0 1.5rem;color:#d8f6ff}
.btn{
  display:inline-block;padding:1rem 1.6rem;border-radius:12px;border:1px solid rgba(25,181,255,.55);
  color:#19b5ff;text-decoration:none;background:rgba(25,181,255,.12);backdrop-filter:blur(6px);font-weight:700;
  box-shadow:0 0 12px rgba(25,181,255,.25);transition:.2s ease
}
.btn:hover{background:#19b5ff;color:#0b0f14;transform:translateY(-1px)}
footer{position:fixed;left:0;right:0;bottom:0;font-size:.85rem;color:#9fb0c6;padding:.75rem 1rem;text-align:center}
.bg{pointer-events:none}  /* ako postoji pozadinski div, da ne blokira klikove */
