* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; scroll-behavior:smooth; }
body {
    font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background:var(--black-intense);
    color:var(--white);
    line-height:1.6;
    overflow-x:hidden;
}

a { color:var(--white); text-decoration:none; transition:all .3s ease; }
a:hover { color:var(--red); }
ul { list-style:none; }
img { max-width:100%; height:auto; display:block; }
button { cursor:pointer; font-family:inherit; border:none; background:none; color:inherit; }

:root {
    --black:#111111;
    --black-intense:#0B0B0B;
    --black-card:#141414;
    --gray-dark:#1E1E1E;
    --gray-border:#292929;
    --red:#D61C1C;
    --red-hover:#B01717;
    --red-glow:rgba(214, 28, 28, 0.4);
    --white:#FFFFFF;
    --gray-light:#B0B0B0;
    --border:#2A2A2A;
    --gold:#FFD700;
    --success:#28A745;
    --error:#DC3545;
    --warning:#FFC107;
    --radius:16px;
    --radius-sm:8px;
    --radius-full:9999px;
    --shadow:0 10px 30px rgba(0,0,0,.6);
    --shadow-glow:0 0 25px rgba(214,28,28,.25);
    --glass-bg:rgba(18, 18, 18, 0.85);
    --glass-border:rgba(255, 255, 255, 0.08);
}

h1, h2, h3, h4, h5, h6 { font-family:inherit; color:var(--white); line-height:1.25; }
h1 { font-size:2.25rem; font-weight:800; letter-spacing:-0.02em; }
h2 { font-size:1.75rem; font-weight:700; letter-spacing:-0.01em; }
h3 { font-size:1.35rem; font-weight:600; }
h4 { font-size:1.15rem; font-weight:600; }
p { font-size:0.95rem; color:var(--gray-light); }
small { font-size:.85rem; color:var(--gray-light); }

::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:var(--black-intense); }
::-webkit-scrollbar-thumb { background:var(--red); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--red-hover); }

/* Class Utilities */
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-red { color:var(--red)!important; }
.text-gold { color:var(--gold)!important; }
.text-gray-light { color:var(--gray-light)!important; }
.text-success { color:var(--success)!important; }
.text-warning { color:var(--warning)!important; }
.text-error { color:var(--error)!important; }

.ml-auto { margin-left:auto; }
.mt-1 { margin-top:1rem; }
.mt-2 { margin-top:2rem; }
.mb-1 { margin-bottom:1rem; }
.mb-2 { margin-bottom:2rem; }
.my-2 { margin:2rem 0; }
.py-3 { padding-top:3rem; padding-bottom:3rem; }
.py-4 { padding-top:4rem; padding-bottom:4rem; }

.section-header {
    text-align:center;
    margin-bottom:2.5rem;
}
.section-subtitle {
    display:inline-block;
    color:var(--red);
    font-size:0.85rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:0.5rem;
}
.section-title {
    font-size:2rem;
    font-weight:800;
    margin-bottom:0.75rem;
}
.section-desc {
    max-width:600px;
    margin:0 auto;
    font-size:0.95rem;
    color:var(--gray-light);
}

.hr-styled { border:none; border-top:1px solid var(--border); margin:3rem 0; }
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
