:root{--navy:#071a3a;--navy2:#0c2854;--gold:#f5b52e;--bg:#f4f7fb;--text:#17223a;--muted:#68738a;--line:#dfe5ef;--green:#1f9d68;--red:#c74c58;--blue:#2563eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}.top{position:sticky;top:0;z-index:20;background:#07111f;color:#fff;border-bottom:1px solid #263653}.nav{min-height:66px;display:flex;align-items:center;gap:18px}.brand{font-size:28px;font-weight:900;color:#fff;text-decoration:none}.brand span{color:var(--gold)}.back-btn,.navlinks button{border:0;background:transparent;color:#fff;cursor:pointer}.back-btn{font-weight:800}.navlinks{margin-left:auto;display:flex;gap:6px;align-items:center}.navlinks button{padding:10px 11px;border-radius:10px}.navlinks button:hover{background:#173158}.logout{color:#ffd9d9!important}.side-logout{color:#ffb4bd!important;margin-top:8px!important;border-top:1px solid #29405f!important;padding-top:14px!important}.side-logout:hover{background:#4a1d2b!important;color:#fff!important}.heroapp{background:radial-gradient(circle at 80% 20%,#1c56a5 0,#0d2856 35%,#061632 80%);color:#fff}.hero-inner{min-height:240px;display:flex;align-items:center;justify-content:space-between;padding:38px 0}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--gold);margin:0 0 7px}.heroapp h1{font-size:clamp(34px,6vw,58px);line-height:1.02;margin:0}.heroapp h1 span{color:var(--gold)}.heroapp p:not(.eyebrow){max-width:700px;color:#cdd9ee;font-size:16px;line-height:1.6}.hero-orb{width:130px;height:130px;border-radius:50%;border:2px solid #dca32a;display:grid;place-items:center;font-size:64px;font-weight:900;box-shadow:0 0 60px #174c9a;color:#d99d20}.hero-orb span{font-size:25px}.section{padding:28px 0 60px}.hidden{display:none!important}.notice{padding:13px 15px;border-radius:12px;background:#fff4cf;color:#70551b;margin:10px 0}.notice.error{background:#ffe8ea;color:#a83d49}.notice.success{background:#e4f7ed;color:#176b48}.auth-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(17,33,60,.05)}.panel.dark{background:#0a1d3e;color:#fff;border-color:#17365f}.panel h2,.panel h3{margin-top:0}.sub{color:var(--muted);line-height:1.5}.dark .sub{color:#c6d2e8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.single{grid-template-columns:1fr}.form-grid label,.modal-card label{display:grid;gap:7px;font-weight:800;font-size:13px}.form-grid input,.modal-card input{width:100%;border:1px solid #d5dce8;border-radius:12px;padding:13px 14px;font:inherit;background:#fff}.span-2{grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ccd5e4;background:#fff;color:var(--text);padding:12px 17px;border-radius:11px;text-decoration:none;font-weight:850;cursor:pointer}.btn.primary{background:var(--gold);border-color:var(--gold);color:#151515}.btn.blue{background:#e9f0ff;border-color:#bfd0ff;color:#1d4ed8}.full{width:100%}.dashboard-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.side{background:#071a3a;border-radius:20px;padding:12px;height:max-content;position:sticky;top:82px}.side button{width:100%;border:0;background:transparent;color:#cdd8eb;text-align:left;padding:12px;border-radius:11px;font-weight:800;cursor:pointer;margin:2px 0}.side button:hover,.side button.active{background:#17345f;color:#fff}.side button.active{box-shadow:inset 3px 0 var(--gold)}.side span{margin-left:7px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.page-title h2{font-size:28px;margin:0}.status-pill{background:#e7f8ef;color:#1c7b53;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.stat small,.wallet-card small,.profile small{display:block;color:var(--muted);font-weight:750;margin-bottom:7px}.stat strong{font-size:23px;display:block}.coin{color:#2462c6}.gold{color:#b27b00}.mini-link,.text-btn{border:0;background:transparent;color:#1e5dc6;font-weight:850;cursor:pointer;padding:0;margin-top:10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.quick-grid button{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:left;cursor:pointer}.quick-grid button:hover{border-color:#b9c8e1;transform:translateY(-1px)}.quick-grid b,.quick-grid span{display:block}.quick-grid span{color:var(--muted);font-size:12px;margin-top:5px}.panel-title{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:520px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5;font-size:13px}.table th{color:var(--muted)}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.wallet-card{background:linear-gradient(135deg,#fff,#eef4ff);border:1px solid var(--line);border-radius:20px;padding:25px}.wallet-card.coin-card{background:linear-gradient(135deg,#fff8e3,#fff)}.wallet-card strong{font-size:34px;display:block;margin:7px 0 18px}.clean-list{padding-left:20px;line-height:2}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.offer{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.offer b,.offer span{display:block}.offer span{color:var(--muted);margin-top:7px}.team-banner{background:linear-gradient(120deg,#081d40,#173f79);color:#fff;border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.team-banner small,.team-banner strong{display:block}.team-banner strong{font-size:30px;color:var(--gold);margin-top:5px}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.team-stats div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.team-stats b,.team-stats span{display:block}.team-stats b{font-size:25px}.team-stats span{color:var(--muted);font-size:13px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.support-item{width:100%;padding:12px;border:1px solid var(--line);background:#fff;border-radius:10px;margin:4px 0;text-align:left;font-weight:750}.profile{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile strong{display:block}.spin-area{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}.wheel{width:210px;height:210px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f6bb35 0 45deg,#24549c 45deg 90deg,#d64d54 90deg 135deg,#36a66f 135deg 180deg,#f6bb35 180deg 225deg,#24549c 225deg 270deg,#d64d54 270deg 315deg,#36a66f 315deg);border:10px solid #0b2044;box-shadow:0 15px 40px rgba(5,26,59,.22)}.wheel span{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:#071a3a;color:#fff;font-weight:950;border:5px solid #f5b52e}.spin-btn{min-width:150px}.spin-result{font-weight:800;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(2,12,28,.68);display:grid;place-items:center;padding:18px;z-index:50}.modal-card{position:relative;background:#fff;border-radius:20px;padding:25px;width:min(440px,100%);box-shadow:0 30px 70px rgba(0,0,0,.25)}.modal-card form{display:grid;gap:14px}.close{position:absolute;right:13px;top:10px;border:0;background:#eef2f8;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}.footer{background:#06142e;color:#aebbd0;text-align:center;padding:22px;font-size:12px}.support-grid .panel h3{margin-bottom:7px}@media(max-width:900px){.navlinks{display:none}.side-logout{display:block}.auth-grid,.dashboard-layout,.wallet-grid,.support-grid{grid-template-columns:1fr}.side{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.cards{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.hero-orb{display:none}}@media(max-width:560px){.wrap{width:min(100% - 18px,1180px)}.hero-inner{padding:30px 0}.heroapp h1{font-size:38px}.form-grid,.cards,.quick-grid,.offer-grid,.team-stats,.profile{grid-template-columns:1fr}.span-2{grid-column:auto}.side{grid-template-columns:1fr 1fr}.side button{font-size:12px}.page-title{display:block}.status-pill{display:inline-block;margin-top:10px}}

.inner-form{margin:0}
.otp-head{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(168,85,247,.22);background:rgba(124,58,237,.08);border-radius:14px}
.otp-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:800}
.otp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.otp-actions .sub{margin-left:auto}
#regOtp{text-align:center;letter-spacing:.45em;font-size:20px;font-weight:800}


/* SIKKAPAY PREMIUM BLACK + PURPLE + GOLD THEME */
:root{--navy:#0b0614;--navy2:#171027;--gold:#f5b52e;--purple:#7c3aed;--purple2:#a855f7;--bg:#07070b;--text:#f5f3fa;--muted:#aaa3b8;--line:#292231;--green:#22c55e;--red:#fb7185;--blue:#8b5cf6}
body{background:var(--bg);color:var(--text)}
.top{background:rgba(7,7,11,.96);border-bottom:1px solid #2b2238;backdrop-filter:blur(14px)}
.brand span{color:var(--gold)}
.navlinks button:hover{background:#211532}
.heroapp{background:radial-gradient(circle at 82% 18%,rgba(124,58,237,.42),transparent 32%),radial-gradient(circle at 15% 80%,rgba(168,85,247,.16),transparent 35%),linear-gradient(135deg,#08070d,#120b20 55%,#08070d)}
.hero-inner{min-height:190px;padding:28px 0}
.heroapp p:not(.eyebrow){color:#c7bfd5}
.hero-orb{border-color:var(--gold);box-shadow:0 0 65px rgba(124,58,237,.45);color:var(--gold)}
.section{padding:22px 0 60px}
.auth-grid{align-items:stretch}
.panel{background:#100d16;border-color:#2b2435;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.panel.dark{background:linear-gradient(145deg,#120b20,#09070d);border-color:#3a2855}
.sub{color:#aaa3b8}.dark .sub{color:#c7bfd5}
.form-grid input,.modal-card input{background:#0b0910;color:#f5f3fa;border-color:#332a40}
.form-grid input:focus,.modal-card input:focus{outline:none;border-color:var(--purple2);box-shadow:0 0 0 3px rgba(168,85,247,.13)}
.notice{background:#211a0b;color:#e7c969;border:1px solid #4b3a13}.notice.error{background:#2a1118;color:#ff9aaa;border-color:#55202c}.notice.success{background:#102116;color:#83e0a8;border-color:#1e5a32}
.btn{background:#15111d;color:#f5f3fa;border-color:#382c47}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));border-color:var(--purple);color:#fff;box-shadow:0 8px 24px rgba(124,58,237,.28)}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.blue{background:#1c1230;border-color:#5b21b6;color:#d8b4fe}
.side{background:#0e0a15;border:1px solid #2b2435}.side button:hover,.side button.active{background:#211532;color:#fff}.side button.active{box-shadow:inset 3px 0 var(--purple2)}
.cards .stat,.quick-grid button,.offer,.team-stats div,.spin-area,.wallet-card{background:#100d16;border-color:#2b2435;color:#f5f3fa}.quick-grid button:hover{border-color:#6d4a91;box-shadow:0 8px 25px rgba(124,58,237,.12)}
.stat small,.wallet-card small,.profile small,.quick-grid span,.offer span,.team-stats span,.table th{color:#958ca5}
.coin{color:#c084fc}.gold{color:var(--gold)}.mini-link,.text-btn{color:#c084fc}
.wallet-card{background:linear-gradient(135deg,#151021,#0e0b14)}.wallet-card.coin-card{background:linear-gradient(135deg,#1a1026,#100d16)}
.team-banner{background:linear-gradient(120deg,#10091b,#24113d);border:1px solid #4b2d68}.team-banner strong{color:var(--gold)}
.status-pill{background:#211532;color:#d8b4fe}
.table th,.table td{border-bottom-color:#292231}.table td{color:#ddd6e7}
.modal{background:rgba(3,2,6,.82)}.modal-card{background:#100d16;border:1px solid #342942;color:#f5f3fa}.close{background:#241b30;color:#fff}
.footer{background:#09070d;border-top:1px solid #2b2435}
.wheel{background:conic-gradient(#7c3aed 0 45deg,#a855f7 45deg 90deg,#f5b52e 90deg 135deg,#5b21b6 135deg 180deg,#7c3aed 180deg 225deg,#a855f7 225deg 270deg,#f5b52e 270deg 315deg,#5b21b6 315deg);border-color:#171027;box-shadow:0 15px 45px rgba(124,58,237,.28)}
.wheel span{background:#0b0614;border-color:var(--gold)}
.auth-grid .panel{min-height:100%}
#auth{scroll-margin-top:80px}
.auth-grid{margin-top:0}
@media(max-width:900px){.hero-inner{min-height:160px}.auth-grid{grid-template-columns:1fr}}

/* ===== SIKKAPAY V2 — TASKS / STATS / SECURITY / MOBILE NAV ===== */

.stat-big{
  font-size:28px;
}

.stats-cards{
  margin-bottom:18px;
}

.task-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-bottom:18px;
}

.task-card{
  background:#100d16;
  border:1px solid #2b2435;
  border-radius:18px;
  padding:20px;
  position:relative;
  overflow:hidden;
}

.task-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 100% 0,rgba(124,58,237,.14),transparent 45%);
  pointer-events:none;
}

.task-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.task-card h3{
  margin:0;
  font-size:17px;
}

.task-card p{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.5;
  font-size:13px;
}

.task-reward{
  color:var(--gold);
  font-size:20px;
  font-weight:900;
  white-space:nowrap;
}

.task-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--line);
}

.task-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#211532;
  color:#c084fc;
  font-size:11px;
  font-weight:850;
}

.task-status.completed{
  background:#102116;
  color:#83e0a8;
}

.task-threshold{
  color:var(--muted);
  font-size:12px;
}

.reward-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.reward-summary h3{
  margin:4px 0 0;
  font-size:30px;
  color:var(--gold);
}

.security-card{
  margin-bottom:15px;
}

.security-status{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}

.security-status h3{
  margin:0 0 4px;
}

.security-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#211532;
  border:1px solid #4b2d68;
  font-size:23px;
}

.security-note{
  border-color:#3a2855;
}

.mobile-bottom-nav{
  display:none;
}

.mobile-bottom-nav button{
  border:0;
  background:transparent;
  color:#8f879d;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-width:0;
  flex:1;
  padding:7px 2px 5px;
  cursor:pointer;
  font-weight:800;
}

.mobile-bottom-nav button span{
  font-size:19px;
  line-height:1;
}

.mobile-bottom-nav button small{
  font-size:9px;
  white-space:nowrap;
}

.mobile-bottom-nav button.active{
  color:#c084fc;
}

.mobile-bottom-nav button.active span{
  color:var(--gold);
}

@media(max-width:900px){

  .task-list{
    grid-template-columns:1fr;
  }

  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:64px;
    z-index:45;
    display:flex;
    align-items:stretch;
    background:rgba(9,7,13,.97);
    border-top:1px solid #30243e;
    backdrop-filter:blur(16px);
    padding-bottom:env(safe-area-inset-bottom);
  }

  body{
    padding-bottom:70px;
  }

  .side{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:4px;
    position:static;
    width:100%;
  }

  .dashboard-layout{
    display:block;
  }

  .side button{
    font-size:12px;
    padding:10px 8px;
  }

  .content{
    width:100%;
  }

  .task-card{
    padding:17px;
  }

  .reward-summary{
    display:block;
  }
}

@media(max-width:560px){

  .stats-cards{
    grid-template-columns:1fr 1fr;
  }

  .task-card-top{
    display:block;
  }

  .task-reward{
    margin-top:10px;
  }

  .task-meta{
    align-items:flex-start;
  }

  .stat-big{
    font-size:24px;
  }

}