@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap');

:root { --red: #dc2626; --black: #000; --zinc: #18181b; }

html { scroll-behavior: smooth; }
body { background: var(--black); color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; }

/* Efeito Scanner */
.scanner-line {
    position: absolute;
    top: -100%; left: 0; width: 100%; height: 4px;
    background: linear-gradient(to right, transparent, var(--red), transparent);
    box-shadow: 0 0 20px var(--red);
    z-index: 10;
}
.group:hover .scanner-line { animation: scanV15 3s linear infinite; }
@keyframes scanV15 { 0% { top: -10%; } 100% { top: 110%; } }

/* Glassmorphism Premium */
.glass { background: rgba(20, 20, 20, 0.7); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.05); }

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: var(--red); border-radius: 10px; }

/* Animações de Entrada */
.fade-up { animation: fadeUp 0.8s ease-out forwards; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }