.hero{display:flex;align-items:center;padding:40px 0 48px}
.hero>*{flex:1 1 0%;min-width:0}
.hero>*:first-child{flex-grow:1.05}
.hero>*+*{margin-left:48px}
.eyebrow{display:inline-block;font-size:13px;font-weight:600;color:#67e8f9;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25);padding:5px 12px;border-radius:999px}
.hero h1{font-size:38px;line-height:1.05;letter-spacing:-.03em;margin:18px 0 16px}
@media (min-width:704px){.hero h1{font-size:5.4vw}}
@media (min-width:1112px){.hero h1{font-size:60px}}
.hero .lead{font-size:18px;max-width:34em;margin:0 0 28px}
/* Aviso de abertura do beta, abaixo da descrição do destaque. */
.launch{display:flex;align-items:center;max-width:34em;margin:-8px 0 26px;padding:12px 16px;border-radius:12px;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.07);background:linear-gradient(90deg,rgba(34,211,238,.1),rgba(167,139,250,.08))}
.launch-icon{width:36px;height:36px;flex:none;margin-right:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#67e8f9;background:rgba(34,211,238,.12)}
.launch-icon svg{width:20px;height:20px}
.launch b{display:block;color:#f8fafc;font-size:15px}
.launch div>span{display:block;color:#94a3b8;font-size:13px;margin-top:2px}
.cta{display:flex;flex-wrap:wrap;margin-bottom:-12px}
.cta>*{margin:0 12px 12px 0}
.art{position:relative;border-radius:22px;overflow:hidden;background:#05070d;border:1px solid #273449;box-shadow:0 20px 60px rgba(34,211,238,.08),0 20px 50px rgba(0,0,0,.5)}
.art:before{content:"";display:block;padding-top:62.5%}
.art img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.overview{display:flex;align-items:flex-start;padding-bottom:56px}
.overview>*{flex:1 1 0%;min-width:0}
.overview>*+*{flex-grow:2;margin-left:16px}
.status-line{display:flex;align-items:center;margin:6px 0 4px;font-size:20px;font-weight:700;color:#f8fafc}
.status-line .dot{margin-right:12px;flex:none}
.ranking{list-style:none;margin:0;padding:0;-webkit-column-count:2;column-count:2;-webkit-column-gap:24px;column-gap:24px}
.ranking li{display:flex;align-items:center;padding:9px 0;border-top:1px solid #1e293b;font-size:15px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
.ranking li:nth-child(1),.ranking li:nth-child(6){border-top:none}
.ranking .pos{width:28px;flex:none;font-weight:700;color:#64748b}
.ranking li:nth-child(-n+3) .pos{color:#22d3ee}
.ranking .who{flex:1 1 auto;min-width:0}
.ranking .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc}
.ranking .who span{font-size:13px;color:#94a3b8}
.ranking .lvl{margin-left:8px;flex:none;font-weight:600;color:#f8fafc}
.ranking .lvl small{font-size:12px;font-weight:500;color:#94a3b8}
.icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(34,211,238,.1);color:#22d3ee;border:1px solid rgba(34,211,238,.25);margin-bottom:14px}
.icon svg{width:20px;height:20px}
.soon-card .icon{background:#162238;color:#64748b;border-color:#273449}
.facts{list-style:none;margin:14px 0 0;padding:0;font-size:14px}
.facts li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #1e293b}
.facts li:first-child{border-top:none}
.facts span{color:#94a3b8}
.facts strong{font-weight:600;text-align:right;margin-left:12px;color:#f8fafc}
.more{display:inline-block;margin-top:12px;font-weight:600;font-size:14px;color:#22d3ee}
/* Conta */
.account-grid{display:flex;align-items:flex-start}
.account-grid>*:first-child{width:280px;flex:none}
.account-grid>*+*{flex:1 1 auto;min-width:0;margin-left:16px}
.profile{text-align:center;display:flex;flex-direction:column;align-items:center}
.avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#0e7490,#6d28d9);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff;margin-bottom:14px;box-shadow:0 0 0 3px #273449}
.avatar img{width:100%;height:100%;object-fit:cover}
.pname{font-size:18px;color:#f8fafc}
.puser{color:#94a3b8;font-size:14px}
.avatar-actions{display:flex;margin:16px 0 10px}
.avatar-actions>*+*{margin-left:8px}
.avatar-actions label{margin:0}
.forms>*+*{margin-top:16px}
.signed-out{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.signed-out>*{margin:6px 16px 6px 0}
.email-ok{color:#4ade80;font-weight:600}
@media (max-width:820px){
  .hero{display:block;padding:24px 0 36px}.hero>*+*{margin-left:0;margin-top:28px}
  .overview{display:block}.overview>*+*{margin-left:0;margin-top:16px}
  .ranking{-webkit-column-count:1;column-count:1}
  .ranking li:nth-child(6){border-top:1px solid #1e293b}
  .account-grid{display:block}.account-grid>*:first-child{width:auto}.account-grid>*+*{margin-left:0;margin-top:16px}
}