/* ============================================================
   SÓ EU — UI compartilhada (glass / noite)
   ============================================================ */
:root{
  --noite:#0B1027;
  --noite-2:rgba(29,38,80,.72);
  --glass:rgba(20,27,61,.78);
  --papel:#F5F2EA;
  --tinta:#0B1027;
  --eu:#FF4D6D;
  --eu-2:#FF6B8A;
  --multidao:#8B93C0;
  --ouro:#F5C451;
  --sim:#4ADE80;
  --azul:#5B8CFF;
  --linha:rgba(255,255,255,.10);
  --texto:#EEF1FF;
  --muted:#9AA3C7;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --r-card:22px; --r-btn:16px; --r-input:14px;
}

.soeu-bg,
body.soeu-skin{
  background:var(--noite);
  color:var(--texto);
  font-family:'Archivo',system-ui,sans-serif;
}
body.soeu-skin{
  min-height:100dvh;
  overflow-x:hidden;
}
body.soeu-skin::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 40% at 85% 8%, rgba(255,65,108,.16), transparent 55%),
    radial-gradient(ellipse 45% 35% at 10% 90%, rgba(61,139,255,.12), transparent 50%),
    linear-gradient(180deg, rgba(7,13,36,.52), rgba(7,13,36,.88)),
    url('/background2.png') center / cover no-repeat;
  background-color:#070d24;
}
body.soeu-skin > *{position:relative;z-index:2}

.display{font-family:'Archivo Black',sans-serif;letter-spacing:-.03em;line-height:.95}
.mono{font-family:'JetBrains Mono',monospace}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--multidao)}

.glass{
  background:var(--glass);
  border:1px solid var(--linha);
  border-radius:var(--r-card);
  backdrop-filter:blur(16px);
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(255,77,109,.06);
}

.marca-logo{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.marca-logo img{height:40px;width:auto;display:block}

.pill{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.04);border:1px solid var(--linha);
  color:#DCE0F2;text-decoration:none;padding:8px 12px;border-radius:999px;
  font:600 12.5px Archivo,sans-serif;cursor:pointer;white-space:nowrap;
}
.pill:hover{background:rgba(255,255,255,.07);color:#fff}
.pill.on,.pill.pri{
  background:linear-gradient(135deg,var(--eu),var(--eu-2));color:#fff;border-color:transparent;
  box-shadow:0 8px 22px rgba(255,77,109,.32);
}

.btn{
  border:0;border-radius:var(--r-btn);padding:17px 22px;width:100%;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:15.5px;cursor:pointer;
  transition:transform .14s,filter .15s,opacity .15s;color:#fff;
}
.btn:active{transform:scale(.98)}
.btn:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}
.btn-eu{
  background:linear-gradient(135deg,var(--eu),var(--eu-2));
  box-shadow:0 10px 28px rgba(255,77,109,.32);
}
.btn-eu:hover{filter:brightness(1.06)}
.btn-fantasma,.btn-ghost{
  background:rgba(255,255,255,.04);color:#DCE0F2;border:1px solid var(--linha);
  box-shadow:none;
}
.btn:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}

.saldo-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.05);border:1px solid var(--linha);
  padding:8px 12px;border-radius:999px;font-size:12.5px;color:var(--muted);
}
.saldo-pill b{font-family:'JetBrains Mono',monospace;color:var(--ouro);font-size:13px}
.saldo-pill .coin{
  width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE08A,var(--ouro));
  box-shadow:0 0 10px rgba(245,196,81,.45);
}

/* ---------- menu padrão (perfil / arquivo / júri / privacidade) ---------- */
.soeu-topo{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:22px;padding:10px 4px;
}
.soeu-topo .marca-logo{flex-shrink:0}
.soeu-nav{
  display:flex;gap:6px;align-items:center;flex-wrap:nowrap;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding:4px 2px;max-width:100%;
}
.soeu-nav::-webkit-scrollbar{display:none}
.soeu-nav a,.soeu-nav button{
  flex-shrink:0;display:inline-flex;align-items:center;gap:6px;
  background:transparent;border:1px solid transparent;color:var(--muted);
  text-decoration:none;padding:9px 12px;border-radius:999px;
  font:600 13px 'Archivo',sans-serif;cursor:pointer;white-space:nowrap;
  transition:background .15s,color .15s,border-color .15s,box-shadow .15s;
}
.soeu-nav a:hover,.soeu-nav button:hover{color:#fff;background:rgba(255,255,255,.06)}
.soeu-nav a.on{
  background:linear-gradient(135deg,var(--eu),var(--eu-2));color:#fff;border-color:transparent;
  box-shadow:0 0 0 1px rgba(255,77,109,.35), 0 8px 28px rgba(255,77,109,.45), 0 0 40px rgba(255,77,109,.2);
}
.soeu-nav .ico{font-size:14px;line-height:1;opacity:.9}
@media(max-width:720px){
  .soeu-topo{flex-direction:column;align-items:stretch;gap:10px}
  .soeu-nav{justify-content:flex-start}
}

/* ---------- cards com brilho / flare ---------- */
.glow-card{
  position:relative;isolation:isolate;overflow:visible;
  background:linear-gradient(165deg, rgba(28,36,72,.88), rgba(12,16,36,.92));
  border:1px solid rgba(120,160,255,.38);
  border-radius:16px;
  backdrop-filter:blur(14px);
  box-shadow:
    0 0 0 1px rgba(91,140,255,.1),
    0 0 22px rgba(91,140,255,.22),
    0 14px 36px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.glow-card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:0;
  background:linear-gradient(125deg,
    rgba(200,220,255,.95) 0%,
    rgba(91,140,255,.55) 12%,
    transparent 32%,
    transparent 68%,
    rgba(120,160,255,.45) 88%,
    rgba(180,210,255,.75) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.glow-card .flare{
  position:absolute;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:3;
  background:radial-gradient(circle,#fff 0%,#c8dcff 40%,transparent 72%);
  box-shadow:0 0 10px 3px rgba(160,200,255,.75), 0 0 22px 6px rgba(91,140,255,.35);
}
.glow-card .flare-tr{top:-3px;right:14%}
.glow-card .flare-tl{top:-3px;left:12%}
.glow-card .flare-br{bottom:-3px;right:10%}
.glow-card .flare-bl{bottom:-3px;left:14%}

.glow-card.glow-ouro{
  border-color:rgba(245,196,81,.62);
  box-shadow:
    0 0 0 1px rgba(245,196,81,.28),
    0 0 28px rgba(245,196,81,.38),
    0 0 56px rgba(245,196,81,.16),
    0 14px 36px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,245,200,.1);
}
.glow-card.glow-ouro::before{
  background:linear-gradient(125deg,
    rgba(255,230,150,.98) 0%,
    rgba(245,196,81,.7) 14%,
    transparent 34%,
    transparent 66%,
    rgba(245,180,60,.65) 86%,
    rgba(255,240,180,.95) 100%);
}
.glow-card.glow-ouro .flare{
  background:radial-gradient(circle,#fff 0%,#ffe08a 42%,transparent 72%);
  box-shadow:0 0 12px 4px rgba(245,196,81,.85), 0 0 28px 8px rgba(245,196,81,.4);
}
@keyframes soeu-glow-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(245,196,81,.28),0 0 28px rgba(245,196,81,.38),0 0 56px rgba(245,196,81,.16),0 14px 36px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,245,200,.1)}
  50%{box-shadow:0 0 0 1px rgba(245,196,81,.4),0 0 36px rgba(245,196,81,.5),0 0 70px rgba(245,196,81,.22),0 14px 36px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,245,200,.14)}
}
.glow-card.glow-ouro{animation:soeu-glow-pulse 2.8s ease-in-out infinite}

.glow-card.glow-verde{
  border-color:rgba(74,222,128,.45);
  background:linear-gradient(165deg, rgba(20,48,36,.55), rgba(12,22,28,.88));
  box-shadow:
    0 0 0 1px rgba(74,222,128,.18),
    0 0 22px rgba(74,222,128,.22),
    0 12px 32px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(180,255,210,.06);
}
.glow-card.glow-verde::before{
  background:linear-gradient(125deg,
    rgba(180,255,210,.9) 0%,
    rgba(74,222,128,.55) 14%,
    transparent 36%,
    transparent 64%,
    rgba(74,222,128,.5) 86%,
    rgba(190,255,220,.85) 100%);
}
.glow-card.glow-verde .flare{
  background:radial-gradient(circle,#fff 0%,#86efac 42%,transparent 72%);
  box-shadow:0 0 12px 4px rgba(74,222,128,.8), 0 0 24px 6px rgba(74,222,128,.35);
}
@media (prefers-reduced-motion:reduce){
  .glow-card.glow-ouro{animation:none}
}

/* =========================================================
   SÓ EU — CARDS NEON / GLASSMORPHISM
   ========================================================= */
:root{
  --soeu-bg:#070d24;
  --soeu-bg-secondary:#0c1433;
  --soeu-card:rgba(15,25,62,.78);
  --soeu-card-hover:rgba(20,32,75,.92);
  --soeu-input:rgba(7,14,40,.72);
  --soeu-text:#ffffff;
  --soeu-text-secondary:#aeb9dd;
  --soeu-text-muted:#7784ad;
  --soeu-pink:#ff416c;
  --soeu-pink-light:#ff5b7f;
  --soeu-magenta:#ec3fff;
  --soeu-blue:#3d8bff;
  --soeu-cyan:#38d6ff;
  --soeu-purple:#8c5cff;
  --soeu-green:#43e8a0;
  --soeu-yellow:#ffc83d;
  --soeu-border:rgba(135,155,224,.25);
  --soeu-border-strong:rgba(135,155,224,.42);
  --soeu-radius-sm:12px;
  --soeu-radius-md:18px;
  --soeu-radius-lg:26px;
  --soeu-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
}

.soeu-page{
  min-height:100dvh;
  position:relative;
  overflow-x:hidden;
  color:var(--soeu-text);
}

.soeu-card{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--soeu-border);
  border-radius:var(--soeu-radius-lg);
  background:linear-gradient(145deg, rgba(22,34,77,.88), rgba(8,16,45,.78));
  box-shadow:var(--soeu-shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease,background 220ms ease;
}
.soeu-card::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.07), transparent 24%, transparent 70%, rgba(255,65,108,.04));
}
.soeu-card::after{
  content:"";position:absolute;z-index:-1;inset:-2px;opacity:0;border-radius:inherit;filter:blur(18px);
  background:linear-gradient(135deg, rgba(255,65,108,.38), rgba(61,139,255,.22), rgba(236,63,255,.32));
  transition:opacity 220ms ease;
}
.soeu-card:hover{
  transform:translateY(-3px);
  border-color:var(--soeu-border-strong);
  background:linear-gradient(145deg, rgba(26,40,88,.94), rgba(10,19,52,.88));
  box-shadow:0 30px 80px rgba(0,0,0,.42), 0 0 32px rgba(61,139,255,.07), inset 0 1px 0 rgba(255,255,255,.07);
}
.soeu-card:hover::after{opacity:.45}
.soeu-card > *{position:relative;z-index:1}

.soeu-neon-card{
  position:relative;border-radius:var(--soeu-radius-lg);padding:1px;
  background:linear-gradient(135deg, rgba(255,65,108,.95), rgba(140,92,255,.52), rgba(61,139,255,.82), rgba(236,63,255,.85));
  box-shadow:0 0 14px rgba(255,65,108,.20), 0 0 32px rgba(61,139,255,.10);
}
.soeu-neon-card__content{
  height:100%;border-radius:calc(var(--soeu-radius-lg) - 1px);padding:28px;
  background:linear-gradient(145deg, rgba(16,26,64,.97), rgba(7,14,40,.96));
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}

.soeu-corner-glow{position:relative}
.soeu-corner-glow::before,
.soeu-corner-glow::after{
  content:"";position:absolute;width:180px;height:180px;pointer-events:none;opacity:.35;filter:blur(45px);z-index:0;
}
.soeu-corner-glow::before{
  top:-90px;right:-90px;
  background:radial-gradient(circle, rgba(255,65,108,.85), transparent 68%);
}
.soeu-corner-glow::after{
  bottom:-100px;left:-100px;
  background:radial-gradient(circle, rgba(61,139,255,.75), transparent 68%);
}

.soeu-stat-card{
  --stat-color:var(--soeu-pink);
  position:relative;display:flex;align-items:center;gap:16px;
  min-height:106px;padding:18px 20px;overflow:hidden;
  border:1px solid rgba(135,155,224,.28);border-radius:18px;
  background:linear-gradient(145deg, rgba(25,37,83,.88), rgba(10,18,49,.86));
  box-shadow:0 14px 38px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease;
}
.soeu-stat-card::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;opacity:.9;
  background:linear-gradient(90deg, transparent, var(--stat-color), transparent);
  box-shadow:0 0 14px var(--stat-color);
}
.soeu-stat-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--stat-color) 48%, transparent);
  box-shadow:0 18px 45px rgba(0,0,0,.32), 0 0 26px color-mix(in srgb, var(--stat-color) 18%, transparent);
}
.soeu-stat-icon{
  width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:50%;
  color:var(--stat-color);font-size:25px;
  background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--stat-color) 28%, white), color-mix(in srgb, var(--stat-color) 10%, transparent) 60%, transparent);
  border:1px solid color-mix(in srgb, var(--stat-color) 38%, transparent);
  box-shadow:0 0 18px color-mix(in srgb, var(--stat-color) 24%, transparent), inset 0 0 20px color-mix(in srgb, var(--stat-color) 10%, transparent);
}
.soeu-stat-value{margin:0;color:#fff;font-size:32px;font-weight:800;line-height:1}
.soeu-stat-label{margin-top:7px;color:var(--soeu-text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.soeu-stat-card--pink{--stat-color:var(--soeu-pink)}
.soeu-stat-card--yellow{--stat-color:var(--soeu-yellow)}
.soeu-stat-card--blue{--stat-color:var(--soeu-blue)}
.soeu-stat-card--green{--stat-color:var(--soeu-green)}
.soeu-stat-card--purple{--stat-color:var(--soeu-purple)}
.soeu-stat-card--magenta{--stat-color:var(--soeu-magenta)}

.soeu-list-card{
  display:flex;align-items:center;gap:15px;padding:15px 18px;
  border:1px solid rgba(135,155,224,.20);border-radius:15px;background:rgba(12,21,55,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:background 180ms ease,border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease;
}
.soeu-list-card:hover{
  transform:translateX(4px);border-color:rgba(255,65,108,.38);background:rgba(18,29,69,.88);
  box-shadow:0 10px 30px rgba(0,0,0,.22), 0 0 20px rgba(255,65,108,.07);
}
.soeu-list-icon{
  width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;color:#b89aff;
  background:rgba(140,92,255,.12);border:1px solid rgba(140,92,255,.24);
  box-shadow:inset 0 0 18px rgba(140,92,255,.08), 0 0 18px rgba(140,92,255,.08);
}

.soeu-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700}
.soeu-badge--pending{color:#ffd764;background:rgba(255,200,61,.14);border:1px solid rgba(255,200,61,.25);box-shadow:0 0 15px rgba(255,200,61,.08)}
.soeu-badge--success{color:#73f3b7;background:rgba(67,232,160,.13);border:1px solid rgba(67,232,160,.25)}
.soeu-badge--rare{color:#d2b7ff;background:rgba(140,92,255,.15);border:1px solid rgba(140,92,255,.28)}

.soeu-field{
  display:flex;align-items:center;min-height:50px;
  border:1px solid rgba(135,155,224,.24);border-radius:13px;background:var(--soeu-input);
  box-shadow:inset 0 1px 4px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;
}
.soeu-field:focus-within{
  border-color:rgba(61,139,255,.75);background:rgba(9,18,49,.95);
  box-shadow:0 0 0 4px rgba(61,139,255,.10), 0 0 22px rgba(61,139,255,.12), inset 0 1px 4px rgba(0,0,0,.16);
}
.soeu-field__icon{width:48px;display:grid;place-items:center;color:var(--soeu-text-muted);flex-shrink:0}
.soeu-field input,.soeu-field select{
  width:100%;min-width:0;padding:14px 14px 14px 0;border:0;outline:0;color:#fff;background:transparent;font:inherit;
}
.soeu-field input::placeholder{color:#68759c}
.soeu-field select{padding-right:12px;cursor:pointer}
.soeu-field select option{background:#0c1433;color:#fff}

.soeu-button-primary{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:52px;padding:0 26px;width:100%;border:0;border-radius:15px;color:#fff;cursor:pointer;
  font:800 15px Archivo,sans-serif;
  background:linear-gradient(115deg, #ff536f 0%, #ff416c 48%, #ef2366 100%);
  box-shadow:0 13px 28px rgba(255,46,101,.24), 0 0 28px rgba(255,65,108,.16), inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform 180ms ease,box-shadow 180ms ease,filter 180ms ease;
}
.soeu-button-primary::before{
  content:"";position:absolute;top:-40%;bottom:-40%;left:-80px;z-index:0;width:50px;opacity:.55;transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);transition:left 500ms ease;
}
.soeu-button-primary > *{position:relative;z-index:1}
.soeu-button-primary:hover{
  transform:translateY(-2px);filter:saturate(1.12);
  box-shadow:0 17px 34px rgba(255,46,101,.34), 0 0 38px rgba(255,65,108,.24), inset 0 1px 0 rgba(255,255,255,.32);
}
.soeu-button-primary:hover::before{left:calc(100% + 40px)}
.soeu-button-primary:active{transform:translateY(0) scale(.985)}

.soeu-button-disabled{
  min-height:54px;padding:0 26px;border:1px solid rgba(255,65,108,.12);border-radius:999px;
  color:rgba(255,255,255,.38);cursor:not-allowed;font-size:16px;font-weight:800;
  background:linear-gradient(90deg, rgba(143,48,88,.62), rgba(180,60,105,.68));
  box-shadow:0 0 24px rgba(255,65,108,.08), inset 0 1px 0 rgba(255,255,255,.05);
}

.soeu-help-button{
  position:fixed;right:28px;bottom:28px;z-index:30;width:58px;height:58px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.30);border-radius:50%;color:#fff;cursor:pointer;font-size:23px;font-weight:800;
  background:linear-gradient(145deg, #ff5b7f, #f32667);
  box-shadow:0 0 0 6px rgba(255,65,108,.08), 0 0 22px rgba(255,65,108,.48), 0 12px 30px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.38);
  transition:transform 180ms ease,box-shadow 180ms ease;
}
.soeu-help-button:hover{
  transform:translateY(-4px) scale(1.04);
  box-shadow:0 0 0 8px rgba(255,65,108,.10), 0 0 34px rgba(255,65,108,.62), 0 16px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.42);
}

.soeu-pulse{animation:soeuPulse 2.8s ease-in-out infinite}
@keyframes soeuPulse{
  0%,100%{box-shadow:0 0 12px rgba(255,65,108,.16), 0 0 26px rgba(61,139,255,.08)}
  50%{box-shadow:0 0 25px rgba(255,65,108,.32), 0 0 45px rgba(61,139,255,.15)}
}

.soeu-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.soeu-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}

@media (max-width:1050px){.soeu-dashboard-grid{grid-template-columns:1fr}}
@media (max-width:720px){
  .soeu-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soeu-neon-card__content{padding:20px}
}
@media (max-width:470px){
  .soeu-stats-grid{grid-template-columns:1fr}
  .soeu-help-button{width:52px;height:52px;right:18px;bottom:18px}
}