/* ⚜️ SKY_AI EMPIRE v9.0 | MASTER STYLESHEET */
/* Ez a fájl vezérli a Landing Page alapvető megjelenését */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&family=Share+Tech+Mono&display=swap');

:root {
    /* --- SZÍNPALETTA (Cyberpunk Neon) --- */
    --neon-blue: #00f3ff;
    --neon-green: #0aff00;
    --neon-red: #ff0055;
    --neon-gold: #ffd700;
    
    /* --- HÁTTÉR SZÍNEK --- */
    --bg-dark: #050505;
    --panel-bg: rgba(10, 20, 30, 0.9);
    --card-bg: rgba(16, 26, 36, 0.85);
    
    /* --- KERETEK --- */
    --border-blue: 1px solid var(--neon-blue);
    --border-gold: 1px solid var(--neon-gold);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    /* Vékony görgetősáv a modern megjelenésért */
    scrollbar-width: thin;
    scrollbar-color: var(--neon-blue) #000;
}

body {
    background-color: var(--bg-dark);
    font-family: 'Rajdhani', sans-serif; /* Alap szöveg betűtípus */
    color: #eee;
    overflow-x: hidden; /* Vízszintes görgetés tiltása */
    
    /* HÁTTÉR RÁCS EFFEKT (Technikai kinézet) */
    background-image: 
        linear-gradient(rgba(0, 243, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 243, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* --- KÖZÖS ELEMEK --- */

/* Címek (Futurisztikus betűtípus) */
h1, h2, h3, .brand, .big-logo, .portal-btn {
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
}

/* Adatok és kódok (Írógép betűtípus) */
.console-output, .token-display, input, .stat-val {
    font-family: 'Share Tech Mono', monospace;
}

/* CRT Scanline Effekt (Régi monitor hatás) */
.scanline {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.5) 50%);
    background-size: 100% 4px; pointer-events: none; opacity: 0.3; z-index: 999;
}

/* Linkek alapviselkedése */
a { text-decoration: none; color: inherit; transition: 0.3s; }

/* Mobil optimalizálás alapjai */
@media (max-width: 768px) {
    .big-logo { font-size: 4rem !important; } /* Kisebb logó mobilon */
    .portal-container { flex-direction: column; align-items: center; } /* Gombok egymás alatt */
    .grid-container { grid-template-columns: 1fr !important; } /* Rácsok egyoszlopossá válása */
    .info-card { grid-column: span 1 !important; }
}