@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;700&family=Poppins:wght@400;500&display=swap');
:root {
    --cor-primaria: #00f2ff; --cor-sucesso: #39ff14; --cor-fundo-escuro: #0d1117;
    --cor-fundo-secundario: #161b22; --cor-texto: #c9d1d9; --cor-texto-claro: #f0f6fc;
    --font-principal: 'Poppins', sans-serif; --font-destaque: 'Fira Code', monospace;
}
@keyframes animated-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
html { scroll-behavior: smooth; }
body { font-family: var(--font-principal); background-color: var(--cor-fundo-escuro); color: var(--cor-texto); background: linear-gradient(-45deg, #0d1117, #111c2b, #0d1117, #1a0d1d); background-size: 400% 400%; animation: animated-gradient 15s ease infinite; min-height: 100vh; }
h1, h2, h3, h4, h5, h6, .display-4, .display-5, .display-6 { font-family: var(--font-destaque); color: var(--cor-texto-claro); text-shadow: 0 0 5px rgba(0, 242, 255, 0.3); }
.text-primary { color: var(--cor-primaria) !important; }
.text-success { color: var(--cor-sucesso) !important; }
a { color: var(--cor-primaria); text-decoration: none; transition: all 0.3s ease; }
a:hover { color: #a3faff; text-shadow: 0 0 10px var(--cor-primaria); }
.btn-primary { background-color: var(--cor-primaria); color: #000; border: 1px solid var(--cor-primaria); font-weight: 700; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 0 10px rgba(0, 242, 255, 0.4); }
.btn-primary:hover, .btn-primary:focus { background-color: #5effff; color: #000; border: 1px solid #5effff; box-shadow: 0 0 25px rgba(0, 242, 255, 0.8); transform: scale(1.03); }
.card, .alert { background-color: rgba(22, 27, 34, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); }
.bg-secondary { background-color: rgba(30, 38, 49, 0.5) !important; }
.bg-dark { background-color: rgba(13, 17, 23, 0.6) !important; }
.bg-black { background-color: rgba(5, 7, 10, 0.7) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.table-dark { --bs-table-bg: transparent; }
.form-control { background-color: rgba(13, 17, 23, 0.8); color: var(--cor-texto-claro); border: 1px solid #30363d; }
.form-control:focus { background-color: #0d1117; color: var(--cor-texto-claro); border-color: var(--cor-primaria); box-shadow: 0 0 15px rgba(0, 242, 255, 0.5); }
.form-label { color: var(--cor-texto-claro); font-weight: 500; }