:root{--bg:#03081c;--panel:#0b1436;--neon:#00eaff;--neon-soft:rgba(0,234,255,.35);--text:#e9f7ff;--footer-height: 64px}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui;-webkit-tap-highlight-color:transparent}body{height:100vh;background:radial-gradient(circle at top,#0e1e5a,#03081c);color:var(--text);display:flex;flex-direction:column;overflow:hidden}#root{flex:1;display:flex;flex-direction:column;min-height:0}header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#03081cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,234,255,.15)}.logo{font-weight:700;color:var(--neon)}.auth-btn{border:1px solid var(--neon);background:none;color:var(--neon);padding:8px 14px;border-radius:12px;cursor:pointer;font-size:14px;transition:all .3s ease}.auth-btn:hover{background:#00eaff26;box-shadow:0 0 15px var(--neon-soft)}.user-info{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px}.user-email{color:var(--neon);font-weight:500}.logout-btn{background:#f663;border:1px solid #ff6666;color:#f66;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;transition:all .3s ease}.logout-btn:hover{background:#ff66664d}main{flex:1;padding:16px;overflow-y:auto;padding-bottom:calc(var(--footer-height) + 16px)}.hidden{display:none}.card{background:linear-gradient(180deg,#0c1b4a,#081238);border:1px solid rgba(0,234,255,.25);border-radius:20px;padding:20px;margin-bottom:16px}.title{text-align:center;color:var(--neon);font-weight:700;margin-bottom:14px}.center{text-align:center}.btn{width:100%;padding:16px;border:none;border-radius:16px;font-weight:700;background:linear-gradient(135deg,#00eaff,#4c7dff);color:#001018;box-shadow:0 0 25px var(--neon-soft);margin-bottom:12px;cursor:pointer;transition:all .3s ease;font-size:18px}.btn:hover{transform:translateY(-2px);box-shadow:0 0 35px var(--neon-soft)}.nav-btn{width:100%;padding:20px;font-size:22px;font-weight:800;border:none;border-radius:20px;background:linear-gradient(135deg,#00eaff,#4c7dff);color:#001018;box-shadow:0 0 25px var(--neon-soft);text-align:center;margin-bottom:16px;cursor:pointer;transition:all .3s ease}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 0 35px var(--neon-soft)}input{width:100%;padding:16px;border-radius:14px;border:1px solid rgba(0,234,255,.3);background:#050c2a;color:var(--text);font-size:16px;text-align:center;margin-bottom:12px;transition:all .3s ease}input:focus{outline:none;border-color:var(--neon);box-shadow:0 0 15px var(--neon-soft)}input::placeholder{color:#00eaff66}.input-error{border-color:#f66!important;box-shadow:0 0 15px #ff66664d!important}.error-msg{color:#f66;font-size:12px;margin-top:-8px;margin-bottom:10px;text-align:center}footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-height);display:flex;justify-content:space-around;align-items:center;background:#03081ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(0,234,255,.15);z-index:9999}.footer-btn{font-size:12px;text-align:center;cursor:pointer;padding:8px;color:var(--text);transition:color .3s ease;background:none;border:none;outline:none}.footer-btn:focus{outline:none}.footer-btn:focus-visible{outline:2px solid rgba(0,234,255,.5);border-radius:10px}.footer-btn:hover{color:var(--neon)}.menu{display:grid;gap:14px}.menu-btn{padding:22px;border-radius:18px;border:1px solid rgba(0,234,255,.25);text-align:center;background:linear-gradient(180deg,#0c1b4a,#081238);cursor:pointer;transition:all .3s ease;width:100%}.menu-btn:hover{border-color:var(--neon);box-shadow:0 0 20px var(--neon-soft);transform:translateY(-2px)}.admin-page{padding-bottom:90px}.popup,.buy-popup,.auth-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:linear-gradient(180deg,#0c1b4a,#081238);border:1px solid rgba(0,234,255,.25);border-radius:20px;padding:20px;color:var(--text);box-shadow:0 0 30px #00eaff59;z-index:2000}.popup.hidden,.buy-popup.hidden,.auth-popup.hidden{display:none}.popup h2,.buy-popup h2,.auth-popup h2{text-align:center;margin-bottom:16px;color:var(--neon)}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--neon);font-size:32px;font-weight:700;width:44px;height:44px;cursor:pointer;padding:0;line-height:1;transition:transform .3s ease}.close-btn:hover{transform:scale(1.1)}#depositUsdtPopup,#depositEggPopup,#withdrawUsdtPopup,#withdrawEggPopup{width:min(92vw,420px);max-height:86vh;overflow-y:auto;padding:18px;-webkit-overflow-scrolling:touch}#depositUsdtPopup .close-btn,#depositEggPopup .close-btn,#withdrawUsdtPopup .close-btn,#withdrawEggPopup .close-btn{position:sticky;top:0;margin-left:auto;display:flex;align-items:center;justify-content:center;background:#03081ce6;border:1px solid rgba(0,234,255,.35);border-radius:14px;box-shadow:0 0 18px #00eaff33;z-index:10}.buy-popup{max-width:360px;padding:22px;border-radius:22px;z-index:2500}.qty-box{display:flex;align-items:center;justify-content:space-between;background:#050c2a;border:1px solid rgba(0,234,255,.25);border-radius:16px;padding:10px;margin-bottom:14px}.qty-btn{width:44px;height:44px;border-radius:12px;border:none;font-size:22px;font-weight:700;background:linear-gradient(135deg,#00eaff,#4c7dff);color:#001018;cursor:pointer;transition:all .3s ease}.qty-btn:hover{transform:scale(1.05)}.qty-value{font-size:20px;font-weight:700;color:var(--neon)}.price-box{text-align:center;margin-bottom:18px;font-size:16px}.price-box span{display:block;font-size:22px;font-weight:700;color:#00ff9d}.buy-btn{width:100%;padding:16px;border:none;border-radius:18px;font-weight:800;background:linear-gradient(135deg,#00ff9d,#00e676);color:#002018;box-shadow:0 0 25px #00ff9d73;cursor:pointer;transition:all .3s ease}.buy-btn:hover{transform:translateY(-2px);box-shadow:0 0 35px #00ff9d8c}.ref-code{background:#050c2a;border:1px dashed var(--neon);padding:14px;border-radius:12px;text-align:center;margin:12px 0;font-weight:700}.stats-real-time{background:linear-gradient(180deg,#0c1b4a,#081238);border:1px solid rgba(0,234,255,.25);border-radius:16px;padding:20px;margin:20px 0;text-align:center}.stats-real-time .item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,234,255,.15)}.stats-real-time .item:last-child{border-bottom:none}.stats-real-time .label{color:#94a3b8;font-size:.95rem}.stats-real-time .value{font-size:1rem;font-weight:700;color:var(--neon);text-shadow:0 0 10px var(--neon-soft)}.toast{position:fixed;bottom:calc(var(--footer-height) + 16px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0c1b4a,#081238);border:1px solid var(--neon);color:var(--text);padding:14px 24px;border-radius:12px;font-size:14px;box-shadow:0 0 25px var(--neon-soft);z-index:4000;opacity:0;transition:opacity .3s ease}.toast.show{opacity:1}.toast.success{border-color:#00ff9d;box-shadow:0 0 25px #00ff9d66}.toast.error{border-color:#f66;box-shadow:0 0 25px #f666}@media(max-width:480px){#depositUsdtPopup,#depositEggPopup,#withdrawUsdtPopup,#withdrawEggPopup{width:86vw;max-width:340px;max-height:72vh;padding:14px;border-radius:18px}#depositUsdtPopup .close-btn,#depositEggPopup .close-btn,#withdrawUsdtPopup .close-btn,#withdrawEggPopup .close-btn{width:40px;height:40px;font-size:24px;border-radius:12px}#depositUsdtPopup h2,#depositEggPopup h2,#withdrawUsdtPopup h2,#withdrawEggPopup h2{font-size:18px;margin-bottom:12px}#depositUsdtPopup input,#depositEggPopup input,#withdrawUsdtPopup input,#withdrawEggPopup input{padding:12px;font-size:14px;border-radius:12px}#depositUsdtPopup .btn,#depositEggPopup .btn,#withdrawUsdtPopup .btn,#withdrawEggPopup .btn,#depositUsdtPopup .buy-btn,#depositEggPopup .buy-btn,#withdrawUsdtPopup .buy-btn,#withdrawEggPopup .buy-btn{padding:13px;font-size:14px;border-radius:14px}#depositUsdtPopup img,#depositEggPopup img{width:160px!important;height:160px!important;max-width:60vw!important;max-height:60vw!important}#depositUsdtPopup .ref-code,#depositEggPopup .ref-code{font-size:12px;padding:10px;margin:12px 0}}.egg-price-widget{margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.egg-price-header{display:flex;justify-content:space-between;align-items:center}.egg-coin-name{font-weight:900;font-size:14px;letter-spacing:.3px;color:var(--text)}.egg-coin-change{font-size:12px;font-weight:800}.egg-coin-change.up{color:#2ee59d}.egg-coin-change.down{color:#ff5c5c}.egg-coin-price{margin-top:10px;font-size:20px;font-weight:900;color:var(--text)}.egg-coin-pair{font-size:12px;font-weight:800;opacity:.7;margin-left:4px}.egg-coin-footer{margin-top:10px;display:flex;justify-content:space-between;font-size:11px;opacity:.75}.egg-coin-small{opacity:.75}.auth-popup{width:90%;max-width:380px;padding:24px;border-radius:20px}.auth-tabs{display:flex;gap:6px;margin-bottom:20px;background:#050c2a;border-radius:12px;padding:6px;border:1px solid rgba(0,234,255,.18)}.auth-tab{flex:1;padding:12px 10px;border:none;background:none;color:#00eaff8c;font-size:14px;font-weight:700;cursor:pointer;border-radius:10px;transition:all .25s ease;text-align:center}.auth-tab.active{background:linear-gradient(135deg,#00eaff,#4c7dff);color:#001018;box-shadow:0 0 15px var(--neon-soft)}.auth-tab:hover:not(.active){color:var(--neon);background:#00eaff14}.auth-form{display:none}.auth-form.active{display:block}.auth-footer{text-align:center;margin-top:16px;font-size:14px;color:#fff9}.auth-footer a{color:var(--neon);text-decoration:none;font-weight:700;cursor:pointer}.auth-footer a:hover{text-decoration:underline}.input-icon{position:relative}.input-icon input{padding-left:50px;text-align:left}.input-icon span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--neon);font-size:18px}.waterpass{margin-top:12px}.waterpass-body{position:relative;width:100%;height:26px;background:#0a1f14;border-radius:12px;border:2px solid #00c853;overflow:hidden}.waterpass-liquid{height:100%;width:10%;background:linear-gradient(90deg,#00ff7f,#00e676,#00c853)}.waterpass-glass{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(rgba(255,255,255,.18),transparent)}.waterpass-text{margin-top:6px;text-align:center;font-size:13px;font-weight:700;color:#9cffc7}.video-card{width:100vw;margin:14px 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:0;background:#000;border-radius:0;overflow:hidden}.youtube-video{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalog-card{background:linear-gradient(180deg,#0c1b4a,#081238);border:1px solid rgba(0,234,255,.25);border-radius:16px;padding:10px;text-align:center}.catalog-card img{width:100%;border-radius:12px;aspect-ratio:1/1;object-fit:cover}.price-tag{color:#00ff9d;font-weight:800;margin:8px 0;display:block}.loading-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #001018;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-panel{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.status-item{flex:1;min-width:140px;padding:10px 12px;border-radius:12px;background:#ffffff0f;display:flex;justify-content:space-between;align-items:center}.status-item .label{font-size:12px;opacity:.8}.status-badge{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-badge.on{background:#00ff962e;color:#00ff96;border:1px solid rgba(0,255,150,.35)}.status-badge.off{background:#ff3c3c26;color:#ff5a5a;border:1px solid rgba(255,60,60,.3)}main{width:100%;max-width:600px;margin:0 auto}.menu{width:100%;grid-template-columns:1fr}@media(min-width:900px){.menu{grid-template-columns:1fr 1fr}.menu .menu-btn:nth-child(3){grid-column:1 / -1}}.egg-price-widget{width:100%;margin-top:12px;text-align:left}.stats-real-time{width:100%}.stats-real-time .item{gap:14px}.stats-real-time .label{text-align:left;flex:1}.stats-real-time .value{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:140px;text-align:right}.stats-real-time .value small{font-size:12px;opacity:.75;margin-left:0}.home-action{margin-top:16px}.home-nav{margin-top:22px}.auth-popup{max-height:calc(100vh - var(--footer-height) - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:18px}.auth-form{display:none!important}.auth-form.active{display:block!important}.popup,.buy-popup,.auth-popup{z-index:6000}footer{z-index:5000}main{padding:clamp(14px,3.5vw,18px);padding-left:calc(clamp(14px,3.5vw,18px) + env(safe-area-inset-left));padding-right:calc(clamp(14px,3.5vw,18px) + env(safe-area-inset-right));width:100%;max-width:min(640px,100vw);margin:0 auto;overflow-y:auto;padding-bottom:calc(var(--footer-height) + 18px)}.menu,.stats-real-time,.status-panel,.home-action,.home-nav{width:100%;max-width:560px;margin-left:auto;margin-right:auto}.menu{grid-template-columns:1fr;gap:14px}@media(min-width:900px){.menu{max-width:640px;grid-template-columns:1fr 1fr}.menu .menu-btn:nth-child(3){grid-column:1 / -1}}.menu-btn{padding:clamp(18px,4vw,22px);border-radius:18px}.btn{width:100%;max-width:560px;margin-left:auto;margin-right:auto;font-size:clamp(16px,4vw,18px);padding:clamp(14px,4vw,16px)}.nav-btn{width:100%;max-width:560px;margin-left:auto;margin-right:auto;font-size:clamp(18px,4.5vw,22px);padding:clamp(18px,4.5vw,22px);border-radius:20px}.stats-real-time{margin:18px auto}.stats-real-time .value{min-width:150px}.status-panel{margin-top:14px}.status-item{min-width:0}footer{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--footer-height) + env(safe-area-inset-bottom))}