:root{--ink:#071633;--muted:#5e6a80;--line:#dfe8f3;--blue:#0564f4;--teal:#0795a3;--green:#2a841f;--orange:#f04416;--purple:#5130df;--surface:#fff;--soft:#f6f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}.topbar{position:sticky;top:0;z-index:50;min-height:86px;padding:12px 24px;display:flex;align-items:center;gap:26px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:265px;color:var(--ink);text-decoration:none}.brand-bulb{font-size:40px;filter:saturate(1.15)}.brand strong{display:block;font-size:27px;line-height:1}.brand small{display:block;margin-top:7px;font-size:10px;font-weight:800;letter-spacing:.06em}.main-nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}.main-nav a{display:flex;align-items:center;gap:7px;padding:12px 13px;color:var(--ink);font-weight:650;text-decoration:none;border-radius:11px;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:#087b8d;background:#eef9fb}.top-actions{display:flex;align-items:center;gap:13px}.crystal-pill,.icon-button,.avatar-button{border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.crystal-pill{padding:11px 16px;border-radius:10px}.icon-button{position:relative;width:42px;height:42px;border:0;font-size:22px}.icon-button span{position:absolute;top:0;right:0;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e51717;color:#fff;font-size:10px;font-weight:800}.avatar-button{width:46px;height:46px;border-radius:50%;padding:2px;overflow:hidden}.avatar-button img{width:100%;height:100%;border-radius:50%;object-fit:cover}.menu-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:23px}.page-shell{max-width:1540px;margin:auto;padding:16px 20px 24px}.hero-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:14px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.welcome-card{padding:10px 10px 12px}.welcome-card>p:first-child{margin:0;font-size:22px;font-weight:750}.welcome-card h1{margin:2px 0 16px;font-size:33px;color:var(--teal)}.welcome-card .lead{font-size:16px;line-height:1.55}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;gap:8px}.quick-stats div{padding-right:9px;border-right:1px solid var(--line)}.quick-stats div:last-child{border-right:0}.quick-stats b,.quick-stats small{display:block}.quick-stats b{font-size:16px}.quick-stats small{margin-top:5px;font-size:11px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 21px;border-radius:10px;background:linear-gradient(90deg,#0b8ca1,#04a4b0);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 9px 25px rgba(5,141,160,.18)}.feature-card{min-height:300px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(24,43,83,.1)}.feature-card.games{background:linear-gradient(150deg,#effaff,#fff)}.feature-card.studies{background:linear-gradient(150deg,#f3fbf0,#fff)}.feature-card.market{background:linear-gradient(150deg,#fff7ef,#fff)}.feature-card.members{background:linear-gradient(150deg,#f6f2ff,#fff)}.feature-visual{height:126px;display:grid;place-items:center;position:relative;font-size:84px}.feature-visual span{position:absolute;top:10px;right:25%;width:41px;height:32px;display:grid;place-items:center;border-radius:50%;background:#08a2ae;color:#fff;font-size:20px;font-weight:900}.feature-card h2{margin:3px 0 8px;font-size:20px}.games h2{color:var(--teal)}.studies h2{color:var(--green)}.market h2{color:var(--orange)}.members h2{color:var(--purple)}.feature-card p{margin:0;line-height:1.5}.outline-button,.panel-button{margin-top:auto;padding:10px;border:1px solid currentColor;border-radius:7px;text-align:center;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:1.08fr 1.02fr 1fr .94fr;gap:14px;margin-top:14px}.panel{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 3px 15px rgba(38,66,110,.025)}.panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel header h2{margin:0;font-size:16px}.panel header a{font-size:11px;color:#075fd8;text-decoration:none}.subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 7px}.subject-grid a{display:grid;justify-items:center;gap:6px;color:var(--ink);text-decoration:none}.subject-grid span{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#f0f5fb;color:#1768ea;font-size:22px;font-weight:900}.subject-grid small{font-size:10px}.panel-button{display:block;margin-top:16px;padding:9px;color:#00619e;background:#f5f9fd;border-color:#edf2f8;text-decoration:none;font-size:11px}.event-list{display:grid;gap:10px}.event{min-height:70px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid #e6edf5;border-radius:8px}.event time{display:grid;place-items:center;border-right:1px solid var(--line);font-size:10px}.event time b{font-size:21px}.event strong,.event small{display:block}.event strong{font-size:12px}.event small{margin-top:8px;color:var(--muted);font-size:9px}.status{padding:5px;border-radius:5px;font-size:9px}.success{color:#228514;background:#eef9ec}.warning{color:#e86e00;background:#fff3e6}.info{color:#1768ea;background:#edf4ff}.sport-tabs{display:flex;gap:5px}.sport-tabs button{flex:1;padding:7px;border:0;border-radius:6px;background:#f1f4f8;font-size:9px}.sport-tabs button.active{background:#0796a6;color:#fff}.score-card{display:grid;grid-template-columns:1fr auto 1.3fr auto 1fr;align-items:center;text-align:center;margin:10px 0;padding:8px;border:1px solid #e6edf5;border-radius:9px}.score-card>div{display:grid;justify-items:center}.score-card strong{font-size:29px}.score-card small{font-size:9px}.team-badge{font-size:26px}.match-info b{font-size:15px}.match-stats p{display:flex;justify-content:space-between;margin:8px 0 4px;font-size:9px}.match-stats div{height:4px;background:#e7edf4}.match-stats i{display:block;height:100%;background:#0796a6}.profile-summary{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:8px;border:1px solid #e6edf5;border-radius:9px}.profile-summary img{width:64px;height:64px;border-radius:50%;object-fit:cover}.profile-summary strong,.profile-summary small,.profile-summary span{display:block}.profile-summary small{margin:3px 0 9px;color:var(--muted);font-size:9px}.profile-summary span{color:#5037d4;font-size:10px}.profile-progress{margin:10px}.profile-progress:before{content:"";display:block;height:5px;border-radius:8px;background:linear-gradient(90deg,#f29f15 35%,#4c33ef 35% 78%,#e9edf5 78%)}.profile-progress small{display:block;margin-top:5px;text-align:right;font-size:9px}.profile-panel h3{font-size:12px}.subscriptions{list-style:none;padding:0;margin:0;display:grid;gap:6px}.subscriptions li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;border-bottom:1px solid #eef2f6;font-size:10px}.subscriptions span small{display:block;color:var(--muted);margin-top:3px}.subscriptions b{color:#268b25}.subscriptions em{color:#e56c00;font-style:normal}.market-row{display:grid;grid-template-columns:2.15fr .95fr;gap:14px;margin-top:14px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr)}.product-grid a{min-height:142px;padding:10px;display:grid;grid-template-columns:54px 1fr;gap:7px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.product-grid a:last-child{border-right:0}.product-grid a>span{font-size:44px}.product-grid strong,.product-grid small{display:block}.product-grid small{margin-top:7px;line-height:1.45;font-size:10px}.product-grid b{grid-column:1/-1;align-self:end;padding:7px;border:1px solid #b8e0e8;border-radius:6px;color:#087a8a;text-align:center;font-size:10px}.ad-panel{display:grid;grid-template-columns:130px 1fr;align-items:center;padding:20px;border:1px solid #e3ddfb;border-radius:13px;background:linear-gradient(135deg,#fff,#f5f0ff)}.ad-panel>span{font-size:90px}.ad-panel h2{margin:0;color:#4a21cf}.ad-panel p{line-height:1.5}.ad-panel a{display:block;padding:10px;border-radius:6px;background:#6339dc;color:#fff;text-align:center;text-decoration:none;font-weight:800}.benefits{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;align-items:center;gap:14px;margin-top:10px;padding:12px 24px;border:1px solid var(--line);border-radius:12px}.benefits>div{display:flex;align-items:center;gap:12px}.benefits>div>span{font-size:29px}.benefits p,.benefits strong,.benefits small{display:block;margin:0}.benefits small{margin-top:4px;color:var(--muted);font-size:10px}.social{justify-content:flex-end}.social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;font-weight:800}@media(max-width:1250px){.topbar{gap:12px}.brand{min-width:210px}.brand strong{font-size:23px}.main-nav a{padding:10px 8px}.hero-grid{grid-template-columns:1.4fr repeat(2,1fr)}.welcome-card{grid-row:span 2}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.social{justify-content:flex-start}}@media(max-width:850px){.topbar{min-height:72px;padding:10px 14px}.brand{min-width:0;margin-right:auto}.brand-bulb{font-size:31px}.brand strong{font-size:20px}.brand small{font-size:8px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:12px;right:12px;padding:10px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px rgba(15,35,75,.16)}.main-nav.open{display:flex}.top-actions .crystal-pill{display:none}.hero-grid{grid-template-columns:1fr 1fr}.welcome-card{grid-column:1/-1;grid-row:auto}.dashboard-grid,.market-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid a{border-bottom:1px solid var(--line)}.benefits{grid-template-columns:1fr}.social{flex-wrap:wrap}}@media(max-width:540px){.page-shell{padding:10px}.top-actions{gap:4px}.icon-button{display:none}.hero-grid{grid-template-columns:1fr;padding:10px}.feature-card{min-height:260px}.dashboard-grid{grid-template-columns:1fr}.subject-grid{grid-template-columns:repeat(3,1fr)}.event{grid-template-columns:42px 1fr}.event .status{grid-column:2;justify-self:start}.product-grid{grid-template-columns:1fr}.product-grid a{border-right:0}.ad-panel{grid-template-columns:75px 1fr}.ad-panel>span{font-size:55px}.quick-stats{gap:3px}.quick-stats b{font-size:13px}.welcome-card h1{font-size:29px}}


/* Tema claro/escuro — v1.1 */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.theme-toggle:hover{transform:translateY(-1px)}.theme-icon{font-size:18px;line-height:1}.theme-label{font-size:12px}
html[data-theme="dark"]{--ink:#eef5ff;--muted:#a8b6cb;--line:#27364b;--surface:#111b2b;--soft:#0d1624;--blue:#6ba4ff;--teal:#38cad5;--green:#77cb68;--orange:#ff875e;--purple:#a990ff;color-scheme:dark}
html[data-theme="dark"] body{background:#08111e;color:var(--ink)}
html[data-theme="dark"] .topbar{background:rgba(8,17,30,.94);border-color:var(--line)}
html[data-theme="dark"] .crystal-pill,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .avatar-button,html[data-theme="dark"] .theme-toggle{background:#111b2b;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .main-nav a{color:var(--ink)}
html[data-theme="dark"] .main-nav a:hover,html[data-theme="dark"] .main-nav a.active{background:#123044;color:#71e4ef}
html[data-theme="dark"] .hero-grid,html[data-theme="dark"] .panel,html[data-theme="dark"] .benefits{background:#0d1726;border-color:var(--line);box-shadow:none}
html[data-theme="dark"] .welcome-card{background:radial-gradient(circle at 12% 8%,rgba(31,191,207,.14),transparent 40%),#0d1726}
html[data-theme="dark"] .feature-card{color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .feature-card.games{background:linear-gradient(150deg,#102839,#111b2b)}
html[data-theme="dark"] .feature-card.studies{background:linear-gradient(150deg,#17291d,#111b2b)}
html[data-theme="dark"] .feature-card.market{background:linear-gradient(150deg,#322115,#111b2b)}
html[data-theme="dark"] .feature-card.members{background:linear-gradient(150deg,#211a3b,#111b2b)}
html[data-theme="dark"] .subject-grid a,html[data-theme="dark"] .product-grid a,html[data-theme="dark"] .social a{color:var(--ink)}
html[data-theme="dark"] .subject-grid span,html[data-theme="dark"] .sport-tabs button{background:#182538;color:#8ab8ff}
html[data-theme="dark"] .sport-tabs button.active{background:#0796a6;color:#fff}
html[data-theme="dark"] .panel-button{background:#132236;border-color:#20334b;color:#6fd9ea}
html[data-theme="dark"] .event,html[data-theme="dark"] .score-card,html[data-theme="dark"] .profile-summary{border-color:#26374d;background:#101c2c}
html[data-theme="dark"] .match-stats div{background:#25354a}
html[data-theme="dark"] .subscriptions li{border-color:#25354a}
html[data-theme="dark"] .product-grid a{border-color:var(--line)}
html[data-theme="dark"] .ad-panel{background:linear-gradient(135deg,#171426,#241a43);border-color:#403568}
html[data-theme="dark"] .main-nav{border-color:var(--line)}
@media(max-width:850px){html[data-theme="dark"] .main-nav{background:#0d1726;box-shadow:0 16px 35px rgba(0,0,0,.38)}}
@media(max-width:650px){.theme-label{display:none}.theme-toggle{width:42px;justify-content:center;padding:8px}}

/* v1.2 — reforço de legibilidade para uso prolongado */
:root{font-size:16px}
body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.page-shell{max-width:1600px;margin:0 auto;padding:20px 24px 30px}
.hero-grid{gap:18px;padding:18px}
.feature-card,.welcome-card,.panel,.ad-panel,.benefits{border-width:1.5px}
.welcome-card p{font-size:1rem}.welcome-card .lead{font-size:1.02rem;line-height:1.65}.welcome-card h1{font-size:2.25rem;line-height:1.08}
.feature-card h2{font-size:1.12rem;letter-spacing:.01em}.feature-card p{font-size:.94rem;line-height:1.55;max-width:28ch}.outline-button,.primary-button{font-size:.84rem;min-height:42px;display:flex;align-items:center;justify-content:center}
.panel{padding:18px}.panel header h2{font-size:1.05rem}.panel header a,.panel-button{font-size:.82rem;font-weight:700}
.subject-grid{gap:16px 10px}.subject-grid small{font-size:.76rem;font-weight:650;text-align:center}.subject-grid span{width:52px;height:52px;font-size:1.45rem}
.event{min-height:84px;padding:12px}.event strong{font-size:.87rem}.event small{font-size:.76rem;line-height:1.4}.event time{font-size:.72rem}.status{font-size:.68rem;font-weight:800}
.sport-tabs button{font-size:.74rem;min-height:34px}.score-card small,.match-stats p{font-size:.76rem}.match-info b{font-size:1rem}
.profile-summary small{font-size:.74rem}.profile-summary span{font-size:.78rem}.profile-panel h3{font-size:.88rem}.subscriptions li{font-size:.78rem}.subscriptions span small{font-size:.7rem}
.product-grid a{min-height:168px;padding:14px}.product-grid strong{font-size:.88rem}.product-grid small{font-size:.76rem;line-height:1.55}.product-grid b{font-size:.72rem;min-height:34px;display:flex;align-items:center;justify-content:center}
.ad-panel h2{font-size:1.5rem}.ad-panel p{font-size:.95rem}.benefits strong{font-size:.88rem}.benefits small{font-size:.76rem;line-height:1.4}
html[data-theme="light"] body{background:#f6f8fc;color:#101828}
html[data-theme="light"] .panel,html[data-theme="light"] .hero-grid,html[data-theme="light"] .benefits{background:#fff}
html[data-theme="light"] .feature-card p,html[data-theme="light"] .event small,html[data-theme="light"] .product-grid small,html[data-theme="light"] .benefits small{color:#45556c}
html[data-theme="dark"]{--ink:#f5f8ff;--muted:#c0ccdc;--line:#344861;--surface:#142136;--soft:#0c1727}
html[data-theme="dark"] body{background:#07111f;color:#f5f8ff}
html[data-theme="dark"] .panel,html[data-theme="dark"] .hero-grid,html[data-theme="dark"] .benefits{background:#101c2c}
html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .event small,html[data-theme="dark"] .product-grid small,html[data-theme="dark"] .benefits small,html[data-theme="dark"] .profile-summary small{color:#c3cede}
html[data-theme="dark"] .panel header a,html[data-theme="dark"] .panel-button{color:#75ddec}
html[data-theme="dark"] .feature-card.games{background:linear-gradient(150deg,#14344a,#101c2c)}
html[data-theme="dark"] .feature-card.studies{background:linear-gradient(150deg,#1b3625,#101c2c)}
html[data-theme="dark"] .feature-card.market{background:linear-gradient(150deg,#3b2818,#101c2c)}
html[data-theme="dark"] .feature-card.members{background:linear-gradient(150deg,#2b2250,#101c2c)}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-card{grid-column:1/-1;grid-row:auto}.market-row{grid-template-columns:1fr}}
@media(max-width:700px){.page-shell{padding:12px}.hero-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.panel{padding:15px}.welcome-card h1{font-size:1.9rem}.product-grid{grid-template-columns:1fr}.subject-grid{grid-template-columns:repeat(3,1fr)}}

/* v1.3 — botão de tema sempre visível no celular */
@media(max-width:650px){
  .theme-toggle{
    position:fixed;
    z-index:90;
    right:12px;
    bottom:max(14px,env(safe-area-inset-bottom));
    width:auto;
    min-width:112px;
    height:46px;
    justify-content:center;
    padding:9px 14px;
    border-radius:999px;
    box-shadow:0 12px 30px rgba(0,0,0,.24);
  }
  .theme-label{display:inline!important;font-size:.76rem}
  .theme-icon{font-size:1.1rem}
}