@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#030817;--bg2:#061126;--card:#0a1730;--card2:#0d1e3b;--line:#1d3558;--line2:#294b75;--text:#f1f6ff;--muted:#8fa5c7;--cyan:#45d6ee;--blue:#2688ff;--gold:#ffd66f;--gold2:#ffb943;--green:#60e5b0;--red:#ff6b86;--purple:#a47aff;--shadow:0 18px 50px #0007}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#123c69 0,transparent 40%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:86px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1120px)/2));border-bottom:1px solid #1a2a47;background:#040b1beF;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#9af0ff;background:linear-gradient(135deg,#12466a,#0b1d37);border:1px solid #2a718e}.top-actions{display:flex;align-items:center;gap:10px}.network-pill{font-size:10px;color:#a6e9d2;border:1px solid #245c54;background:#0b282d;border-radius:999px;padding:6px 10px}.network-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:#0c1b35;color:#b7d8f7}.main-content{width:min(100% - 28px,1000px);margin:24px auto 34px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 20px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#83cde5}.page-title{font-size:clamp(25px,5vw,34px);letter-spacing:-1.1px;line-height:1.15;margin:5px 0 0;font-weight:800}.subtext{color:var(--muted);font-size:12px;margin:7px 0 0}.back-btn{width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:#0b1932;color:#dcecff;font-size:20px}.hero-card{position:relative;overflow:hidden;border:1px solid #244f78;border-radius:21px;padding:25px;background:linear-gradient(115deg,#0b1b3a 0%,#0a3153 65%,#101d48 100%);box-shadow:var(--shadow);margin-bottom:16px}.hero-card:after{content:"₿";position:absolute;right:16px;top:-22px;font-size:170px;font-weight:800;color:#42d7ff;opacity:.055;line-height:1;pointer-events:none}.hero-card>*{position:relative;z-index:1}.hero-card h1{font-size:clamp(29px,5vw,42px);line-height:1.1;letter-spacing:-1.3px;margin:9px 0}.hero-card p{color:#a9c2e2;max-width:480px;font-size:12px}.mini-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #2a5179;border-radius:999px;padding:5px 9px;color:#a9d9f5;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#0d1c38,#071228);padding:18px;margin-bottom:14px;box-shadow:0 10px 30px #0002}.card-title{font-size:14px;font-weight:800;margin:0 0 12px;letter-spacing:-.2px}.card-subtitle{font-size:11px;color:var(--muted);margin:-6px 0 14px}.balance-card{background:linear-gradient(125deg,#102c55,#0d2446 62%,#07516a);border:1px solid #285984;border-radius:20px;padding:21px;margin-bottom:15px;box-shadow:0 12px 36px #0004}.balance-top{display:flex;align-items:center;justify-content:space-between;color:#a7c1e0;font-size:11px}.balance-amount{font-size:39px;font-weight:800;letter-spacing:-1.5px;margin:6px 0 1px}.positive{color:var(--green);font-size:11px}.balance-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.balance-split>div{border:1px solid #31557c;border-radius:12px;padding:12px;background:#071a33a8}.balance-split small{display:block;color:#9ab3d3;font-size:10px}.balance-split strong{display:block;font-size:17px;margin-top:3px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0 20px}.quick-action{border:1px solid var(--line);border-radius:14px;padding:12px 5px 10px;background:linear-gradient(150deg,#102544,#08142b);color:#cce4ff;text-align:center}.quick-action .q-icon{display:grid;place-items:center;margin:0 auto 7px;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#0c4d70,#142b52);color:#76e6fa;font-size:19px}.quick-action:nth-child(2) .q-icon{background:linear-gradient(145deg,#654b25,#33284a);color:var(--gold)}.quick-action:nth-child(3) .q-icon{background:linear-gradient(145deg,#115a53,#102b4d);color:var(--green)}.quick-action:nth-child(4) .q-icon{background:linear-gradient(145deg,#503577,#25234b);color:#d5aaff}.quick-action b{display:block;font-size:10px}.quick-action small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 1px 11px}.section-head h2{font-size:15px;margin:0}.section-head a{color:var(--cyan);font-size:10px}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-tile{display:flex;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0d1d39,#09142b)}.tile-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;background:#10375a;color:#75dff5;font-size:18px}.feature-tile strong{display:block;font-size:11px}.feature-tile small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:11px;background:linear-gradient(180deg,#ffe58d,#ffbd48);color:#22212a;font-weight:800;font-size:11px;box-shadow:0 5px 18px #ffc84a29}.btn.block{width:100%}.btn.secondary{color:#d6e8ff;background:linear-gradient(145deg,#142b4c,#0d1d37);border:1px solid #29466c;box-shadow:none}.btn.ghost{background:transparent;color:#b8d4f4;border:1px solid var(--line);box-shadow:none}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:10px}.divider{height:1px;background:#1c2d49;margin:14px 0}.form-label{display:block;font-size:10px;font-weight:700;color:#c2d5ef;margin:13px 0}.input{display:block;width:100%;margin-top:7px;border:1px solid #253d60;border-radius:11px;background:#061126;color:#edf6ff;padding:13px 13px;outline:none;font-size:12px}.input:focus{border-color:#48cfe9;box-shadow:0 0 0 3px #45d6ee13}.input::placeholder{color:#617a9e}.input-row{display:flex;gap:8px}.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.preset{padding:9px 4px;border:1px solid #253b5b;background:#0d1c36;color:#b9d4f4;border-radius:9px;font-size:10px}.preset.active{border-color:#e4b94f;background:#2d2a2b;color:#ffe18a}.notice{font-size:10px;color:#a7c1e2;border:1px solid #3a4260;background:#121b31;border-radius:11px;padding:12px;margin:13px 0}.notice.warning{border-color:#725d34;background:#282316;color:#f0d59a}.qr-box{display:grid;place-items:center;width:164px;height:164px;border:8px solid #fff;border-radius:10px;background:#fff;margin:17px auto;color:#071126}.qr-pattern{font-size:0;width:144px;height:144px;background:repeating-conic-gradient(#061126 0% 25%,#fff 0% 50%) 0 0/12px 12px;position:relative}.qr-pattern:before,.qr-pattern:after{content:"";position:absolute;width:35px;height:35px;background:#fff;border:7px solid #071126;box-shadow:inset 0 0 0 5px #fff;top:5px;left:5px}.qr-pattern:after{left:auto;right:5px}.copy-field{display:flex;align-items:center;gap:8px;border:1px solid #243b5d;background:#061126;border-radius:10px;padding:10px;margin:9px 0}.copy-field code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#c8dcf8;font-size:10px}.copy-field button{border:0;background:#142a49;color:#8be8f7;border-radius:8px;padding:7px 9px}.progress-list{display:grid;gap:13px}.progress-step{display:flex;gap:10px;align-items:flex-start}.step-dot{width:23px;height:23px;display:grid;place-items:center;border:1px solid #315276;background:#102b4c;border-radius:50%;color:#72d8ef;font-size:10px;flex-shrink:0}.progress-step strong{font-size:11px;display:block}.progress-step small{font-size:9px;color:var(--muted)}.status{display:inline-block;border:1px solid #395172;background:#10213d;color:#b9d5f4;border-radius:999px;padding:4px 8px;font-size:9px}.status.pending{color:#ffdc8a;border-color:#6e5930;background:#292315}.status.success{color:#8cf0c7;border-color:#2a634e;background:#0d2929}.list-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #1c2d49}.list-row:last-child{border-bottom:0}.list-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#10294a;color:#7cdef0;flex-shrink:0}.list-main{flex:1;min-width:0}.list-main strong{display:block;font-size:11px}.list-main small{display:block;color:var(--muted);font-size:9px}.list-value{text-align:right;font-size:11px;font-weight:800}.list-value small{display:block;font-size:9px;font-weight:500;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:500px;font-size:10px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #1d2d49}th{color:#829cbe;text-transform:uppercase;letter-spacing:.7px;font-size:9px}td{color:#dbe7fa}.filter-row{display:flex;gap:7px;overflow:auto;margin:14px 0}.filter{white-space:nowrap;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#0b1830;color:#a9c3e4;font-size:10px}.filter.active{background:linear-gradient(180deg,#ffe58d,#ffbd48);color:#25212a;border-color:#ffce66}.plan-card{overflow:hidden;padding:0;background:#0b1831}.plan-art{padding:18px;background:radial-gradient(circle at 82% 40%,#14578c 0,transparent 30%),linear-gradient(120deg,#0c2852,#101d42);border-bottom:1px solid #253b60;position:relative}.plan-art.nova{background:radial-gradient(circle at 83% 40%,#7144b2 0,transparent 31%),linear-gradient(120deg,#211c55,#17153a)}.plan-symbol{position:absolute;right:17px;top:20px;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;border:1px solid #45c8ef;color:#63e4ff;font-size:33px;background:#071a31;box-shadow:0 0 28px #25b6ff33}.nova .plan-symbol{border-color:#a17aff;color:#d5aaff;box-shadow:0 0 28px #a17aff33}.plan-art h3{font-size:19px;margin:7px 0 2px}.plan-rate{font-size:24px;font-weight:800;color:#8fe8f4;margin-top:12px}.plan-caption{font-size:9px;color:#b3c7e4}.plan-bottom{padding:12px 17px}.plan-bottom .btn{width:100%}.plan-info{display:grid;gap:0}.plan-info .list-row{justify-content:space-between}.plan-info .list-row strong{font-size:10px}.plan-info .list-row span{font-size:10px;color:#c6d7ed}.market-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #1b2c49}.market-row:last-child{border:0}.coin{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f5b63e,#e98025);color:#fff;font-weight:800}.coin.eth{background:linear-gradient(145deg,#9eb4d4,#475d81)}.coin.bnb{background:linear-gradient(145deg,#ffe178,#dba22e)}.coin.trx{background:linear-gradient(145deg,#ff6b78,#a82a40)}.coin.sol{background:linear-gradient(145deg,#a76aff,#25d5bc)}.market-main{flex:1}.market-main strong{display:block;font-size:11px}.market-main small{display:block;font-size:9px;color:var(--muted)}.market-price{text-align:right}.market-price strong{display:block;font-size:11px}.market-price small{font-size:9px;color:var(--red)}.market-price small.up{color:var(--green)}.profile{display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2369b2,#6a55c8);font-weight:800;font-size:15px}.profile strong{display:block;font-size:14px}.profile small{display:block;font-size:10px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{border:1px solid var(--line);border-radius:13px;padding:14px;background:#09152c}.stat-box small{display:block;color:var(--muted);font-size:9px}.stat-box strong{display:block;font-size:20px;margin-top:5px}.level-tabs{display:flex;gap:7px;overflow:auto;margin:13px 0}.level-tab{border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:#0b1932;color:#9db9dc;white-space:nowrap;font-size:10px}.level-tab.active{background:var(--gold);color:#24212a;border-color:var(--gold)}.auth-wrap{max-width:480px;margin:30px auto}.auth-brand{margin:0 0 18px;font-size:18px;font-weight:800}.auth-card{padding:25px;border:1px solid #28476b;border-radius:20px;background:linear-gradient(145deg,#0c1a34,#061024);box-shadow:var(--shadow)}.auth-card h1{font-size:29px;line-height:1.12;letter-spacing:-.8px;margin:10px 0}.auth-card h1 span{color:#a9dfff}.auth-footer{text-align:center;color:var(--muted);font-size:10px;margin-top:18px}.auth-footer a{color:var(--gold)}.toggle-line{display:flex;gap:8px;align-items:center;color:#b9cce6;font-size:10px;margin:12px 0}.toggle-line input{accent-color:var(--gold)}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#102a47;border:1px solid #3a698c;border-radius:12px;padding:11px 16px;color:#e6f5ff;font-size:11px;z-index:20;transition:.2s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:73px;z-index:10;display:flex;justify-content:center;gap:0;padding:8px max(10px,calc((100% - 700px)/2));background:#040a18f5;border-top:1px solid #1c2c48;backdrop-filter:blur(18px)}.nav-item{flex:1;max-width:125px;border:0;background:transparent;color:#657c9e;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.nav-item span{font-size:22px;line-height:1.2}.nav-item small{font-size:9px;color:inherit}.nav-item.active{color:#65dff4}.nav-item.active span{text-shadow:0 0 15px #45d6ee66}.empty-state{text-align:center;padding:26px 12px;color:var(--muted);font-size:11px}.danger{color:#ff9ba9}.admin-edit{display:grid;gap:8px}.admin-edit label{font-size:10px;color:#b5c9e7}.admin-edit textarea{min-height:80px;resize:vertical}
@media(min-width:800px){.main-content{margin-top:32px}.home-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:16px}.home-layout .left-col,.home-layout .right-col{min-width:0}.home-layout .balance-card{margin-bottom:0}.hero-card{padding:30px}.bottom-nav{height:76px}.app-shell{padding-bottom:90px}}
@media(max-width:560px){.topbar{height:58px;padding:0 14px}.main-content{width:calc(100% - 22px);margin:17px auto 24px}.network-pill{font-size:9px}.hero-card{padding:21px 18px;border-radius:18px}.hero-card:after{font-size:135px;right:5px}.balance-card{padding:17px}.balance-amount{font-size:35px}.quick-actions{gap:7px}.quick-action{padding:10px 2px}.quick-action .q-icon{width:34px;height:34px}.grid.two{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:15px}.page-title{font-size:27px}.bottom-nav{height:69px;padding:7px 5px}.nav-item span{font-size:20px}.nav-item small{font-size:8px}.plan-art{padding:15px}.plan-symbol{width:54px;height:54px;right:13px;font-size:28px}.plan-rate{font-size:21px}.auth-wrap{margin:16px auto}.auth-card{padding:21px}.balance-split>div{padding:10px}.balance-split strong{font-size:15px}}

/* Deposit address screen */
.step-dot.done{border-color:#2a634e;background:#0d2929;color:#8cf0c7}
.step-dot.active{border-color:#6e5930;background:#292315;color:#ffdc8a;box-shadow:0 0 0 3px #ffc84a12}
.qr-box #qrTarget img,.qr-box #qrTarget canvas{display:block;border-radius:2px}
@media(max-width:420px){.qr-box{width:150px;height:150px}.qr-pattern{width:130px;height:130px}}

/* Withdraw currency selector */
.coin-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}
.coin-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 9px;
  border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#102544,#08142b);
  color:#b9d4f4;font-size:10px;font-weight:700;transition:.15s}
.coin-chip .coin{width:32px;height:32px;font-size:14px}
.coin-chip small{font-size:9px;letter-spacing:.4px}
.coin-chip.active{border-color:#e4b94f;background:linear-gradient(150deg,#2d2a2b,#1b1a20);color:#ffe18a;
  box-shadow:0 0 0 2px #ffc84a1f}
.coin-chip:hover{border-color:#3d6a96}
select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7ea6cf 50%),
  linear-gradient(135deg,#7ea6cf 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}

/* ---------------------------------------------------- Other details menu */
.menu-card{padding:6px 0}
.menu-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;
  border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;
  font:inherit;border-bottom:1px solid #12294a;transition:background .15s}
.menu-row:last-of-type{border-bottom:0}
a.menu-row:hover,.menu-row:hover{background:#0d1f3a}
.menu-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border-radius:10px;background:#12294a;color:#8fc4ef;font-size:15px}
.menu-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.menu-main strong{font-size:14px;font-weight:650;color:#eaf3ff}
.menu-main small{font-size:11.5px;color:#8fa5c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-chev{color:#5d7fa6;font-size:19px;line-height:1}
.menu-copy{border:0;background:#12294a;color:#9fc7ea;border-radius:9px;
  width:32px;height:32px;font-size:14px;cursor:pointer}
.menu-copy:hover{background:#1a3a63}
.menu-signout{margin:0}
.menu-row.danger{background:#2a0f1c;border-top:1px solid #4a1a2c;border-radius:0 0 14px 14px}
.menu-row.danger .menu-icon{background:#4a1a2c;color:#ff8fa3}
.menu-row.danger .menu-main strong{color:#ff9db0}

/* ------------------------------------------------------------ switch rows */
.switch-row{display:flex;align-items:center;gap:12px;padding:12px 0;
  border-bottom:1px solid #12294a;cursor:pointer;position:relative}
.switch-row:last-of-type{border-bottom:0}
.switch-main{flex:1}
.switch-main strong{font-size:14px;font-weight:600}
.switch-row input{position:absolute;opacity:0;pointer-events:none}
.switch-ui{width:46px;height:26px;border-radius:20px;background:#1b3355;position:relative;
  transition:background .18s;flex:0 0 46px}
.switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;
  border-radius:50%;background:#8fa5c7;transition:.18s}
.switch-row input:checked + .switch-ui{background:#e4b94f}
.switch-row input:checked + .switch-ui::after{left:23px;background:#0a1730}

/* --------------------------------------------------------------- legal text */
.legal p{margin:0 0 14px;font-size:13.5px;line-height:1.7;color:#c7d8ee}
.legal p:last-child{margin-bottom:0}

/* ------------------------------------------------ Zenith brand + effects */
.brand-logo{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1px #ffd66f55,0 0 16px #ffd66f33;transition:transform .4s,box-shadow .4s}
.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 0 1px #ffd66f99,0 0 22px #ffd66f66}
.auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.auth-logo{width:120px;height:120px;border-radius:50%;animation:zg-float 5s ease-in-out infinite,zg-glow 3.5s ease-in-out infinite}
.hero-card:after{content:"";width:190px;height:190px;top:-30px;right:-20px;background:url(../img/logo.png) center/contain no-repeat;opacity:.08}

/* Slow moving glow behind the page (body is its own layer so the glow sits above its background) */
body{position:relative;z-index:0}
body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 20% 30%,#1b4f9433 0,transparent 35%),radial-gradient(circle at 80% 70%,#ffd66f14 0,transparent 30%);
  animation:zg-drift 22s ease-in-out infinite alternate}

/* Content fades up on load, a little staggered */
.main-content>*{animation:zg-rise .6s cubic-bezier(.2,.7,.2,1) both}
.main-content>*:nth-child(2){animation-delay:.07s}.main-content>*:nth-child(3){animation-delay:.14s}
.main-content>*:nth-child(4){animation-delay:.21s}.main-content>*:nth-child(n+5){animation-delay:.28s}

/* Cards and tiles lift on hover */
.card,.feature-tile,.quick-action,.stat-box,.plan-card,.coin-chip{transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover,.feature-tile:hover,.quick-action:hover,.stat-box:hover,.plan-card:hover{transform:translateY(-3px);border-color:#3d6a96;box-shadow:0 16px 34px #0006,0 0 0 1px #ffd66f1a}

/* Light sweep across the balance and hero cards */
.balance-card,.hero-card{position:relative;overflow:hidden}
.balance-card:before,.hero-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(110deg,transparent 35%,#ffffff12 50%,transparent 65%);background-size:250% 100%;animation:zg-sheen 6s ease-in-out infinite}
.balance-card>*{position:relative;z-index:1}

/* Buttons: shine on hover, press feedback */
.btn{position:relative;overflow:hidden;transition:transform .15s,box-shadow .25s,filter .25s}
.btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;pointer-events:none;
  background:linear-gradient(110deg,transparent,#ffffff59,transparent);transition:left .6s}
.btn:hover{filter:brightness(1.06);box-shadow:0 8px 24px #ffc84a40}
.btn:hover:after{left:130%}
.btn:active{transform:scale(.97)}
.btn.ghost:hover,.btn.secondary:hover{box-shadow:0 0 0 1px #3d6a96;filter:none}

/* Bottom nav: active item gets a gold bar */
.nav-item{position:relative;transition:color .2s}
.nav-item:hover{color:#9fd8ef}
.nav-item.active{color:var(--gold)}
.nav-item.active span{text-shadow:0 0 15px #ffd66f66}
.nav-item.active:before{content:"";position:absolute;top:-8px;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--gold);box-shadow:0 0 12px var(--gold)}

/* Inputs glow gold on focus */
.input{transition:border-color .2s,box-shadow .2s}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd66f1f}

@keyframes zg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes zg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes zg-glow{0%,100%{box-shadow:0 0 0 3px #ffd66f33,0 0 24px #ffd66f22}50%{box-shadow:0 0 0 5px #ffd66f55,0 0 40px #ffd66f44}}
@keyframes zg-drift{to{transform:translate(4%,-3%) rotate(6deg)}}
@keyframes zg-sheen{0%,60%{background-position:150% 0}100%{background-position:-100% 0}}

/* Keep the brand on one line on phones */
.brand,.top-actions .btn,.network-pill{white-space:nowrap}
@media(max-width:560px){.brand{font-size:14px;gap:7px}.brand-logo{width:30px;height:30px}}

/* Respect users who turn motion off */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Plan card images */
.plan-img{display:block;width:100%;height:auto;aspect-ratio:1}
.plan-card .plan-img{transition:transform .5s}
.plan-card:hover .plan-img{transform:scale(1.02)}
/* Plans: side by side on phones; detail image capped so it never fills the screen */
@media(max-width:560px){.grid.two.plan-grid{grid-template-columns:1fr 1fr;gap:10px}.plan-grid .plan-bottom{padding:10px}
  .plan-grid .balance-top{font-size:10px}.plan-grid .balance-top strong{font-size:12px}.plan-grid .btn{padding:10px 4px;font-size:10px}}
.plan-detail .plan-img{max-width:360px;margin:16px auto 0;border-radius:14px}