@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');
.auth-logo { display:block; width:84px; height:68px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(0,145,255,.55)); }

[hidden] { display:none !important; }
.auth-modal-wrap { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:20px; opacity:0; pointer-events:none; transition:opacity .22s ease; }.auth-modal-wrap.open { opacity:1; pointer-events:auto; }.auth-backdrop { position:absolute; inset:0; background:rgba(0,5,15,.78); backdrop-filter:blur(8px); }.auth-modal { position:relative; width:min(500px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:30px 34px 25px; background:linear-gradient(150deg,#0a2547,#041226 62%,#020a17); border:1px solid #2a8fe4; border-radius:6px; box-shadow:0 0 0 1px rgba(74,183,255,.13),0 20px 60px rgba(0,0,0,.65),0 0 35px rgba(0,111,255,.24); transform:translateY(16px) scale(.98); transition:transform .22s ease; }.auth-modal-wrap.open .auth-modal { transform:translateY(0) scale(1); }.modal-close { position:absolute; right:13px; top:8px; background:transparent; color:#91b9da; font-size:28px; line-height:1; }.modal-close:hover { color:#fff; }.auth-heading { display:flex; align-items:center; gap:14px; border-bottom:1px solid rgba(63,139,222,.25); padding-bottom:18px; }.auth-sigil { font:700 48px Georgia,serif; color:#bde8ff; text-shadow:0 0 14px #008dff; }.auth-kicker { margin:0 0 2px; color:#47b9ff; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }.auth-heading h2 { margin:0; font:700 23px 'Cinzel',Georgia,serif; text-transform:uppercase; }.auth-intro { margin:15px 0 18px; color:#a5bdd3; font-size:13px; line-height:1.35; }.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-bottom:20px; padding:4px; background:#031126; border:1px solid rgba(48,132,218,.35); border-radius:4px; }.auth-tabs button { padding:10px; background:transparent; color:#8da9c3; text-transform:uppercase; font-size:12px; font-weight:700; border-radius:3px; }.auth-tabs button.active { color:#fff; background:linear-gradient(180deg,#146fcf,#0a3d88); box-shadow:0 0 12px rgba(0,128,255,.25); }.auth-form { display:grid; gap:14px; }.auth-form > label { display:grid; gap:6px; color:#bad3e9; font-size:11px; text-transform:uppercase; font-weight:700; }.auth-form input:not([type="checkbox"]) { width:100%; padding:12px 13px; background:#020c1b; color:#edf7ff; border:1px solid #225b91; border-radius:3px; outline:0; font:500 14px 'Rajdhani',Arial,sans-serif; }.auth-form input:not([type="checkbox"]):focus { border-color:#44b8ff; box-shadow:0 0 0 3px rgba(21,146,255,.13); }.auth-form input::placeholder { color:#5e7d99; }.password-field { position:relative; }.password-field input { padding-right:42px !important; }.password-field button { position:absolute; right:5px; top:5px; width:32px; height:32px; background:transparent; color:#5d9acb; }.password-field button.revealed { color:#4cc4ff; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.auth-options { display:flex; justify-content:space-between; align-items:center; gap:8px; }.check-label { display:flex !important; align-items:center; gap:7px; color:#8eabc5 !important; font-size:11px !important; text-transform:none !important; font-weight:500 !important; }.check-label input { accent-color:#1689ef; }.text-button,.auth-switch button { padding:0; background:transparent; color:#4abaff; font-size:11px; }.text-button:hover,.auth-switch button:hover { text-decoration:underline; }.auth-submit { display:flex; justify-content:center; align-items:center; gap:12px; padding:12px; margin-top:4px; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:12px; font-weight:700; box-shadow:0 0 16px rgba(0,130,255,.23); }.auth-submit span { font-size:18px; }.auth-switch { margin:0; text-align:center; color:#829eb8; font-size:12px; }.terms-check { line-height:1.3; }

:root { --bg:#020916; --panel:#071526; --panel-2:#091c31; --line:rgba(60,136,228,.32); --blue:#1188ff; --cyan:#39baff; --text:#ecf5ff; --muted:#8ea9c4; --green:#40ef8b; }
* { 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:-3; background:linear-gradient(rgba(2,9,22,.80),rgba(2,9,22,.94)),url('../assets/images/background/page-background.jpg') center top/cover no-repeat,radial-gradient(circle at 50% 17%,#123b78 0,transparent 29%),linear-gradient(180deg,#020812 0,#06182c 42%,#020a16 100%); }
body:after { content:""; position:fixed; inset:0; z-index:-2; opacity:.22; pointer-events:none; background-image:linear-gradient(rgba(69,154,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(69,154,255,.04) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 70%); }
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,.88); 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:30px; }
.brand { display:inline-flex; align-items:center; gap:8px; min-width:150px; }
.brand-mark { color:#d9f1ff; font-family:Georgia,serif; font-size:42px; line-height:.8; text-shadow:0 0 9px #008cff,0 0 23px #0065db; transform:skew(-8deg); }
.brand-name { font-family:Georgia,serif; font-size:23px; color:#dce6f3; letter-spacing:.03em; text-shadow:0 0 7px rgba(255,255,255,.25); }
.brand-wordmark { display:block; width:140px; height:auto; object-fit:contain; filter:drop-shadow(0 0 7px rgba(0,140,255,.5)); }.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 14px; font-size:12px; text-transform:uppercase; font-weight:700; white-space:nowrap; color:#d9e5f4; position:relative; }
.nav-links a[href="pages/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; }.chevron { font-size:17px; color:#b6e7ff; }
.menu-toggle { display:none; background:transparent; padding:7px; }.menu-toggle span { width:24px; height:2px; background:#a4dfff; display:block; margin:5px; }
.hero { min-height:405px; position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(58,151,255,.32); background:linear-gradient(90deg,rgba(2,10,25,.16),rgba(2,10,25,.45) 48%,rgba(2,10,25,.16)),url('../assets/images/hero/hero-banner-clean.jpg') center/cover no-repeat; }
.hero:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(115deg,transparent 15%,rgba(10,103,198,.28),transparent 34%,rgba(43,168,255,.23) 50%,transparent 64%,rgba(11,92,187,.26),transparent 85%); clip-path:polygon(0 20%,100% 0,100% 80%,0 100%); }
.hero:after { content:""; position:absolute; width:760px; height:760px; left:calc(50% - 380px); top:-430px; z-index:-1; border:1px solid rgba(72,183,255,.22); border-radius:50%; box-shadow:0 0 80px rgba(0,133,255,.18),inset 0 0 70px rgba(0,133,255,.15); transform:scaleX(1.8); }
.hero-rays { position:absolute; left:50%; top:10px; width:3px; height:320px; background:linear-gradient(transparent,#49c7ff,transparent); filter:blur(6px); transform:rotate(8deg); opacity:.8; }
.hero-content { position:relative; z-index:2; text-align:center; padding:25px 0 28px; }
.eyebrow { margin:0 0 3px; color:#73bef4; text-transform:uppercase; font-size:10px; letter-spacing:.22em; }.eyebrow span { display:inline-block; width:45px; height:1px; margin:0 12px 3px; background:#46a8f7; }
.title-emblem { color:#41b9ff; font-size:43px; line-height:.75; text-shadow:0 0 16px #008fff; }.hero h1 { margin:0; text-transform:uppercase; font-family:'Cinzel',Georgia,serif; font-size:78px; letter-spacing:.06em; line-height:1; color:#f0f8ff; text-shadow:2px 3px 0 #0d2a4d,0 0 10px #7ed4ff,0 0 25px #0574dc; }.hero h1 span { color:#ccecff; }
.hero-version { display:inline-block; margin:3px 0 0; padding:2px 28px; border-top:1px solid #439eea; border-bottom:1px solid #439eea; font-family:'Cinzel',serif; font-size:24px; letter-spacing:.22em; text-transform:uppercase; text-shadow:0 0 9px #168eff; }.hero-subtitle { margin:7px 0 22px; text-transform:uppercase; font-size:13px; letter-spacing:.45em; color:#e4f1ff; }
.hero-art { position:absolute; bottom:-22px; z-index:1; width:240px; height:335px; color:#081a39; filter:drop-shadow(0 0 16px rgba(0,133,255,.9)); opacity:.95; }.hero-art:before { content:""; position:absolute; inset:15px 20px 0; background:linear-gradient(145deg,#071a3d,#164a88 38%,#020918 68%); clip-path:polygon(48% 0,65% 15%,72% 32%,95% 48%,78% 59%,87% 96%,50% 76%,17% 100%,24% 59%,0 45%,28% 27%,35% 10%); border:1px solid #4ab8ff; }.hero-art span { position:absolute; z-index:1; top:94px; left:86px; color:#b7e6ff; font-size:90px; text-shadow:0 0 4px #fff,0 0 22px #078fff; }.hero-art-left { left:calc(50% - 575px); transform:scaleX(-1); }.hero-art-right { right:calc(50% - 575px); transform:scale(.88); }.hero-art-right span { color:#e5f7ff; }
.hero-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; max-width:1000px; margin:0 auto; position:relative; z-index:3; }.action-card { display:flex; align-items:center; text-align:left; min-height:66px; padding:10px 16px; gap:13px; background:linear-gradient(135deg,rgba(6,26,55,.94),rgba(2,12,28,.96)); border:1px solid rgba(46,145,237,.75); border-radius:4px; box-shadow:inset 0 0 18px rgba(0,117,246,.1),0 5px 18px rgba(0,0,0,.34); transition:.2s ease; }.action-card:hover { transform:translateY(-3px); border-color:#69caff; box-shadow:0 0 22px rgba(0,149,255,.35); }.action-card.primary { background:linear-gradient(135deg,#0e81e8,#0b3c90); }.action-card strong { color:#56bdff; font-size:28px; min-width:28px; text-align:center; text-shadow:0 0 11px #008cff; }.action-card.primary strong { color:#fff; }.action-card span { display:grid; gap:1px; }.action-card b { font-size:14px; text-transform:uppercase; letter-spacing:.05em; }.action-card small { color:#a6c4dd; text-transform:uppercase; font-size:10px; }
.status-strip { min-height:94px; margin-top:14px; display:grid; grid-template-columns:1.3fr repeat(5,1fr); border:1px solid rgba(51,126,216,.45); background:linear-gradient(90deg,rgba(6,27,54,.93),rgba(3,17,34,.94)); border-radius:5px; box-shadow:0 0 18px rgba(0,100,220,.12); }.status-label,.stat { display:flex; align-items:center; gap:13px; padding:14px 17px; border-right:1px solid rgba(59,115,178,.24); }.status-label { position:relative; display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-content:center; text-transform:uppercase; }.status-label b { font-size:12px; }.status-label small { grid-column:2; color:#6da0c5; font-size:10px; }.status-pulse { width:9px; height:9px; grid-row:1 / 3; border-radius:50%; background:#38ed8a; box-shadow:0 0 12px #38ed8a; }.stat-icon { color:#087cff; font-size:30px; min-width:31px; text-align:center; text-shadow:0 0 15px #067cff; font-weight:700; }.stat { gap:10px; }.stat span:last-child { display:grid; gap:0; }.stat small,.stat em { color:#8ca8c0; font-size:10px; text-transform:uppercase; font-style:normal; }.stat b { font-size:22px; line-height:1; }.stat em { color:#66a3cf; font-size:9px; }.stat em::first-letter { color:#3496ff; }.green { color:#45f099; }
.content-grid { display:grid; grid-template-columns:1.08fr 1.1fr .95fr; gap:9px; margin-top:14px; align-items:start; }.panel { background:linear-gradient(180deg,rgba(6,25,48,.94),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); }.panel-heading { min-height:49px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(62,130,210,.32); }.panel-heading h2 { margin:0; font-size:15px; text-transform:uppercase; letter-spacing:.06em; }.panel-heading h2 span { color:#20a2ff; font-size:19px; margin-right:7px; }.panel-heading a { padding:5px 9px; background:#0d3c7b; border:1px solid #1c70bf; border-radius:2px; color:#b5daf7; font-size:9px; text-transform:uppercase; }.news-item { display:grid; grid-template-columns:123px 1fr; gap:12px; padding:10px 12px; border-bottom:1px solid rgba(55,114,180,.22); min-height:90px; }.news-item:last-child { border-bottom:0; }.news-thumb { display:grid; place-items:center; min-height:72px; border:1px solid #1a74c3; background:radial-gradient(circle,#a23d1d,#250e16 68%); overflow:hidden; }.news-thumb span { font-size:43px; color:#ffb559; filter:drop-shadow(0 0 9px #f50); }.thumb-gold { background:radial-gradient(circle,#8b5d15,#201b12 70%); }.thumb-gold span { color:#ffe79a; }.thumb-purple { background:radial-gradient(circle,#813b69,#1a1225 70%); }.thumb-purple span { color:#ffa3c8; }.thumb-blue { background:radial-gradient(circle,#195b9d,#07152b 70%); }.thumb-blue span { color:#a9e8ff; }.news-item small { color:#1ea7ff; text-transform:uppercase; font-size:10px; }.news-item h3 { margin:1px 0; font-size:15px; text-transform:uppercase; }.news-item p { margin:0 0 3px; color:#afc4d8; font-size:11px; line-height:1.15; }.news-item time { color:#7b9bb6; font-size:9px; }
.table-head,.ranking-list li { display:grid; grid-template-columns:37px 1fr 67px 47px; align-items:center; }.table-head { color:#81a6c8; padding:10px 13px 7px; text-transform:uppercase; font-size:9px; }.ranking-list { padding:0 12px; margin:0; list-style:none; }.ranking-list li { min-height:33px; border-top:1px solid rgba(55,114,180,.21); font-size:13px; }.ranking-list li > span { color:#d7e6f5; text-align:center; }.ranking-list strong { font-size:13px; }.rank { width:24px; height:24px; display:grid; place-items:center; color:#b5cbe1; font-size:12px; font-weight:600; }.rank-1 { color:#ffe589; border:1px solid #bd8d21; border-radius:50%; box-shadow:0 0 6px #bd8d21; }.rank-2 { color:#d7e6ff; border:1px solid #7197be; border-radius:50%; }.rank-3 { color:#ffc38e; border:1px solid #a56435; border-radius:50%; }.wide-btn { display:block; width:calc(100% - 24px); margin:9px 12px 11px; padding:9px; background:linear-gradient(180deg,#1368c6,#0a3377); border:1px solid #277ed3; border-radius:3px; text-transform:uppercase; font-weight:700; font-size:12px; }.wide-btn:hover,.download-card button:hover { filter:brightness(1.22); }
.download-card { min-height:121px; display:flex; align-items:center; justify-content:space-between; padding:13px 12px 13px 16px; border-bottom:1px solid rgba(55,114,180,.22); overflow:hidden; }.download-card h3 { margin:0 0 4px; text-transform:uppercase; font-size:14px; }.download-card p { margin:0 0 8px; color:#9db8d0; font-size:11px; line-height:1.2; }.download-card button { padding:8px 14px; background:linear-gradient(180deg,#1582ed,#0754b7); border:1px solid #359ef7; border-radius:3px; text-transform:uppercase; font-weight:700; font-size:11px; }.download-art { width:105px; font-size:75px; color:#8fd9ff; text-align:center; filter:drop-shadow(0 0 14px #087bdf); transform:rotate(-10deg); opacity:.9; }.download-card:nth-child(3) .download-art { color:#ccefff; }.download-card:nth-child(4) .download-art { color:#63bbff; }
.benefits { display:grid; grid-template-columns:repeat(6,1fr); margin-top:14px; border:1px solid rgba(51,126,216,.42); border-radius:4px; background:rgba(5,23,45,.84); }.benefits > div { display:grid; grid-template-columns:42px 1fr; gap:0 9px; align-content:center; padding:16px 11px; border-right:1px solid rgba(55,114,180,.22); }.benefits > div:last-child { border-right:0; }.benefits span { grid-row:1 / 3; color:#159cff; font-size:35px; text-align:center; text-shadow:0 0 11px #067cff; }.benefits h3 { margin:2px 0; text-transform:uppercase; font-size:12px; }.benefits p { margin:0; color:#9db5cc; font-size:9px; line-height:1.15; }
.footer { margin-top:16px; background:#020914; border-top:1px solid rgba(56,120,203,.3); }.footer-grid { display:grid; grid-template-columns:1.3fr 1.1fr 1fr 1fr; gap:50px; padding:32px 0 28px; }.footer-brand { display:block; margin-bottom:4px; }.footer-logo { display:block; width:180px; height:110px; object-fit:contain; object-position:left center; filter:drop-shadow(0 0 10px rgba(0,135,255,.35)); }.footer-about > p:first-of-type { margin:0 0 12px; color:#58b8ff; font-family:'Cinzel',serif; font-size:11px; }.footer p { color:#9aafc4; font-size:11px; line-height:1.35; }.footer h3 { margin:3px 0 15px; color:#47b9ff; text-transform:uppercase; font-size:14px; letter-spacing:.06em; }.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:8px 15px; color:#b1c6d9; font-size:11px; }.footer-links a:hover { color:#4abaff; }.payment-list { display:flex; gap:8px; }.payment-list button { display:grid; place-items:center; gap:4px; width:57px; height:52px; border:1px solid #1f6cae; background:#0a243e; color:#5be5ce; font-size:20px; border-radius:3px; }.payment-list button:nth-child(2) { color:#83c7ff; }.payment-list button:nth-child(3) { color:#86aeff; }.payment-list small { color:#c0d9ee; text-transform:uppercase; font-size:9px; }.donation-copy { max-width:185px; }.social-list { display:grid; gap:7px; }.social-list a { padding:8px 13px; background:linear-gradient(90deg,#1256a8,#0a2b63); border:1px solid #1f6dbc; border-radius:2px; text-transform:uppercase; font-size:11px; font-weight:700; }.social-list .youtube { background:linear-gradient(90deg,#b71423,#67131d); border-color:#d72b35; }.footer-bottom { min-height:49px; display:flex; justify-content:space-between; align-items:center; color:#7993ad; border-top:1px solid rgba(58,117,189,.2); font-size:10px; }.footer-bottom b { color:#98c7e9; font-size:11px; text-transform:uppercase; font-weight:500; }.toast { position:fixed; z-index:40; left:50%; bottom:25px; transform:translate(-50%,20px); opacity:0; pointer-events:none; padding:12px 18px; background:#092d5b; border:1px solid #3baaff; border-radius:4px; box-shadow:0 0 22px rgba(0,130,255,.35); transition:.25s ease; font-size:13px; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:1000px) { .topbar-inner { gap:14px; }.nav-links a { padding:0 7px; font-size:10px; }.account-btn { min-width:135px; font-size:9px; }.hero-art { opacity:.35; }.hero-art-left { left:-70px; }.hero-art-right { right:-70px; }.content-grid { grid-template-columns:1fr 1fr; }.downloads-panel { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,1fr); }.downloads-panel .panel-heading { grid-column:1 / -1; }.download-card { border-right:1px solid rgba(55,114,180,.22); }.benefits { grid-template-columns:repeat(3,1fr); }.benefits > div:nth-child(3) { border-right:0; }.benefits > div:nth-child(-n+3) { border-bottom:1px solid rgba(55,114,180,.22); } }
@media (max-width:720px) { .container { width:min(100% - 26px,560px); }.topbar { height:65px; }.brand { min-width:0; }.brand-name { font-size:20px; }.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; }.nav-links a.active:after { bottom:auto; top:0; width:2px; height:100%; }.account-btn { display:none; }.hero { min-height:480px; }.hero-content { padding-top:35px; }.hero h1 { font-size:46px; }.hero-version { font-size:17px; }.hero-subtitle { letter-spacing:.22em; font-size:11px; }.hero-art { opacity:.18; }.hero-actions { grid-template-columns:1fr 1fr; gap:8px; }.action-card { min-height:60px; padding:8px; gap:8px; }.action-card b { font-size:11px; }.action-card small { font-size:8px; }.action-card strong { font-size:23px; }.status-strip { grid-template-columns:1fr 1fr; }.status-label { grid-column:1 / -1; min-height:58px; border-bottom:1px solid rgba(55,114,180,.24); }.stat { min-height:72px; }.stat:nth-child(odd) { border-right:0; }.stat-icon { font-size:24px; }.content-grid { display:block; }.panel { margin-bottom:12px; }.downloads-panel { display:block; }.download-card { border-right:0; }.benefits { grid-template-columns:1fr 1fr; }.benefits > div:nth-child(3) { border-right:1px solid rgba(55,114,180,.22); }.benefits > div:nth-child(even) { border-right:0; }.benefits > div:nth-child(5),.benefits > div:nth-child(6) { border-bottom:0; }.footer-grid { grid-template-columns:1fr 1fr; gap:25px 18px; }.footer-about { grid-column:1 / -1; }.footer-bottom { padding:14px 0; display:grid; gap:8px; text-align:center; }.footer-bottom b { order:-1; } }
@media (max-width:420px) { .hero h1 { font-size:39px; }.hero-actions { grid-template-columns:1fr; }.hero { min-height:605px; }.status-strip { grid-template-columns:1fr; }.status-label,.stat { grid-column:auto; border-right:0; border-bottom:1px solid rgba(55,114,180,.24); }.stat:last-child { border-bottom:0; }.benefits,.footer-grid { grid-template-columns:1fr; }.benefits > div,.benefits > div:nth-child(3),.benefits > div:nth-child(5) { border-right:0; border-bottom:1px solid rgba(55,114,180,.22); }.benefits > div:last-child { border-bottom:0; }.footer-about { grid-column:auto; }.news-item { grid-template-columns:100px 1fr; }.news-item p { font-size:10px; } }
.toast { z-index:60; }
.benefits > a { display:grid; grid-template-columns:42px 1fr; gap:0 9px; align-content:center; padding:16px 11px; border-right:1px solid rgba(55,114,180,.22); }.benefits > a:last-child { border-right:0; }
.center-column { display:grid; gap:9px; min-width:0; }.slide-panel { overflow:hidden; }.slide-frame { position:relative; min-height:185px; display:flex; align-items:flex-end; padding:18px; background:linear-gradient(90deg,rgba(2,9,23,.85),rgba(2,9,23,.2)),url('../assets/images/hero/hero-banner-clean.jpg') center/cover no-repeat; }.slide-content { display:grid; gap:4px; position:relative; z-index:1; text-transform:uppercase; }.slide-content small { color:#4db9ff; font-size:10px; letter-spacing:.18em; }.slide-content strong { max-width:230px; color:#fff; font:700 20px 'Cinzel',Georgia,serif; text-shadow:0 0 12px #087bd9; }.slide-content button { width:max-content; margin-top:7px; padding:8px 13px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; }.slide-dots { position:absolute; right:14px; bottom:14px; display:flex; gap:5px; }.slide-dots i { width:7px; height:7px; border-radius:50%; background:#6a96b8; }.slide-dots i.active { background:#35b7ff; box-shadow:0 0 9px #35b7ff; }
@media (min-width:1001px) { .content-grid { align-items:stretch; }.center-column,.downloads-panel { height:100%; }.downloads-panel { display:flex; flex-direction:column; }.downloads-panel .download-card { flex:1; min-height:0; } }
@media (max-width:720px) { .center-column,.downloads-panel { height:auto; } }
.account-menu { position:relative; margin-left:auto; }.account-dropdown { position:absolute; right:0; top:calc(100% + 8px); z-index:30; min-width:180px; padding:6px; background:linear-gradient(160deg,#0a2d58,#031328); border:1px solid #2a8fe4; border-radius:4px; box-shadow:0 10px 25px rgba(0,0,0,.5),0 0 18px rgba(0,125,255,.25); }.account-dropdown[hidden] { display:none; }.account-dropdown button { display:block; width:100%; padding:10px 12px; background:transparent; color:#cbe7fb; text-align:left; text-transform:uppercase; font-size:11px; font-weight:700; border-radius:3px; }.account-dropdown button:hover { background:#0d4f99; color:#fff; }.account-btn.logged-in { border-color:#57c5ff; box-shadow:0 0 18px rgba(0,162,255,.4),inset 0 1px 0 rgba(255,255,255,.18); }
.hero { background-image:linear-gradient(90deg,rgba(2,10,25,.38),rgba(2,10,25,.66) 48%,rgba(2,10,25,.38)),url('../assets/images/hero/hero-banner-mustyle-v2.png'); }
.slide-frame { background-image:linear-gradient(90deg,rgba(2,9,23,.88),rgba(2,9,23,.38)),url('../assets/images/hero/hero-banner-mustyle-v2.png'); }
/* Movimento sutil do banner e brilho da identidade visual. */
.hero { background-position:50% 50%; animation:hero-drift 22s ease-in-out infinite alternate; }
.hero:before { animation:hero-light 9s ease-in-out infinite alternate; }
.title-emblem { animation:logo-glow 3.8s ease-in-out infinite; }
.hero h1 { animation:logo-float 5s ease-in-out infinite; }
.brand-logo { animation:logo-float 5s ease-in-out infinite; }
@keyframes hero-drift { from { background-position:48% 50%; } to { background-position:52% 48%; } }
@keyframes hero-light { from { opacity:.62; transform:translateX(-1.5%); } to { opacity:1; transform:translateX(1.5%); } }
@keyframes logo-glow { 0%,100% { text-shadow:0 0 16px #008fff; } 50% { text-shadow:0 0 25px #008fff,0 0 42px rgba(70,190,255,.55); } }
@keyframes logo-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
@media (prefers-reduced-motion:reduce) { .hero,.hero:before,.title-emblem,.hero h1,.brand-logo { animation:none; } }
.field-help { color:#6e98b8; font-size:10px; font-weight:500; line-height:1.3; text-transform:none; }
.auth-recovery-form { display:grid; gap:14px; }
.recovery-heading { display:grid; gap:4px; padding:12px 13px; background:rgba(4,25,51,.72); border:1px solid rgba(57,145,230,.35); border-radius:3px; }
.recovery-heading strong { color:#fff; font-size:16px; text-transform:uppercase; }
.recovery-heading span { color:#9ebbd4; font-size:12px; line-height:1.3; }
.auth-recovery-form label { display:grid; gap:6px; color:#bad3e9; font-size:11px; text-transform:uppercase; font-weight:700; }
.auth-recovery-form input:not([type="hidden"]) { width:100%; padding:12px 13px; background:#020c1b; color:#edf7ff; border:1px solid #225b91; border-radius:3px; outline:0; font:500 14px 'Rajdhani',Arial,sans-serif; }
.auth-recovery-form input:not([type="hidden"]):focus { border-color:#44b8ff; box-shadow:0 0 0 3px rgba(21,146,255,.13); }
.auth-recovery-form .password-field { display:block; }
.auth-recovery-form .password-field input { padding-right:42px !important; }
.auth-recovery-form .password-field button { position:absolute; right:5px; top:5px; width:32px; height:32px; background:transparent; color:#5d9acb; }
.recovery-feedback { min-height:18px; margin:0; color:#78d0ff; font-size:12px; line-height:1.35; }
.whatsapp-action { position:relative; animation:whatsappPulse 2.4s ease-in-out infinite; }
.whatsapp-action::after { content:''; position:absolute; inset:-3px; border:1px solid rgba(55,190,255,.6); border-radius:6px; opacity:0; pointer-events:none; animation:whatsappRing 2.4s ease-out infinite; }
@keyframes whatsappPulse { 0%,100% { box-shadow:inset 0 0 18px rgba(0,117,246,.1),0 5px 18px rgba(0,0,0,.34); } 50% { box-shadow:inset 0 0 22px rgba(0,164,255,.18),0 0 24px rgba(0,149,255,.38); } }
@keyframes whatsappRing { 0% { transform:scale(.98); opacity:.75; } 70%,100% { transform:scale(1.04); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .whatsapp-action,.whatsapp-action::after { animation:none; } }