/* gradasigo site styles — no Vite required */
:root {
    --brand: #00a9ce;
    --brand-dark: #0087a5;
    --brand-light: #33c0df;
    --accent: #8cc63f;
    --accent-dark: #6fa32c;
    --ink: #0b1220;
    --mist: #f3f8fb;
    --cloud: #e7f4f8;
}

html { scroll-behavior: smooth; }
body {
    font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
    background: var(--mist);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, .font-display {
    font-family: 'Sora', ui-sans-serif, system-ui, sans-serif;
}

.text-gradient {
    background: linear-gradient(120deg, #00a9ce 0%, #33c0df 45%, #8cc63f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.bg-hero-mesh {
    background:
        radial-gradient(ellipse 80% 60% at 10% 20%, rgba(0, 169, 206, 0.35), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 10%, rgba(140, 198, 63, 0.28), transparent 50%),
        radial-gradient(ellipse 60% 40% at 70% 90%, rgba(0, 169, 206, 0.18), transparent 55%),
        linear-gradient(160deg, #061018 0%, #0b1c28 45%, #0a1620 100%);
}

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.float-y { animation: floatY 5s ease-in-out infinite; }
.pulse-glow { animation: pulseGlow 2.8s ease-in-out infinite; }
.marquee-track { animation: marquee 28s linear infinite; }
.spin-slow { animation: spin-slow 18s linear infinite; }

.tilt-hover {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.tilt-hover:hover {
    transform: translateY(-6px) rotate(-0.4deg);
}

#site-nav { background: transparent; transition: background .3s, box-shadow .3s; }
#site-nav.nav-scrolled {
    background: rgba(6, 16, 24, 0.88);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

[x-cloak] { display: none !important; }

@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 169, 206, 0.35); }
    50% { box-shadow: 0 0 0 16px rgba(0, 169, 206, 0); }
}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Admin helpers */
.admin-nav-link {
    display: flex;
    align-items: center;
    gap: .65rem;
    border-radius: .75rem;
    padding: .65rem .85rem;
    font-size: .875rem;
    color: rgba(255,255,255,.72);
    transition: .2s;
}
.admin-nav-link:hover { background: rgba(255,255,255,.08); color: #fff; }
.admin-nav-link.active { background: var(--brand); color: #fff; font-weight: 600; }
.admin-nav-group {
    margin: 1rem .85rem .4rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.38);
}