/* Entrar e area do membro (usa as variaveis e componentes de conta.css) */
.fgt{text-align:right;margin:-4px 0 18px}
.code.small{height:48px!important;font-size:20px!important;width:150px;letter-spacing:.3em}
.submit.sm{height:44px;width:auto;padding:0 22px;font-size:15px}
.submit.dis{background:#e9e8e1;color:#8a918b;cursor:not-allowed}
.submit.dis::after{display:none}
.m-p{color:var(--muted);font-size:15px;line-height:22px;margin:0 0 14px}
.m-p.sm{font-size:13px;line-height:19px;color:var(--faint);margin:10px 0 0}
body.member{background:var(--bg);background-image:radial-gradient(60% 40% at 50% -10%,rgba(47,191,116,.22),transparent 70%);background-repeat:no-repeat}
.m-wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.m-top{position:sticky;top:0;z-index:20;background:rgba(246,245,240,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.m-top .m-wrap{display:flex;align-items:center;gap:14px;height:64px}
.m-top .langs{margin-left:auto}
.m-who{font-size:13px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-out{font-size:13px;font-weight:600;padding:8px 16px;border-radius:9999px;background:var(--ink);color:#fff;transition:background-color .3s var(--ease),transform .16s var(--ease)}
.m-out:hover{background:#2a352e}.m-out:active{transform:scale(.97)}
.m-main{padding:28px 0 40px}
.m-load{text-align:center;color:var(--muted);padding:96px 0}
.m-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;border-radius:28px;padding:40px 44px;margin-bottom:20px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2fbf74 0%,#16864a 50%,#0b4a2a 100%);box-shadow:0 30px 60px -28px rgba(11,74,42,.7),inset 0 1px 0 rgba(255,255,255,.25);animation:min .7s var(--ease) both}
.m-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 75%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%)}
.m-hero::after{content:"";position:absolute;width:340px;height:340px;right:-80px;top:-140px;border-radius:50%;background:#9bebb8;filter:blur(70px);opacity:.45}
.m-hero-txt{position:relative;max-width:560px}
.m-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;padding:5px 14px;border-radius:9999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);margin-bottom:16px}
.m-pill i{width:8px;height:8px;border-radius:50%;background:#9bebb8;box-shadow:0 0 0 0 rgba(155,235,184,.7);animation:livep 2.2s infinite}
@keyframes livep{70%,100%{box-shadow:0 0 0 8px rgba(155,235,184,0)}}
.m-hero h1{font-size:40px;line-height:44px;letter-spacing:-.03em;margin-bottom:10px}
.m-hero p{color:rgba(255,255,255,.88);font-size:16px;line-height:24px;max-width:480px}
.m-hero-art{position:relative;width:260px;height:120px;flex:none;z-index:1}
.mh{position:absolute;display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.36);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 24px 40px -18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.45);animation:mfloat 7s ease-in-out infinite}
.mh img{width:48px;height:48px}
.mh.a{left:0;top:18px}.mh.b{left:92px;top:-6px;animation-delay:-2.5s}.mh.c{left:176px;top:26px;animation-delay:-5s}
@keyframes mfloat{50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes min{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.m-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-areas:"plan dl" "dev dl" "help help";gap:20px}
#cPlan{grid-area:plan}#cDl{grid-area:dl}#cDev{grid-area:dev}#cHelp{grid-area:help}
.m-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 1px 2px rgba(17,22,19,.04),0 20px 40px -28px rgba(17,22,19,.25);transition:transform .5s var(--ease),box-shadow .5s var(--ease);animation:min .7s var(--ease) both}
#cPlan{animation-delay:.08s}#cDl{animation-delay:.16s}#cDev{animation-delay:.24s}#cHelp{animation-delay:.32s}
.m-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 62%);transform:translateX(-120%)}
@media (hover:hover){.m-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(17,22,19,.05),0 34px 56px -26px rgba(17,22,19,.35)}.m-card:hover::after{transform:translateX(120%);transition:transform .9s var(--ease)}}
.m-ch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.m-ch h2{font-size:18px;line-height:24px}
.m-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:9999px;background:var(--mint);color:var(--accent-ink);white-space:nowrap}
.m-badge.soft{background:var(--bg);color:var(--muted);font-weight:500}
.m-badge.expired,.m-badge.none{background:#fdecea;color:#b42318}.m-badge.unverified{background:#fff4dc;color:#7a4b00}
.m-big{font-size:32px;line-height:36px;font-weight:600;letter-spacing:-.03em;margin-bottom:6px}
.m-bar{height:10px;border-radius:9999px;background:var(--bg);overflow:hidden;margin:6px 0 4px}
.m-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1f9d55,#9bebb8);position:relative;transition:width 1.2s var(--ease);overflow:hidden}
.m-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:shim 2.6s var(--ease) infinite}
@keyframes shim{to{transform:translateX(100%)}}
#subscribe{margin-top:14px}
#cDl{background:radial-gradient(120% 90% at 100% 0%,#1f3a2a 0%,#111613 55%);color:#eef2ef;border-color:#1e2923}
#cDl::after{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.1) 48%,transparent 62%)}
#cDl .m-ch h2{color:#fff}
#cDl .m-badge.soft{background:rgba(255,255,255,.1);color:#cfd8d2}
#cDl .m-p{color:#b7c2bb}#cDl .m-p.sm{color:#8b958f}
#cDl .submit{background:linear-gradient(180deg,#2fbf74,#1f9d55);box-shadow:0 14px 28px -12px rgba(47,191,116,.7),inset 0 1px 0 rgba(255,255,255,.3);animation:dlp 3s ease-in-out infinite}
@keyframes dlp{50%{box-shadow:0 14px 34px -8px rgba(47,191,116,.95),inset 0 1px 0 rgba(255,255,255,.3)}}
#cDl .submit:hover{background:linear-gradient(180deg,#38cf80,#25a85d)}
#cDl .submit[disabled]{opacity:.5;animation:none;cursor:not-allowed}
#cDl .how{margin:20px 0 16px}
#cDl .how li{color:#b7c2bb}
#cDl .how li>b:first-child{background:rgba(155,235,184,.16);color:#9bebb8}
#cDl .how span b{color:#fff}
#cDl .err{margin-top:12px}
.m-urls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.copy{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#dfe6e1;font-size:12.5px;text-align:left;transition:background-color .3s var(--ease),transform .2s var(--ease)}
.copy:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}
.copy em{margin-left:auto;font-style:normal;font-size:11px;color:#9bebb8;font-weight:600}
.m-dev{display:grid;gap:10px;margin:0;padding:0}
.m-dev li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg);animation:min .5s var(--ease) both}
.m-dev li::before{content:"";flex:none;width:34px;height:34px;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%230d6b37'%3E%3Cpath d='M208 40H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h72v16H96a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16h-24v-16h72a24 24 0 0 0 24-24V64a24 24 0 0 0-24-24Zm8 136a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V64a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8Z'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 0 0 1px var(--line)}
.m-dev li>div{flex:1;min-width:0}
.m-dev b{display:block;font-size:14px;line-height:20px}
.m-dev small{display:block;font-size:12px;color:var(--faint)}
.m-rm{font-size:12px;font-weight:600;padding:7px 12px;border-radius:9999px;background:#fff;border:1px solid var(--line);color:var(--muted);transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.m-rm:hover{background:#fdecea;border-color:#f3c6c1;color:#b42318}
.m-warn{background:linear-gradient(180deg,#fffaf0,#fff4dc);border-color:#f1dca8;margin-bottom:20px}
.m-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.m-inline input{height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;font:inherit;text-align:center;font-weight:600}
.m-inline input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(31,157,85,.14)}
.m-foot{padding:8px 0 32px;border:0}

@media (max-width:900px){
  .m-grid{grid-template-columns:1fr;grid-template-areas:"plan" "dl" "dev" "help"}
  .m-hero{padding:28px 24px}
  .m-hero-art{display:none}
  .m-hero h1{font-size:32px;line-height:36px}
  .m-who{display:none}
}
@media (max-width:480px){.m-urls{grid-template-columns:1fr}.m-top .langs{display:none}.m-top .m-out{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.m-hero,.m-card,.mh,.m-pill i,.m-bar i::after,#cDl .submit,.m-dev li{animation:none}}

/* nada passa da largura da tela no celular */
html,body{overflow-x:clip;max-width:100%}