@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');
:root { --bg:#020916; --panel:#071526; --cyan:#39baff; --text:#ecf5ff; --muted:#8ea9c4; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:'Rajdhani',Arial,sans-serif; font-size:16px; letter-spacing:.025em; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; z-index:-2; background:linear-gradient(rgba(2,9,22,.84),rgba(2,9,22,.96)),url('../../assets/images/background/page-background.jpg') center top/cover no-repeat; }
a { color:inherit; text-decoration:none; } button { color:inherit; font:inherit; border:0; cursor:pointer; }
.container { width:min(1180px,calc(100% - 44px)); margin:0 auto; }
.topbar { height:72px; background:rgba(2,8,18,.94); border-bottom:1px solid rgba(84,153,232,.2); position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); }.topbar-inner { height:100%; display:flex; align-items:center; gap:26px; }.brand { display:inline-flex; align-items:center; min-width:150px; }.brand-logo { display:block; width:124px; height:64px; object-fit:contain; filter:drop-shadow(0 0 8px rgba(0,140,255,.58)); }
.nav-links { display:flex; align-self:stretch; align-items:center; justify-content:center; gap:2px; flex:1; }.nav-links a { height:100%; display:flex; align-items:center; padding:0 12px; font-size:12px; text-transform:uppercase; font-weight:700; white-space:nowrap; color:#d9e5f4; position:relative; }.nav-links a[href="../doacoes/"] { display:none; }.nav-links a:hover,.nav-links a.active { color:#fff; background:linear-gradient(180deg,transparent 70%,rgba(0,124,255,.24)); }.nav-links a.active:after { content:""; position:absolute; height:2px; left:0; right:0; bottom:0; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.account-btn { display:flex; align-items:center; gap:8px; min-width:151px; justify-content:center; padding:10px 12px; border-radius:3px; text-transform:uppercase; font-size:11px; font-weight:700; background:linear-gradient(180deg,#1265ca,#0a3380); border:1px solid #2989ee; box-shadow:0 0 14px rgba(0,111,255,.22),inset 0 1px 0 rgba(255,255,255,.18); }.account-icon { font-size:19px; color:#a8e4ff; }.menu-toggle { display:none; background:transparent; padding:7px; }.menu-toggle span { width:24px; height:2px; background:#a4dfff; display:block; margin:5px; }
.page-hero { padding:58px 0 52px; text-align:center; background:linear-gradient(90deg,rgba(2,10,25,.42),rgba(2,10,25,.78)),url('../../assets/images/hero/hero-banner-clean.jpg') center/cover no-repeat; border-bottom:1px solid rgba(58,151,255,.32); }.page-hero .eyebrow { margin:0 0 8px; color:#73bef4; text-transform:uppercase; font-size:11px; letter-spacing:.25em; }.page-hero h1 { margin:0; color:#f0f8ff; font:700 clamp(36px,6vw,66px) 'Cinzel',Georgia,serif; text-transform:uppercase; text-shadow:0 0 16px #087bd9; }.page-hero p { max-width:620px; margin:12px auto 0; color:#b9d2e8; font-size:15px; line-height:1.45; }
.page-main { padding:20px 0 42px; }.page-grid { display:grid; grid-template-columns:1.35fr .85fr; gap:14px; align-items:start; }.page-panel { background:linear-gradient(180deg,rgba(6,25,48,.95),rgba(3,14,29,.98)); border:1px solid rgba(51,126,216,.47); border-radius:4px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,.2); }.page-panel h2 { margin:0; padding:16px 18px; border-bottom:1px solid rgba(62,130,210,.32); color:#fff; font-size:17px; text-transform:uppercase; }.page-panel h2 span { color:#20a2ff; margin-right:7px; }.panel-body { padding:18px; }.muted { color:#9db8d0; }.news-list { display:grid; }.news-card { display:grid; grid-template-columns:145px 1fr; gap:15px; padding:15px 18px; border-bottom:1px solid rgba(55,114,180,.22); }.news-card:last-child { border-bottom:0; }.news-cover { min-height:104px; border:1px solid #1a74c3; background:radial-gradient(circle,#195b9d,#07152b 70%); background-position:center; background-size:cover; }.news-card small { color:#1ea7ff; text-transform:uppercase; font-size:10px; letter-spacing:.12em; }.news-card h3 { margin:3px 0 5px; font-size:19px; text-transform:uppercase; }.news-card p { margin:0 0 7px; color:#afc4d8; line-height:1.35; }.news-card time { color:#7b9bb6; font-size:10px; }.button { display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:11px; font-weight:700; }
.info-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }.info-list li { display:flex; justify-content:space-between; gap:15px; padding:11px 0; color:#b9d2e8; border-bottom:1px solid rgba(55,114,180,.22); }.info-list li:last-child { border-bottom:0; }.info-list strong { color:#fff; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.feature-card { padding:16px; background:rgba(7,31,59,.68); border:1px solid rgba(51,126,216,.35); }.feature-card span { display:block; color:#29a8ff; font-size:30px; text-shadow:0 0 12px #067cff; }.feature-card h3 { margin:8px 0 4px; text-transform:uppercase; font-size:14px; }.feature-card p { margin:0; color:#9db5cc; font-size:12px; line-height:1.3; }
.ranking-table { width:100%; border-collapse:collapse; }.ranking-table th,.ranking-table td { padding:12px 14px; text-align:left; border-bottom:1px solid rgba(55,114,180,.22); }.ranking-table th { color:#81a6c8; text-transform:uppercase; font-size:10px; }.ranking-table td { color:#d7e6f5; }.ranking-table td:first-child { color:#51baff; font-weight:700; }.ranking-table tr:last-child td { border-bottom:0; }.ranking-tabs { display:flex; flex-wrap:wrap; gap:7px; padding:15px 14px 0; }.ranking-tab { padding:8px 11px; color:#a8c6df; background:#071d37; border:1px solid #225b91; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; }.ranking-tab:hover,.ranking-tab.active { color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border-color:#4fc1ff; }.download-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.download-box { padding:22px; background:linear-gradient(145deg,rgba(7,34,67,.9),rgba(3,15,31,.95)); border:1px solid rgba(51,126,216,.47); }.download-box .art { color:#8fd9ff; font-size:58px; text-shadow:0 0 15px #087bdf; }.download-box h3 { margin:8px 0 4px; text-transform:uppercase; font-size:18px; }.download-box p { min-height:40px; margin:0 0 14px; color:#9db8d0; line-height:1.3; }.status-note { padding:14px 16px; background:rgba(8,44,80,.6); border-left:3px solid #23a9ff; color:#b9d2e8; }.placeholder { min-height:160px; display:grid; place-items:center; padding:25px; text-align:center; color:#9db8d0; background:rgba(3,15,31,.55); border:1px dashed rgba(51,126,216,.5); }.placeholder strong { display:block; margin-bottom:8px; color:#fff; font-size:20px; text-transform:uppercase; }.contact-list { display:grid; gap:10px; }.contact-link { display:flex; align-items:center; gap:12px; padding:14px; background:linear-gradient(90deg,#1256a8,#0a2b63); border:1px solid #1f6dbc; border-radius:3px; text-transform:uppercase; font-weight:700; }.contact-link span { color:#64c8ff; font-size:22px; }.faq { display:grid; gap:12px; }.faq article { padding:14px; border:1px solid rgba(51,126,216,.3); background:rgba(7,31,59,.55); }.faq h3 { margin:0 0 5px; font-size:14px; }.faq p { margin:0; color:#9db8d0; line-height:1.35; }.footer { background:#020914; border-top:1px solid rgba(56,120,203,.3); }.footer-inner { display:flex; justify-content:space-between; gap:20px; padding:20px 0; color:#7993ad; font-size:11px; }.footer-inner a { color:#56baff; }
@media (max-width:1000px) { .nav-links a { padding:0 7px; font-size:10px; }.page-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .container { width:min(100% - 26px,560px); }.topbar { height:65px; }.brand { min-width:0; }.menu-toggle { display:block; margin-left:auto; }.nav-links { display:none; position:absolute; top:65px; left:0; right:0; height:auto; padding:8px 13px 15px; background:#031020; border-bottom:1px solid #1b6bb1; flex-direction:column; align-items:stretch; }.nav-links.open { display:flex; }.nav-links a { height:37px; padding:0 12px; }.account-btn { display:none; }.page-hero { padding:42px 0 38px; }.news-card { grid-template-columns:100px 1fr; gap:10px; padding:12px; }.news-cover { min-height:85px; }.news-card h3 { font-size:15px; }.news-card p { font-size:12px; }.feature-grid,.download-grid { grid-template-columns:1fr; }.footer-inner { display:grid; text-align:center; } }
.feature-card small { color:#1ea7ff; text-transform:uppercase; font-size:10px; letter-spacing:.1em; }.event-meta { margin-top:10px; padding-top:8px; border-top:1px solid rgba(55,114,180,.22); color:#78b7e2; font-size:10px; line-height:1.45; }
.event-schedule-list { display:grid; gap:6px; max-width:720px; margin:0 auto; padding:4px 0; }.event-row { display:grid; grid-template-columns:76px 1fr 92px; align-items:center; gap:10px; min-height:45px; padding:5px 10px; background:linear-gradient(90deg,rgba(20,19,47,.95),rgba(45,41,74,.7)); border-left:3px solid #4d477a; }.event-row:hover { border-left-color:#4fc1ff; background:linear-gradient(90deg,rgba(22,43,79,.98),rgba(45,41,74,.78)); }.event-time { color:#f2f4ff; font-weight:700; font-size:14px; }.event-name { display:grid; gap:2px; color:#f4f4ff; font-size:14px; font-weight:600; }.event-name small { color:#9da9c4; font-size:10px; font-weight:400; line-height:1.25; }.event-countdown { justify-self:end; min-width:82px; padding:4px 7px; color:#fff; background:rgba(67,62,101,.9); font-size:13px; font-variant-numeric:tabular-nums; text-align:center; }.event-countdown[data-event-start=""] { color:#9aa0b7; }
@media (max-width:520px) { .event-row { grid-template-columns:65px 1fr; }.event-countdown { grid-column:2; grid-row:1; }.event-name { padding-right:88px; } }
.page-hero { background-image:linear-gradient(90deg,rgba(2,10,25,.54),rgba(2,10,25,.78)),url('../../assets/images/hero/hero-banner-mustyle-v2.png'); }