*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;min-height:100vh;color:#fff;background:radial-gradient(circle at top left,rgba(124,58,237,.16),transparent 30%),radial-gradient(circle at top right,rgba(6,182,212,.12),transparent 28%),linear-gradient(180deg,#050816 0%,#030712 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.animated-grid{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}.bg-blur{position:fixed;z-index:-2;border-radius:999px;filter:blur(85px);pointer-events:none}.blur-1{width:340px;height:340px;left:-80px;top:70px;background:rgba(124,58,237,.18)}.blur-2{width:340px;height:340px;right:-80px;bottom:80px;background:rgba(6,182,212,.14)}.page-loader{position:fixed;inset:0;z-index:99999;background:#020617;display:flex;align-items:center;justify-content:center;transition:.3s ease}.page-loader.hide{opacity:0;visibility:hidden}.brand-loader-box{text-align:center}.brand-loader-logo-text{font-size:2rem;font-weight:900;margin-bottom:16px;background:linear-gradient(90deg,#a855f7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-loader-bar{width:180px;height:8px;margin:0 auto 12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.brand-loader-bar span{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#06b6d4);animation:loaderMove 1.2s linear infinite}.brand-loader-box p{color:#94a3b8}@keyframes loaderMove{from{transform:translateX(-120%)}to{transform:translateX(350%)}}.primary-btn,.secondary-btn,.auth-btn,.connect-btn{min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s ease}.primary-btn,.auth-btn,.connect-btn{background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff}.secondary-btn{background:rgba(255,255,255,.05);border-color:rgba(148,163,184,.18);color:#fff}.primary-btn:hover,.secondary-btn:hover,.auth-btn:hover,.connect-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.full-width-btn{width:100%}.navbar{width:min(1500px,calc(100% - 24px));margin:12px auto;padding:14px 18px;border-radius:20px;background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.18);display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.brand-text{font-size:1.95rem;font-weight:900;letter-spacing:-.05em;background:linear-gradient(90deg,#a855f7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.nav-links a{padding:10px 15px;border-radius:12px;color:#cbd5e1;font-weight:700;transition:.2s ease}.nav-links a:hover,.nav-links a.active{background:linear-gradient(90deg,rgba(124,58,237,.88),rgba(37,99,235,.65));color:#fff}.nav-right,.auth-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#walletMenuBox{display:none}.wallet-menu-box{flex-direction:column;justify-content:center;min-width:122px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.16)}.wallet-menu-label{color:#94a3b8;font-size:.78rem}#walletMenuBalance{font-size:1rem;color:#fff}.home-shell,.explore-shell,.section,.page-hero{width:min(1500px,calc(100% - 24px));margin:20px auto}.explore-hero{min-height:430px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 60px rgba(0,0,0,.28)}.explore-hero-copy{padding:56px 44px;display:flex;flex-direction:column;justify-content:center}.hero-chip,.badge{width:fit-content;padding:8px 13px;border-radius:999px;background:rgba(124,58,237,.18);color:#d8b4fe;border:1px solid rgba(168,85,247,.28);font-size:.78rem;font-weight:900;letter-spacing:.08em;margin-bottom:16px}.explore-hero-copy h1{font-size:3.45rem;line-height:1.05;margin-bottom:16px}.explore-hero-copy h1 span{background:linear-gradient(90deg,#a855f7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.explore-hero-copy p{color:#b9c5dc;font-size:1.05rem;line-height:1.7;max-width:560px}.hero-v2-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.explore-hero-art{position:relative;min-height:430px}.explore-hero-art img{width:100%;height:100%;object-fit:cover}.hero-art-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,7,18,.18))}.featured-header,.explore-toolbar-wrap,.explore-category-strip,.home-nft-grid,.nft-carousel,.feature-strip,.explore-section-gap,.explore-bottom-strip{margin-top:26px}.featured-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.featured-header h2{font-size:1.7rem;margin-bottom:6px}.featured-header p{color:#94a3b8}.carousel-actions{display:flex;gap:10px}.carousel-actions button{min-width:48px;font-size:1.5rem}.market-toolbar{margin-top:14px;padding:18px;border-radius:20px;background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.16)}.market-search{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.72);color:#fff;outline:none;margin-bottom:14px}.market-search::placeholder{color:#64748b}.market-tags{display:flex;gap:10px;flex-wrap:wrap}.tag-btn{padding:10px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.05);color:#fff;font-weight:700;cursor:pointer}.tag-btn.active,.tag-btn:hover{background:linear-gradient(90deg,#7c3aed,#2563eb);border-color:transparent}.explore-category-strip,.feature-strip,.home-nft-grid,.about-grid{display:grid;gap:18px}.explore-category-strip,.feature-strip{grid-template-columns:repeat(4,1fr)}.home-nft-grid{grid-template-columns:repeat(4,1fr)}.nft-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px}.nft-carousel .nft-card{min-width:280px;max-width:280px;scroll-snap-align:start}.nft-carousel::-webkit-scrollbar{height:9px}.nft-carousel::-webkit-scrollbar-thumb{background:#2563eb;border-radius:999px}.about-grid{grid-template-columns:repeat(3,1fr)}.feature-box,.glass-box,.nft-card{background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.16);border-radius:18px;overflow:hidden}.feature-box{display:flex;gap:14px;align-items:flex-start;padding:18px;transition:.2s ease}.feature-box:hover,.nft-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.35)}.feature-box p,.glass-box p,.creator-line{color:#94a3b8}.mini-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-icon.purple{background:rgba(124,58,237,.18);color:#a855f7}.mini-icon.blue{background:rgba(59,130,246,.16);color:#60a5fa}.mini-icon.violet{background:rgba(168,85,247,.16);color:#c084fc}.mini-icon.green{background:rgba(34,197,94,.16);color:#22c55e}.nft-card img{width:100%;height:220px;object-fit:cover}.card-content,.glass-box{padding:18px}.card-content h3{margin-bottom:8px}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.footer{width:min(1500px,calc(100% - 24px));margin:24px auto;padding:22px;border-radius:20px;background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.16);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer p{color:#94a3b8}.dashboard-layout{width:min(1500px,calc(100% - 24px));margin:12px auto 24px;min-height:calc(100vh - 24px);display:grid;grid-template-columns:250px 1fr;gap:24px}.sidebar{background:rgba(8,13,30,.92);border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:24px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.sidebar-title{font-size:2rem;font-weight:900;padding:8px 14px 18px;background:linear-gradient(90deg,#a855f7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-item{min-height:54px;padding:0 18px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;color:#cbd5e1;font-weight:700;background:transparent;border:none;cursor:pointer;transition:.2s ease}.sidebar-item:hover,.sidebar-item.active{background:linear-gradient(90deg,rgba(124,58,237,.9),rgba(37,99,235,.6));color:#fff}.sidebar-disabled{opacity:.75}.sidebar-item.logout{margin-top:auto;border:1px solid rgba(248,113,113,.35);color:#fb7185;background:rgba(127,29,29,.12)}.soon-badge{padding:5px 10px;border-radius:999px;background:rgba(124,58,237,.25);color:#d8b4fe;font-size:.75rem}.dashboard-main{display:flex;flex-direction:column;gap:20px}.dashboard-header,.stat-card,.wallet-panel,.profit-panel,.dashboard-card{background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.16);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.dashboard-header{padding:26px}.dashboard-header h1{font-size:2.4rem;margin-bottom:8px}.dashboard-header p{color:#94a3b8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:22px}.stat-card p{color:#cbd5e1;font-weight:700;margin-bottom:10px}.stat-card h2{font-size:2rem}.wallet-sim-grid,.dashboard-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.wallet-panel,.profit-panel,.dashboard-card{padding:24px}.wallet-panel{border-color:rgba(168,85,247,.42)}.profit-panel{border-color:rgba(59,130,246,.42)}.wallet-panel-top,.card-header,.admin-card-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.panel-kicker{color:#c084fc;font-size:.82rem;font-weight:900;letter-spacing:.08em;margin-bottom:8px}.wallet-panel-top h3,.card-header h3{font-size:1.5rem}.wallet-badge{height:fit-content;padding:8px 15px;border-radius:999px;background:rgba(124,58,237,.2);color:#c4b5fd;font-weight:800}.wallet-badge.success{background:rgba(34,197,94,.16);color:#22c55e}.wallet-balance-card{padding:22px;border-radius:16px;background:radial-gradient(circle at right,rgba(59,130,246,.22),transparent 45%),rgba(30,41,59,.5);border:1px solid rgba(59,130,246,.35);margin-bottom:16px}.wallet-balance-card p,.wallet-mini-card p,.sim-result-card p{color:#94a3b8;margin-bottom:8px}.wallet-balance-card h2{font-size:2.4rem;margin-bottom:8px}.wallet-balance-card small{color:#94a3b8}.wallet-mini-grid,.sim-results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wallet-mini-card,.sim-result-card{padding:18px;border-radius:14px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.14)}.wallet-mini-card h4,.sim-result-card h4{font-size:1.35rem}.sim-row{margin-bottom:16px}.sim-row label{display:block;margin-bottom:8px;color:#cbd5e1}.sim-row input{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.76);color:#fff;padding:0 16px;outline:none}.sim-note{margin-top:16px;color:#94a3b8;background:rgba(15,23,42,.76);padding:14px;border-radius:12px}.activity-item,.held-item{padding:15px;border-radius:14px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.14);margin-bottom:12px}.activity-item span{display:block;font-weight:800;margin-bottom:4px}.activity-item small,.countdown-label{color:#94a3b8}.held-item{display:flex;gap:14px;align-items:center}.held-item img{width:74px;height:74px;border-radius:14px;object-fit:cover}.held-item-info{flex:1}.held-item-info h4{margin-bottom:5px}.held-item-info p{color:#94a3b8;margin-bottom:5px}.countdown-time{color:#fff;font-weight:800}.status{padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:900}.status.active{background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.18)}.status.expired{background:rgba(239,68,68,.14);color:#fca5a5;border:1px solid rgba(239,68,68,.18)}.admin-quick-actions{display:flex;flex-direction:column;gap:12px}.page-hero{padding:34px;border-radius:22px;background:rgba(8,13,30,.9);border:1px solid rgba(148,163,184,.16);text-align:center}.page-hero h1{font-size:2.4rem;margin-bottom:8px}.page-hero p{color:#94a3b8}.center-section{display:flex;justify-content:center}.connect-box{width:min(560px,100%);background:rgba(8,13,30,.92);border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.72);color:#fff;padding:0 16px;outline:none}.form-message{margin-top:12px;color:#94a3b8}.hold-modal-overlay{position:fixed;inset:0;background:rgba(2,6,23,.82);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}.hold-modal-overlay.show{display:flex}.hold-modal-box,.withdraw-modal-box{width:min(1120px,100%);max-height:92vh;overflow-y:auto;background:#071022;border:1px solid rgba(82,98,156,.28);border-radius:24px;padding:24px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.55)}.withdraw-modal-box{width:min(560px,100%)}.hold-modal-close{position:absolute;top:16px;right:18px;width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}.hold-modal-header{margin-bottom:20px}.hold-modal-kicker{color:#8b5cf6;font-size:.78rem;font-weight:900;letter-spacing:.12em;margin-bottom:8px}.hold-modal-title{font-size:2.1rem}.premium-hold-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.premium-hold-left,.premium-hold-right,.premium-status-box,.premium-note-box,.premium-amount-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px}.premium-hold-left,.premium-hold-right{padding:18px}.premium-alert-box{display:flex;gap:12px;padding:14px;border-radius:16px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.16);margin-bottom:16px}.premium-alert-icon{width:30px;height:30px;border-radius:50%;background:rgba(245,158,11,.18);display:flex;align-items:center;justify-content:center;font-weight:900}.premium-alert-box p,.premium-note-box p,.premium-status-box p,.muted-text{color:#d6dbea;line-height:1.5}.premium-coin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.premium-coin-current{display:flex;gap:10px;align-items:center;font-weight:900;font-size:1.2rem}.premium-small-pill{border:1px solid rgba(255,255,255,.12);background:rgba(124,58,237,.18);color:#fff;border-radius:999px;padding:8px 14px}.premium-qr-wrap{display:flex;justify-content:center;margin:18px 0}.fake-qr-box{width:210px;height:210px;background:#fff;border-radius:18px;position:relative;overflow:hidden}.qr-pixel{position:absolute;width:8px;height:8px;background:#000}.qr-eye{position:absolute;width:36px;height:36px;border:6px solid #000;background:#fff}.qr-eye-1{left:12px;top:12px}.qr-eye-2{right:12px;top:12px}.qr-eye-3{left:12px;bottom:12px}.qr-center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:14px;background:#0f172a;color:white;display:flex;align-items:center;justify-content:center;z-index:5;font-weight:900}.wallet-label{color:#94a3b8;margin-bottom:8px}.wallet-box{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);word-break:break-all;margin-bottom:12px}.wallet-actions{display:flex;gap:10px;margin-bottom:14px}.wallet-actions button,.coin-btn,.premium-inline-copy{min-height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:white;cursor:pointer}.premium-status-box,.premium-note-box,.premium-amount-box{padding:14px}.premium-nft-top{display:flex;gap:14px;margin-bottom:16px}.premium-preview-image{width:170px;height:170px;border-radius:18px;object-fit:cover;background:rgba(255,255,255,.04)}.premium-nft-top-info h3{font-size:1.5rem;margin-bottom:6px}.premium-nft-top-info p{color:#94a3b8;margin-bottom:12px}.premium-mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.premium-mini-stat{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.premium-mini-stat span{display:block;color:#94a3b8;font-size:.82rem;margin-bottom:6px}.premium-amount-box{margin-bottom:16px}.premium-amount-box p{color:#94a3b8;margin-bottom:8px}.premium-amount-box h2{font-size:2.4rem;color:#8b5cf6}.premium-form-group{margin-bottom:16px}.premium-form-group label{display:block;margin-bottom:8px;color:#cbd5e1}.premium-coin-row{display:flex;gap:10px;margin-bottom:10px}.coin-btn.active{background:linear-gradient(90deg,#7c3aed,#2563eb);border-color:transparent}.hold-select,.hold-input,.withdraw-form input,.withdraw-form select{width:100%;min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;padding:0 12px}.premium-input-wrap{display:flex;gap:10px}.premium-input-wrap .hold-input{flex:1}.hold-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.premium-cancel-btn,.premium-submit-btn{min-width:170px}.withdraw-form{display:flex;flex-direction:column;gap:12px;margin-top:18px}.withdraw-form label{color:#cbd5e1;font-weight:800}.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.auth-container{width:100%;max-width:440px}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo h1{font-size:3rem;font-weight:900;background:linear-gradient(90deg,#a855f7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-logo p{color:#cbd5e1}.auth-card{padding:30px;border-radius:24px;background:rgba(8,15,32,.9);border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 80px rgba(0,0,0,.45)}.auth-mini{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(124,58,237,.16);color:#d8b4fe;font-weight:900;margin-bottom:14px}.auth-header h2{font-size:2rem;margin-bottom:6px}.auth-sub{color:#94a3b8;margin-bottom:18px}.input-group input{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.72);color:#fff}.auth-message{color:#fca5a5;text-align:center}.auth-footer{margin-top:20px;text-align:center}.auth-footer p{color:#94a3b8;margin-bottom:8px}.auth-footer a{color:#38bdf8;font-weight:900}.mobile-os-header{display:none}.mobile-slide-menu,.mobile-menu-backdrop{display:none}@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto;align-items:center}.sidebar-title{white-space:nowrap;padding-bottom:8px}.sidebar-item{white-space:nowrap;min-width:max-content}.explore-hero{grid-template-columns:1fr}.stats-grid,.explore-category-strip,.feature-strip{grid-template-columns:repeat(2,1fr)}.home-nft-grid,.about-grid{grid-template-columns:repeat(2,1fr)}.wallet-sim-grid,.dashboard-grid,.premium-hold-grid{grid-template-columns:1fr}}@media(max-width:768px){.navbar{display:none!important}.mobile-os-header{width:100%;height:82px;padding:0 18px;background:#171717;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:9998}.mobile-menu-btn,.mobile-search-btn{width:42px;height:42px;border:none;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.mobile-search-btn{margin-left:auto;font-size:2.1rem}.mobile-os-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.mobile-os-logo{width:44px;height:44px;border-radius:50%;background:#2081e2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.mobile-os-brand strong{font-size:1.55rem;letter-spacing:-1px}.mobile-connect-btn{min-height:48px;padding:0 18px;border:none;border-radius:10px;background:#2081e2;color:#fff;font-weight:800;font-size:1rem;cursor:pointer}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998}.mobile-menu-backdrop.show{display:block}.mobile-slide-menu{position:fixed;top:0;left:-290px;width:280px;height:100vh;background:#171717;border-right:1px solid rgba(255,255,255,.08);z-index:9999;padding:20px;display:flex;flex-direction:column;gap:12px;transition:left .25s ease}.mobile-slide-menu.show{left:0}.mobile-slide-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mobile-slide-top strong{font-size:1.5rem;background:linear-gradient(90deg,#a855f7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-slide-top button{width:38px;height:38px;border:none;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:1.4rem}.mobile-slide-menu a,.mobile-slide-menu button{min-height:50px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;display:flex;align-items:center;font-weight:700;text-decoration:none}.mobile-slide-menu a:hover,.mobile-slide-menu button:hover{background:rgba(32,129,226,.22)}.home-shell,.explore-shell,.section,.page-hero,.dashboard-layout,.footer{width:calc(100% - 12px)}.explore-hero-copy{padding:28px 18px}.explore-hero-copy h1{font-size:2.2rem}.stats-grid,.wallet-mini-grid,.sim-results,.explore-category-strip,.feature-strip,.home-nft-grid,.about-grid{grid-template-columns:1fr}.wallet-panel,.profit-panel,.dashboard-card,.dashboard-header,.connect-box,.page-hero{padding:18px}.premium-nft-top{flex-direction:column}.premium-preview-image{width:100%;height:220px}.hold-modal-footer,.wallet-actions{flex-direction:column}.premium-cancel-btn,.premium-submit-btn,.wallet-actions button{width:100%}.held-item{flex-direction:column;align-items:flex-start}.held-item img{width:100%;height:190px}}@media(max-width:420px){.mobile-os-header{gap:12px;padding:0 12px}.mobile-os-brand strong{font-size:1.25rem}.mobile-os-logo{width:40px;height:40px}.mobile-connect-btn{padding:0 12px;font-size:.9rem}}
.os-hero-slider {
position: relative;
width: min(1500px, calc(100% - 24px));
min-height: 360px;
margin: 24px auto;
border-radius: 24px;
overflow: hidden;
background:
radial-gradient(circle at 78% 42%, rgba(56,189,248,0.45), transparent 24%),
radial-gradient(circle at 22% 35%, rgba(124,58,237,0.5), transparent 30%),
linear-gradient(110deg, #090b1c 0%, #17104a 45%, #1d65e8 100%);
border: 1px solid rgba(148,163,184,0.18);
box-shadow: 0 26px 70px rgba(0,0,0,0.35);
}
.os-hero-slider::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(3,7,18,0.88) 0%, rgba(3,7,18,0.42) 42%, rgba(3,7,18,0.05) 100%),
repeating-linear-gradient(
170deg,
rgba(255,255,255,0.06) 0px,
rgba(255,255,255,0.06) 1px,
transparent 1px,
transparent 18px
);
opacity: 0.75;
pointer-events: none;
}
.os-hero-slide {
position: relative;
z-index: 2;
min-height: 360px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.os-hero-copy {
padding: 54px 70px;
display: flex;
flex-direction: column;
justify-content: center;
}
.os-hero-copy span {
width: fit-content;
padding: 8px 14px;
border-radius: 999px;
background: rgba(15,23,42,0.45);
border: 1px solid rgba(168,85,247,0.35);
color: #e9d5ff;
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.08em;
margin-bottom: 18px;
}
.os-hero-copy h1 {
font-size: 3.2rem;
line-height: 1.08;
letter-spacing: -1px;
margin-bottom: 18px;
}
.os-hero-copy h1 b {
background: linear-gradient(90deg, #a855f7, #38bdf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.os-hero-copy p {
max-width: 560px;
color: #cbd5e1;
line-height: 1.7;
font-size: 1rem;
}
.os-hero-art {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.eth-shape {
font-size: 13rem;
line-height: 1;
color: transparent;
background: linear-gradient(150deg, #dbeafe, #38bdf8, #7c3aed, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 30px 50px rgba(0,0,0,0.55));
transform: rotate(0deg);
}
.hero-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 48px;
height: 48px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.12);
background: rgba(15,23,42,0.55);
color: #fff;
font-size: 2rem;
cursor: pointer;
}
.hero-left {
left: 22px;
}
.hero-right {
right: 22px;
}
.os-hero-dots {
position: absolute;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
z-index: 5;
display: flex;
gap: 10px;
}
.os-hero-dots button {
width: 22px;
height: 7px;
border-radius: 999px;
border: none;
background: rgba(255,255,255,0.3);
cursor: pointer;
}
.os-hero-dots button.active {
background: #38bdf8;
}
@media (max-width: 900px) {
.os-hero-slider {
min-height: 520px;
border-radius: 18px;
}
.os-hero-slide {
grid-template-columns: 1fr;
}
.os-hero-copy {
padding: 42px 24px 12px;
}
.os-hero-copy h1 {
font-size: 2.25rem;
}
.os-hero-art {
min-height: 210px;
}
.eth-shape {
font-size: 8rem;
}
.hero-arrow {
display: none;
}
}
@media (max-width: 768px) {
.mobile-connect-btn {
display: none !important;
}
.mobile-search-btn {
margin-left: auto;
}
}
/* NFT WEB3 PATCH UI */
.top-user-pill {
min-height: 46px;
padding: 8px 14px;
border-radius: 14px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(148,163,184,.18);
display: flex;
flex-direction: column;
justify-content: center;
gap: 3px;
}
.top-user-pill span {
font-size: .82rem;
color: #cbd5e1;
font-weight: 800;
}
.top-user-pill strong {
font-size: .95rem;
color: #fff;
}
.deposit-modal-box {
width: min(1120px,100%);
max-height: 92vh;
overflow-y: auto;
background: #071022;
border: 1px solid rgba(82,98,156,.28);
border-radius: 24px;
padding: 24px;
position: relative;
box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
.wallet-click-box {
color: #fff;
text-align: left;
cursor: pointer;
width: 100%;
}
.admin-nft-manage-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.admin-manage-nft-card {
display: grid;
grid-template-columns: 74px 1fr auto;
gap: 12px;
align-items: center;
padding: 12px;
border-radius: 14px;
background: rgba(15,23,42,.76);
border: 1px solid rgba(148,163,184,.14);
}
.admin-manage-nft-card img {
width: 74px;
height: 74px;
border-radius: 12px;
object-fit: cover;
}
.admin-manage-nft-card p {
color: #94a3b8;
margin-top: 4px;
}
.danger-btn {
min-height: 40px;
padding: 0 14px;
border-radius: 10px;
border: 1px solid rgba(248,113,113,.35);
background: rgba(127,29,29,.2);
color: #fb7185;
font-weight: 900;
cursor: pointer;
}
.hero-nft-image {
width: 300px;
height: 300px;
border-radius: 28px;
object-fit: cover;
border: 1px solid rgba(255,255,255,.18);
box-shadow: 0 26px 70px rgba(0,0,0,.45);
position: relative;
z-index: 2;
}
.hero-shape-small {
position: absolute;
right: 18%;
bottom: 12%;
font-size: 4rem !important;
opacity: .85;
}
.mobile-connect-btn {
display: none !important;
}
@media(max-width: 768px) {
.admin-nft-manage-grid {
grid-template-columns: 1fr;
}
.admin-manage-nft-card {
grid-template-columns: 64px 1fr;
}
.admin-manage-nft-card .danger-btn {
grid-column: 1 / -1;
width: 100%;
}
.hero-nft-image {
width: 220px;
height: 220px;
}
}
/* Remove second slidable dashboard menu on mobile */
@media (max-width: 768px) {
.page-dashboard .sidebar {
display: none !important;
}
.page-dashboard .dashboard-layout {
grid-template-columns: 1fr !important;
width: calc(100% - 12px);
margin: 12px auto 24px;
}
.page-dashboard .dashboard-main {
width: 100%;
}
}
/* Mobile header username + balance pill */
.mobile-user-box {
margin-left: auto;
min-width: 92px;
max-width: 118px;
min-height: 44px;
padding: 5px 10px;
border-radius: 13px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(148,163,184,0.22);
display: none;
flex-direction: column;
align-items: flex-end;
justify-content: center;
cursor: pointer;
overflow: hidden;
}
.mobile-user-box span {
width: 100%;
font-size: 0.72rem;
line-height: 1.1;
color: #94a3b8;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mobile-user-box strong {
width: 100%;
margin-top: 3px;
font-size: 0.86rem;
line-height: 1.1;
color: #fff;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mobile-user-box:active {
transform: scale(0.97);
}
@media (max-width: 420px) {
.mobile-user-box {
min-width: 82px;
max-width: 98px;
padding: 5px 8px;
}
.mobile-user-box span {
font-size: 0.66rem;
}
.mobile-user-box strong {
font-size: 0.78rem;
}
}
/* Final upgrade styles */
.support-chat-box{min-height:220px;max-height:340px;overflow-y:auto;margin:18px 0;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.support-bubble{max-width:82%;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.support-bubble.user{margin-left:auto;background:linear-gradient(135deg,rgba(124,58,237,.32),rgba(37,99,235,.22))}.support-bubble.admin{margin-right:auto;background:rgba(15,23,42,.72)}.support-bubble strong{display:block;margin-bottom:4px}.support-bubble p{color:#e5e7eb;line-height:1.4}.support-bubble small{display:block;margin-top:6px;color:#94a3b8}.support-textarea{width:100%;min-height:110px;resize:vertical;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;padding:12px;outline:none}.support-admin-thread{padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);margin-bottom:10px}.support-admin-reply{display:flex;gap:10px;margin-top:10px}.support-admin-reply input{flex:1;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;padding:0 12px}.full-span{grid-column:1/-1}.danger-btn{min-height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.15);color:#fecaca;font-weight:800;cursor:pointer}.hero-nft-image{width:100%;height:100%;object-fit:cover;border-radius:28px}.hero-shape-small{position:absolute;right:18px;bottom:18px}
@media(max-width:768px){.support-admin-reply{flex-direction:column}.support-admin-reply .primary-btn{width:100%}}
/* ===== NFT Web3 final fixes ===== */
.page-admin .mobile-slide-menu,
.page-admin .mobile-menu-backdrop,
.page-admin .mobile-menu-btn { display:none !important; }
.support-admin-list, .activity-list { display:flex; flex-direction:column; gap:12px; }
.support-admin-thread { border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:14px; background:rgba(255,255,255,.04); }
.support-thread-messages { max-height:220px; overflow:auto; display:flex; flex-direction:column; gap:8px; margin:10px 0; }
.support-bubble { max-width:88%; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.08); }
.support-bubble.admin { margin-left:auto; background:rgba(133,92,255,.2); }
.support-admin-reply { display:flex; gap:8px; margin-top:10px; }
.support-admin-reply input, .admin-wallet-form input, .admin-wallet-form select { width:100%; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:inherit; }
.admin-wallet-form label { font-size:.85rem; opacity:.78; margin-top:8px; }
.admin-extra-grid { margin-top:22px; }
.nft-card img { background:linear-gradient(135deg, rgba(124,92,255,.25), rgba(0,224,255,.2)); object-fit:cover; }
@media (max-width: 780px) { .page-admin .mobile-os-header{display:flex;} .page-admin .dashboard-layout{padding-top:85px;} .support-admin-reply{flex-direction:column;} }
/* Final backend reconciliation patch */
.nft-percent-line {
color: #22c55e;
font-weight: 900;
font-size: 1.05rem;
margin: 6px 0;
}
.admin-percent-input {
width: 90px;
padding: 8px 10px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.08);
color: #fff;
outline: none;
margin-top: 4px;
}
.mini-label {
display: block;
font-size: .75rem;
color: rgba(255,255,255,.65);
margin-top: 6px;
}
.support-chat-box, .support-admin-list { scroll-behavior: smooth; }
/* ===== V3 HOLD + BALANCE + NOTIFICATION FIXES ===== */
.green-text,
.nft-percent-line {
color: #22c55e !important;
font-weight: 900;
}
.hold-detail-grid {
display: grid;
grid-template-columns: minmax(240px, 0.9fr) minmax(260px, 1.1fr);
gap: 22px;
align-items: start;
}
.hold-detail-image-wrap {
border-radius: 24px;
overflow: hidden;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.12);
}
.hold-detail-image {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
}
.hold-detail-info {
display: grid;
gap: 14px;
}
.hold-description {
color: rgba(255,255,255,.72);
line-height: 1.55;
}
.hold-stats-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 10px;
}
.hold-stats-grid > div,
.hold-live-box {
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.06);
border-radius: 16px;
padding: 12px;
}
.hold-stats-grid span,
.mini-label {
display: block;
font-size: 12px;
color: rgba(255,255,255,.62);
margin-bottom: 5px;
}
.hold-stats-grid strong {
color: #fff;
}
.held-priority-card {
margin: 20px 0;
}
.held-item-large {
align-items: stretch;
gap: 16px;
}
.held-item-large img {
width: 110px;
height: 110px;
border-radius: 18px;
object-fit: cover;
}
.held-actions {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-end;
justify-content: center;
}
.notification-item span {
color: #fff;
font-weight: 800;
}
.mobile-mini-deposit-btn {
border: 0;
border-radius: 999px;
padding: 5px 9px;
font-size: 11px;
font-weight: 800;
color: #06101f;
background: #22c55e;
margin-left: 6px;
}
.admin-balance-edit {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.admin-balance-edit input,
.admin-percent-input {
width: 110px;
padding: 8px 10px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.08);
color: #fff;
}
.danger-btn {
border: 1px solid rgba(248, 113, 113, .45);
color: #fecaca;
background: rgba(239, 68, 68, .14);
border-radius: 999px;
padding: 10px 14px;
font-weight: 800;
cursor: pointer;
}
.error-text {
color: #fecaca !important;
}
@media (max-width: 768px) {
.profit-panel {
display: none !important;
}
.hold-detail-grid {
grid-template-columns: 1fr;
}
.hold-stats-grid {
grid-template-columns: 1fr;
}
.held-item-large {
flex-direction: column;
}
.held-item-large img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.held-actions {
align-items: stretch;
}
.mobile-user-box {
gap: 4px;
}
}
/* ===== V4 collection list/grid layout ===== */
.market-collection-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
overflow: visible !important;
padding: 4px 0 14px !important;
scroll-snap-type: none !important;
}
.market-collection-card {
min-width: 0 !important;
max-width: none !important;
min-height: 122px;
display: grid;
grid-template-columns: 96px minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
padding: 0;
border-radius: 18px;
background: rgba(255,255,255,.045);
border: 1px solid rgba(255,255,255,.10);
overflow: hidden;
cursor: pointer;
transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.market-collection-card:hover {
transform: translateY(-2px);
border-color: rgba(56,189,248,.36);
background: rgba(255,255,255,.07);
}
.market-collection-icon {
width: 96px !important;
height: 122px !important;
object-fit: cover;
border-radius: 0 !important;
}
.market-collection-main {
min-width: 0;
display: grid;
gap: 8px;
}
.market-title-row {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.market-title-row h3 {
font-size: 1.05rem;
line-height: 1.25;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.verified-badge {
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
background: #2081e2;
color: #fff;
font-size: .78rem;
font-weight: 900;
}
.market-collection-status {
color: rgba(255,255,255,.58);
font-size: .88rem;
}
.market-collection-side {
padding-right: 18px;
display: grid;
justify-items: end;
gap: 7px;
min-width: 128px;
}
.market-collection-side strong {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 1.08rem;
color: #fff;
white-space: nowrap;
}
.market-change {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-weight: 900;
font-size: 1rem;
}
.market-change.positive { color: #22c55e; }
.market-change.negative { color: #fb7185; }
.market-hold-btn, .section-more-link {
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.16);
background: rgba(32,129,226,.18);
color: #fff;
font-weight: 900;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.market-hold-btn:hover, .section-more-link:hover { background: rgba(32,129,226,.32); }
.market-status.locked {
min-height: 32px;
padding: 0 10px;
border-radius: 999px;
display: inline-flex;
align-items: center;
color: #fbbf24;
background: rgba(245,158,11,.12);
border: 1px solid rgba(245,158,11,.22);
font-weight: 900;
}
.section-more-link { background: rgba(34,197,94,.15); }
.carousel-actions > button { display: none !important; }
@media (max-width: 1100px) {
.market-collection-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.market-collection-card {
min-height: 76px;
grid-template-columns: 60px minmax(0,1fr) auto;
gap: 12px;
border-radius: 14px;
}
.market-collection-icon {
width: 60px !important;
height: 76px !important;
}
.market-title-row h3 {
font-size: .95rem;
}
.verified-badge {
width: 18px;
height: 18px;
font-size: .68rem;
}
.market-collection-status {
font-size: .78rem;
}
.market-collection-side {
min-width: 92px;
padding-right: 10px;
gap: 3px;
}
.market-collection-side strong {
font-size: .92rem;
}
.market-change {
font-size: .86rem;
}
.market-hold-btn {
display: none;
}
.carousel-actions {
display: flex !important;
}
.section-more-link {
min-height: 34px;
padding: 0 14px;
}
}
@media (max-width: 768px) {
.carousel-actions button,
#holdCarouselLeft,
#holdCarouselRight,
#externalCarouselLeft,
#externalCarouselRight {
display: none !important;
}
.market-toolbar {
display: none;
}
}
/* ===== V6 fixes ===== */
.os-hero-slide { display: none; }
.os-hero-slide.active { display: grid; }
.wallet-sim-grid { grid-template-columns: 1fr !important; }
.admin-card-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.page-admin .mobile-slide-menu, .page-admin .mobile-menu-backdrop { display:none !important; }
@media(max-width:768px){
.page-admin .mobile-menu-btn { display:none !important; }
.admin-quick-card { order:-1; }
}