*{box-sizing:border-box}
:root{--bg:#06101d;--panel:#0b1b2c;--line:#21405c;--text:#f4f8fc;--muted:#8ea5bb;--accent:#24d39b;--blue:#39a7ff}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#173b61 0,#071321 42%,#040c16 100%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}
.top{height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(4,13,24,.84);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;font-weight:850;font-size:18px}.logo{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25d6a0,#258fff);color:white;box-shadow:0 10px 30px #1597e533}.logo.small{width:34px;height:34px;border-radius:10px;margin-right:10px}.top-right{display:flex;align-items:center;gap:22px}.top-right a{color:#a9bfd2;font-size:14px}.welcome{color:#8fa8bd;font-size:13px}
.wrap{max-width:1100px;margin:34px auto;padding:0 18px}
.balance-card{
  border:1px solid rgba(67,211,165,.27);
  border-radius:28px;
  padding:28px;
  margin-bottom:18px;
  background:linear-gradient(135deg,#0c1b2c,#081522);
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.balance-head{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:#91a9bb;font-weight:750}.balance{font-size:48px;font-weight:900;letter-spacing:-1.5px;margin:8px 0}.balance span{font-size:18px;color:#a9bfd0}.positive{color:var(--accent);font-size:13px;font-weight:700}.balance-icon{width:58px;height:58px;border-radius:18px;background:#102c45;display:grid;place-items:center;font-size:27px;color:#6bd7ff;border:1px solid #2b4f6b}
.quick-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    margin-top:26px;
}

.quick-actions .action{
    width:100%;
    box-sizing:border-box;
    min-width:0;
    min-height:70px;
    border-radius:17px;
    padding:12px 12px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    column-gap:8px;
    align-items:center;
    border:1px solid var(--line);
    background:#081725;
}

.quick-actions .action span{
  grid-row:1/3;
  width:46px;
  height:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:24px;
  font-weight:800;
}

.quick-actions .action.deposit span{
  background:#18d995;
  color:#042519;
}

.quick-actions .action.withdraw span{
  background:#7844e8;
  color:white;
}

.quick-actions .action b{
  font-size:16px;
}

.quick-actions .action small{
  color:#7890a5;
}
.stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:16px 0 24px;
}

.stat{
  background:linear-gradient(145deg,#071b32,#081225);
  border:1px solid #153b68;
  border-radius:14px;
  padding:12px 9px;
  min-width:0;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.stat span{
  display:block;
  color:#91a8bd;
  font-size:10px;
  line-height:1.2;
  margin-bottom:7px;
}

.stat strong{
  display:block;
  color:#f4f8fc;
  font-size:17px;
  font-weight:800;
  white-space:nowrap;
}

.stat em{
  font-style:normal;
  color:#91a8bd;
  font-size:9px;
}
.section-title h2{
    margin:0;
    display:inline-block;
    padding:6px 11px;
    font-size:23px;
    font-weight:800;
    color:#ffd700;
    border:2px solid #ffd700;
    border-radius:4px;
}.section-title p{
    margin:14px 0 18px;
    color:var(--muted);
    font-size:13px;
}
.plans{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}.plan{position:relative;background:linear-gradient(160deg,#0c1e31,#081522);border:1px solid #1c3851;border-radius:23px;padding:18px 10px;;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.16)}.plan.featured{border-color:#1d9fe0;box-shadow:0 20px 60px rgba(20,147,220,.13)}.plan-top{display:flex;justify-content:space-between;align-items:start}.plan-badge{font-size:8px;letter-spacing:1.5px;color:#ffd700;;font-weight:800}.plan h3{margin:7px 0 0;font-size:22px}.popular{font-size:9px;background:#1b9fe0;color:white;padding:6px 8px;border-radius:8px;font-weight:800}.price{padding:21px 0 15px;border-bottom:1px solid #193249}.price small{display:block;color:#7d94a8;font-size:12px}.price strong{display:block;font-size:30px;margin-top:4px}.price i{font-size:12px;color:#91a8bb;font-style:normal}.plan-rows{padding:8px 0}.plan-rows div{display:flex;justify-content:space-between;padding:9px 0;font-size:13px}.plan-rows span{color:#8298ac}.plan-rows b{color:#4fe1b0}.plan-btn{width:100%;margin-top:8px;padding:13px;border-radius:12px;border:1px solid #28516f;background:#102a40;color:#e8f4fb;font-weight:800;cursor:pointer}.plan.featured .plan-btn{background:#168fca;border-color:#168fca}
.config-note{margin:18px 0;color:#8298ac;background:#091a2a;border:1px solid #18364f;border-radius:14px;padding:13px;font-size:12px;line-height:1.5}.config-note code{color:#b8e7ff}.account{margin-top:16px}.account h2{margin-top:0}.account-row{display:flex;justify-content:space-between;border-top:1px solid #183047;padding:13px 0;color:#8fa6b9}.account-row b{color:#eef5fa}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.authcard{width:min(440px,100%);padding:32px}.authcard form .primary{width:100%;margin-top:20px}.primary{background:#1597e5;color:#fff;border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer margin-top:30px;}.muted{color:var(--muted)}.error,.warning,.notice{padding:12px 14px;border-radius:10px;margin:14px 0}.error,.warning{background:#241a13;color:#ffd7a3}.notice{background:#0d2924;color:#9ff0d0}label{display:block;margin:16px 0 7px;color:#c9d6e3;font-size:14px}input{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #29445d;background:#081521;color:#fff;outline:none}input:focus{border-color:#1597e5}.address{padding:15px;background:#06101a;border:1px dashed #3b617e;border-radius:12px;word-break:break-all;font-family:monospace;color:#bde8ff}.smalltext{font-size:12px;line-height:1.5}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);place-items:center;padding:20px;z-index:20}.modal.show{display:grid}.modal-box{position:relative;width:min(440px,100%);background:#0b1c2d;border:1px solid #294863;border-radius:22px;padding:28px;box-shadow:0 30px 100px #000}.modal-box h2{margin:10px 0}.modal-box p{color:#8fa6ba;line-height:1.6}.modal-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#168fca}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#9db2c4;font-size:28px;cursor:pointer}
.plan-modal{padding:30px;max-width:470px}.modal-kicker{font-size:10px;letter-spacing:2px;color:#7e9ab0;font-weight:800;margin-top:16px}.modal-subtitle{margin:5px 0 20px;color:#8fa6ba}.modal-price{padding:17px;border-radius:15px;background:#071724;border:1px solid #18364d}.modal-price span{display:block;color:#8299ad;font-size:12px}.modal-price strong{display:block;font-size:28px;margin-top:4px}.modal-rows{margin:12px 0 18px;border-top:1px solid #19334a}.modal-rows div{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid #19334a;font-size:13px}.modal-rows span{color:#849bae}.modal-rows b{color:#4fe1b0}.modal-action{width:100%;font-size:15px}
.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{display:none}.balance{font-size:39px}.wrap{margin-top:20px}.top{padding:0 16px}.quick-actions{gap:8px}}
.welcome{display:none}.balance{font-size:39px}.wrap{margin-top:20px}.top{padding:0 16px}.quick-actions{gap:8px}}
.address-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: #06101a;
    border: 1px solid #294863;
    border-radius: 14px;
}

.usdt-trc20-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #26a17b;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
}

.address-info {
    min-width: 0;
    flex: 1;
}

.network-name {
    font-weight: 800;
    margin-bottom: 5px;
}

.network-name span {
    color: #8fa6ba;
    font-size: 12px;
    margin-left: 5px;
}

.address {
    padding: 0;
    border: 0;
    background: transparent;
    word-break: break-all;
    font-family: monospace;
    color: #bde8ff;
    font-size: 13px;
}
.deposit-address-card {
    margin: 18px 0;
    padding: 18px;
    background: #06101a;
    border: 1px solid #294863;
    border-radius: 16px;
}

.address-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.network-name {
    font-size: 18px;
    font-weight: 800;
}

.network-name span {
    color: #8fa6ba;
    font-size: 13px;
    margin-left: 5px;
}

.address-label {
    margin-top: 4px;
    color: #8299ad;
    font-size: 12px;
}

.address-box {
    padding: 14px;
    background: #0b1c2c;
    border: 1px solid #294863;
    border-radius: 12px;
    word-break: break-all;
}

.address-box span {
    color: #bde8ff;
    font-family: monospace;
    font-size: 13px;
}

.copy-address {
    width: 100%;
    margin-top: 12px;
    padding: 13px;
    border: 0;
    border-radius: 11px;
    background: #26a17b;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.copy-address:active {
    transform: scale(.98);
}

.usdt-trc20-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #26a17b;
    color: #fff;
    font-size: 23px;
    font-weight: 900;
}
.txid-help {
    margin-top: 15px;
    padding: 8px;
    background: #2b0b0b;
    border: 3px solid #ff3b30;
    border-radius: 12px;
}

.txid-help img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 7px;
}
@media (max-width:820px){

    /* The plans container */
    .plans{
        display:grid !important;

        /* 1 column = one plan per row */
        grid-template-columns:1fr !important;

        /* Space between the separate cards */
        gap:18px;

        width:100%;
    }


    /* Individual investment card */
    .plan{
        width:100%;
        min-width:0;
        box-sizing:border-box;

        /* Space inside the card */
        padding:20px 18px;

        /* Separate border */
        border:1px solid #28516f;

        /* Rounded corners */
        border-radius:20px;

        /* Dark card background */
        background:linear-gradient(
            160deg,
            #071b32,
            #081522
        );

        /* Soft shadow */
        box-shadow:0 6px 18px rgba(0,0,0,.22);
    }


    /* Plan name */
    .plan h3{
        font-size:22px;
        margin:7px 0;
    }


    /* Price section */
    .price{
        padding:14px 0;
    }


    /* Main plan amount */
    .price strong{
        font-size:26px;
    }


    /* Daily / Weekly / Monthly area */
    .plan-rows{
        padding:8px 0;
    }

    .plan-rows div{
        padding:8px 0;
        font-size:13px;
    }


    /* View plan button */
    .plan-btn{
        width:100%;
        margin-top:14px;
        padding:12px;
        border-radius:10px;
    }
}

.withdrawal-dashboard{
    margin:18px 0 24px;
    padding:18px;
    background:linear-gradient(145deg,#071b32,#081522);
    border:1px solid #294863;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,.18);
}

.withdrawal-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
}

.withdrawal-label{
    display:block;
    color:#8298ac;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.withdrawal-head h3{
    margin:5px 0 0;
    color:#fff;
    font-size:21px;
}

.live-badge{
    padding:6px 10px;
    border-radius:20px;
    background:#102a40;
    border:1px solid #294863;
    color:#7ddcff;
    font-size:10px;
    font-weight:800;
}

.withdrawal-list{
    display:grid;
    gap:9px;
}

.withdrawal-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:12px;
    background:#0b2035;
    border:1px solid #18364f;
    border-radius:12px;
}

.withdrawal-user{
    display:flex;
    align-items:center;
    gap:10px;
}

.withdrawal-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#173c55;
    color:#65e6a8;
    font-size:22px;
    font-weight:900;
}

.withdrawal-user strong{
    display:block;
    color:#fff;
    font-size:14px;
}

.withdrawal-user small,
.withdrawal-amount small{
    display:block;
    margin-top:3px;
    color:#8298ac;
    font-size:10px;
}

.withdrawal-amount{
    text-align:right;
}

.withdrawal-amount strong{
    display:block;
    color:#65e6a8;
    font-size:14px;
    white-space:nowrap;
}
.plan h3{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.bonus-badge{
    display:inline-block;
    padding:5px 9px;
    border:1px solid #18d995;
    border-radius:7px;
    color:#18d995;
    background:rgba(24,217,149,.08);
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}