/* ИСТИННОЕ МАСШТАБИРОВАНИЕ ПО ДИАГОНАЛИ (ШИРИНА + ВЫСОТА) */
html {
    /* 
     Ошибка прошлого "костыля": привязка только к vw ломала верстку на планшетах в портретном режиме (768x1024), 
     так как ширина узкая, а высота огромная — элементы мельчали, оставляя пустоты.
     Решение: используем обе оси calc(4px + 0.4vw + 0.4vh). 
     Она дает идеальные 16px на 1920x1080 и не зависит от поворота экрана (одинаковый размер).
    */
    font-size: clamp(9.5px, calc(4px + 0.4vw + 0.4vh), 22px);
}

body {
    font-family: 'Montserrat', sans-serif;
    overscroll-behavior: none;
    scrollbar-width: none;
    line-height: 1.6;
}

::-webkit-scrollbar {
    display: none; 
}

.cyber-grid {
    background-image: 
        linear-gradient(to right, rgba(30, 58, 138, 0.15) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(30, 58, 138, 0.15) 1px, transparent 1px);
    background-size: 50px 50px;
    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
}

.bg-radial-gradient {
    background: radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0) 0%, rgba(2, 6, 23, 1) 100%);
}

.text-glow {
    text-shadow: 0 0 30px rgba(59, 130, 246, 0.6);
}

.neon-box-glow {
    box-shadow: 0 0 40px rgba(34, 211, 238, 0.2), inset 0 0 20px rgba(34, 211, 238, 0.1);
}

.blink {
    animation: blinker 1s step-end infinite;
}

@keyframes blinker {
    50% { opacity: 0; }
}

.perspective-1000 {
    perspective: 1000px;
}