/* ===================== ittiki.com — portada ===================== */
:root {
    --accent: #4f8cff;
    font-family: 'Figtree', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.portada {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    text-align: center;
    background: radial-gradient(circle at 50% 34%, #1a2742, #0a0d12 72%);
    -webkit-font-smoothing: antialiased;
}

.portada-title {
    margin: 0;
    font-weight: 900;
    font-size: clamp(64px, 16vw, 150px);
    letter-spacing: 1px;
    line-height: 0.95;
    background: linear-gradient(180deg, #ffd23f, #ff8a1e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 4px 22px rgba(255, 138, 30, .45));
}

.enter {
    padding: 18px 56px;
    border: none;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: clamp(18px, 3.4vw, 26px);
    font-weight: 800;
    letter-spacing: .5px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 12px 44px rgba(79, 140, 255, .55);
    animation: enter-pulse 1.8s ease-in-out infinite;
    transition: filter .15s ease;
}

.enter:hover {
    filter: brightness(1.08);
}

@keyframes enter-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@media (max-width: 480px) {
    .enter {
        padding: 16px 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .enter {
        animation: none;
    }
}