:root {
  --bg:#07070a;--bg2:#0c0c10;--bg3:#101015;
  --surface:#15151b;--surface2:#1b1b23;
  --border:#222228;--border2:#2c2c36;
  --accent:#c8a96e;--accent2:#e8c98a;--accent3:#4ade80;
  --danger:#f87171;--warn:#fb923c;
  --text:#edeae0;--text2:#8c8780;--text3:#46433f;
  --gold:#c8a96e;--gold2:#e8c98a;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),var(--accent),transparent);z-index:3000;pointer-events:none;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

/* ── NOISE ── */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.6;}

/* ── PAGES ── */
.page{display:none;padding-top:64px;min-height:100vh;position:relative;z-index:1;}
.page.active{display:block;animation:pageIn .48s cubic-bezier(.22,1,.36,1) both;}
@keyframes pageIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);}
.reveal.on{opacity:1;transform:none;}
.reveal-d1{transition-delay:.07s;}.reveal-d2{transition-delay:.14s;}.reveal-d3{transition-delay:.21s;}.reveal-d4{transition-delay:.28s;}.reveal-d5{transition-delay:.35s;}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(7,7,10,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 44px;height:64px;display:flex;align-items:center;justify-content:space-between;overflow:visible;}
nav::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(200,169,110,.025) 0%,transparent 100%);pointer-events:none;}
.nav-logo{display:flex;align-items:center;gap:11px;cursor:pointer;text-decoration:none;}
.nav-logo-mark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.nav-logo-name{font-family:'Bebas Neue',sans-serif;font-size:21px;letter-spacing:2.5px;color:var(--text);}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{padding:7px 15px;color:var(--text2);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:color .14s,background .14s;}
.nav-link:hover{color:var(--text);background:var(--surface);}
.nav-link.active{color:var(--accent);}
.nav-actions{display:flex;align-items:center;gap:10px;}

/* ── BUTTONS ── */
.btn{padding:9px 20px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;border:none;font-family:'Barlow',sans-serif;transition:all .18s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;}
.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border);}
.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--surface);}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#080808;font-weight:700;box-shadow:0 2px 16px rgba(200,169,110,.18);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px rgba(200,169,110,.32);}
.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border);}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent);}
.btn-danger{background:rgba(248,113,113,.08);color:var(--danger);border:1px solid rgba(248,113,113,.22);}
.btn-danger:hover{background:rgba(248,113,113,.15);}
.btn-success{background:rgba(74,222,128,.08);color:var(--accent3);border:1px solid rgba(74,222,128,.22);}
.btn-success:hover{background:rgba(74,222,128,.14);}
.btn-sm{padding:5px 12px;font-size:11px;}
.btn-lg{padding:13px 32px;font-size:14px;}

/* ── HERO ── */
.hero{padding:150px 44px 110px;text-align:center;position:relative;overflow:hidden;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}
/* Cinematic grid overlay */
.hero-grid-bg{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(200,169,110,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,110,.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 80%);
}
.hero-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(200,169,110,.09) 0%,transparent 65%);pointer-events:none;}
.hero-glow-2{position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(74,222,128,.05) 0%,transparent 65%);pointer-events:none;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 15px;background:rgba(200,169,110,.05);border:1px solid rgba(200,169,110,.18);border-radius:3px;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:36px;opacity:0;animation:fadeUp .7s .06s cubic-bezier(.22,1,.36,1) forwards;}
.hero-badge::before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;animation:dot-pulse 2s infinite;}
@keyframes dot-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.65);}}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(72px,10vw,132px);font-weight:400;line-height:.88;letter-spacing:3px;text-transform:uppercase;margin-bottom:30px;max-width:960px;margin-left:auto;margin-right:auto;opacity:0;animation:fadeUp .85s .18s cubic-bezier(.22,1,.36,1) forwards;}
.hero h1 span{color:var(--accent);display:block;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero p{font-size:17px;color:var(--text2);max-width:560px;margin:0 auto 52px;line-height:1.85;font-weight:300;opacity:0;animation:fadeUp .75s .3s cubic-bezier(.22,1,.36,1) forwards;}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .7s .42s cubic-bezier(.22,1,.36,1) forwards;}
.hero-cta-primary{font-size:13px;padding:15px 38px;letter-spacing:1.2px;box-shadow:0 0 40px rgba(200,169,110,.25),0 4px 20px rgba(0,0,0,.4);}
.hero-cta-primary:hover{box-shadow:0 0 60px rgba(200,169,110,.4),0 8px 32px rgba(0,0,0,.5)!important;}
/* Trust strip below CTA buttons */
.hero-trust-strip{display:flex;align-items:center;gap:14px;margin-top:44px;opacity:0;animation:fadeUp .6s .58s cubic-bezier(.22,1,.36,1) forwards;}
.hero-trust-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text3);letter-spacing:.5px;font-weight:500;}
.hero-trust-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;animation:dot-pulse 2s infinite;}
.hero-trust-dot.green{background:var(--accent3);}
.hero-trust-dot.gold{background:var(--gold2);}
.hero-trust-sep{color:var(--border2);font-size:16px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}

/* Stats */
.stats-bar{display:flex;justify-content:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 44px;background:linear-gradient(180deg,rgba(200,169,110,.015) 0%,transparent 100%);}
.stat-item{flex:1;text-align:center;padding:38px 20px;border-right:1px solid var(--border);position:relative;transition:background .2s;}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:rgba(200,169,110,.03);}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:46px;letter-spacing:2px;color:var(--text);margin-bottom:6px;line-height:1;}
.stat-num span{color:var(--accent);}
.stat-label{font-size:10px;color:var(--text3);letter-spacing:1.8px;text-transform:uppercase;}

/* Features */
.features-section{padding:68px 44px;}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:1000px;margin:0 auto;}
.feature-card{background:var(--surface);padding:30px 26px;transition:background .2s;}
.feature-card:hover{background:var(--surface2);}
.feature-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px;border:1px solid var(--border);}
.fi-gold{background:rgba(200,169,110,.07);border-color:rgba(200,169,110,.18);}
.fi-muted{background:rgba(255,255,255,.03);}
.fi-green{background:rgba(74,222,128,.05);border-color:rgba(74,222,128,.14);}
.feature-title{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1.5px;margin-bottom:9px;}
.feature-desc{font-size:13px;color:var(--text2);line-height:1.7;font-weight:300;}

/* Top MMs */
.top-mms{padding:38px 44px 48px;border-top:1px solid var(--border);}
/* ── RECENT DEALS ── */
.recent-deals-section{padding:38px 44px 48px;border-top:1px solid var(--border);max-width:1380px;margin:0 auto;}
.live-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.2);border-radius:20px;font-size:10px;font-weight:700;color:var(--accent3);letter-spacing:1px;text-transform:uppercase;}
.deals-feed{display:flex;flex-direction:column;gap:8px;}
.deal-row{display:flex;align-items:center;gap:14px;padding:11px 16px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12px;transition:border-color .2s;}
.deal-row:hover{border-color:var(--accent);}
.deal-row-mm{display:flex;align-items:center;gap:8px;min-width:160px;}
.deal-row-mm img{width:28px;height:28px;border-radius:4px;object-fit:cover;}
.deal-row-mmname{font-weight:700;font-size:12px;}
.deal-row-trade{flex:1;color:var(--text2);font-weight:300;}
.deal-row-val{font-weight:700;color:var(--accent3);min-width:80px;text-align:right;}
.deal-row-time{font-size:10px;color:var(--text3);min-width:60px;text-align:right;}
.deal-row-badge{padding:2px 8px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);color:var(--accent3);}
/* ── PLATFORM STATS ── */
.platform-stats-section{padding:38px 44px 48px;border-top:1px solid var(--border);}
.pstats-grid{display:flex;flex-wrap:wrap;gap:12px;max-width:1380px;margin:0 auto;}
.pstat-card{flex:1;min-width:160px;padding:20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:center;transition:border-color .2s;}
.pstat-card:hover{border-color:var(--accent);}
.pstat-icon{font-size:22px;margin-bottom:8px;}
.pstat-val{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:var(--text);line-height:1;}
.pstat-label{font-size:11px;color:var(--text3);margin-top:4px;font-weight:400;letter-spacing:.5px;}
/* ── HOW IT WORKS STRIP ── */
.how-strip-section{padding:38px 44px 48px;border-top:1px solid var(--border);}
.how-strip-grid{display:flex;align-items:center;gap:0;max-width:1100px;margin:0 auto;flex-wrap:wrap;}
.how-strip-step{flex:1;min-width:200px;padding:22px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .2s;}
.how-strip-step:hover{border-color:var(--accent);}
.how-strip-arrow{font-size:18px;color:var(--text3);padding:0 10px;flex-shrink:0;}
.how-strip-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);font-weight:700;letter-spacing:2px;margin-bottom:8px;}
.how-strip-title{font-weight:700;font-size:14px;margin-bottom:6px;}
.how-strip-desc{font-size:12px;color:var(--text2);font-weight:300;line-height:1.65;}
/* ── SPECIALTIES ── */
.specialties-section{padding:38px 44px 64px;border-top:1px solid var(--border);}
.specialty-grid{display:flex;flex-wrap:wrap;gap:12px;max-width:1380px;margin:0 auto;}
.specialty-card{flex:1;min-width:180px;padding:20px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center;}
.specialty-card:hover{border-color:var(--accent);background:var(--surface2);}
.specialty-icon{font-size:26px;margin-bottom:9px;}
.specialty-name{font-weight:700;font-size:14px;margin-bottom:4px;}
.specialty-sub{font-size:11px;color:var(--text3);font-weight:300;line-height:1.5;}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.section-heading h3{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;text-transform:uppercase;}
.top-mm-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1380px;margin:0 auto;}
.top-mm-card{width:268px;flex-shrink:0;}
.top-mm-card{display:flex;gap:13px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;cursor:pointer;transition:all .2s;}
.top-mm-card:hover{border-color:var(--accent);background:var(--surface2);}
.rank-num{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--text3);width:24px;text-align:center;flex-shrink:0;}
.rank-num.gold{color:var(--gold);}.rank-num.silver{color:#8a9db5;}.rank-num.bronze{color:#a07850;}
.top-mm-info{flex:1;min-width:0;}
.top-mm-name{font-weight:700;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-mm-rep{font-size:11px;color:var(--text3);}
.top-mm-rep span{color:var(--accent3);font-weight:600;}

/* ── MM GRID ── */
.page-header{padding:38px 44px 26px;border-bottom:1px solid var(--border);}
.page-header h2{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;}
.page-header p{color:var(--text2);font-size:13px;font-weight:300;}
.filters-bar{display:flex;gap:7px;padding:16px 44px;border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap;}
.filter-chip{padding:5px 13px;background:var(--surface);border:1px solid var(--border);border-radius:3px;font-size:11px;font-weight:700;color:var(--text2);cursor:pointer;text-transform:uppercase;letter-spacing:.6px;transition:all .14s;}
.filter-chip:hover{color:var(--text);border-color:var(--border2);}
.filter-chip.active{background:rgba(200,169,110,.08);border-color:rgba(200,169,110,.3);color:var(--accent);}
.search-input-wrap{margin-left:auto;position:relative;}
.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text3);}
.search-input{padding:7px 12px 7px 32px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:'Barlow',sans-serif;outline:none;width:200px;transition:border-color .14s;}
.search-input:focus{border-color:var(--accent);}
.search-input::placeholder{color:var(--text3);}

.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:24px 44px;}
.mm-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;cursor:pointer;transition:all .2s;animation:cardIn .4s cubic-bezier(.22,1,.36,1) both;}
@keyframes cardIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.mm-card:hover{border-color:var(--border2);background:var(--surface2);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3);}
.mm-card-header{display:flex;gap:13px;margin-bottom:14px;}
.avatar-wrap{position:relative;flex-shrink:0;}
.avatar{width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--border);}
.online-dot{position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);background:var(--accent3);}
.online-dot.away{background:var(--warn);}
.online-dot.offline{background:var(--text3);}
.mm-card-info{flex:1;min-width:0;}
.mm-name-row{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap;}
.mm-name{font-weight:700;font-size:15px;}
.badge-certified{padding:2px 7px;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text3);}
.badge-elite{background:rgba(232,201,138,.1);border-color:rgba(232,201,138,.28);color:var(--gold2);}
.badge-new{background:rgba(74,222,128,.07);border-color:rgba(74,222,128,.18);color:var(--accent3);}
.mm-tagline{font-size:11px;color:var(--text3);margin-bottom:8px;font-weight:300;}
.rep-display{display:flex;align-items:center;gap:5px;}
.rep-stars{display:flex;gap:2px;}
.star{font-size:10px;}.star.filled{color:var(--gold);}.star.empty{color:var(--border2);}
.rep-count{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text2);}
.rep-pos{color:var(--accent3);}.rep-neg{color:var(--danger);}
.mm-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:13px;}
.stat-cell{text-align:center;}
.stat-cell-num{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px;}
.stat-cell-label{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;}
.mm-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:13px;}
.tag{padding:3px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;font-size:10px;color:var(--text2);}
.mm-card-footer{display:flex;align-items:center;justify-content:space-between;}
.status-tag{font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;}
.status-available{color:var(--accent3);}.status-busy{color:var(--warn);}

/* ── PROFILE ── */
#page-profile .profile-cover{
  height:140px;
  background:linear-gradient(135deg,#0d0d12 0%,#111118 50%,#0a0a0e 100%);
  border-bottom:1px solid var(--border);
  position:relative;
  overflow:hidden;
}
#page-profile .profile-cover::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(-45deg,transparent,transparent 38px,rgba(200,169,110,.018) 38px,rgba(200,169,110,.018) 39px);
}
#page-profile .profile-cover::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,169,110,.25),transparent);
}
.profile-main{padding:0 44px 44px;max-width:1100px;margin:0 auto;}
.profile-head{display:flex;align-items:flex-end;gap:22px;margin-top:-44px;margin-bottom:28px;position:relative;z-index:2;}
.profile-avatar-lg{width:92px;height:92px;border-radius:8px;border:3px solid var(--bg);object-fit:cover;flex-shrink:0;box-shadow:0 4px 20px rgba(0,0,0,.5);}
.profile-head-info{flex:1;padding-bottom:6px;}
.profile-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:5px;}
.profile-name{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;}
.profile-tagline{font-size:13px;color:var(--text2);margin-bottom:10px;font-weight:300;}
.profile-head-actions{display:flex;gap:9px;padding-bottom:6px;}
.profile-body{display:grid;grid-template-columns:290px 1fr;gap:18px;}
.profile-sidebar{display:flex;flex-direction:column;gap:13px;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px;}
.card-title{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:14px;}
.rep-big{text-align:center;padding:8px 0;}
.rep-score{font-family:'Bebas Neue',sans-serif;font-size:52px;letter-spacing:2px;line-height:1;margin-bottom:5px;}
.rep-score.pos{color:var(--accent3);}.rep-score.neg{color:var(--danger);}
.rep-bar-wrap{display:flex;align-items:center;gap:9px;margin-top:10px;}
.rep-bar{flex:1;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;}
.rep-bar-fill{height:100%;background:var(--accent3);border-radius:2px;transition:width .5s;}
.info-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px;}
.info-row:last-child{border-bottom:none;}
.info-row-label{color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:.8px;}
.info-row-val{color:var(--text);font-weight:500;}
.rep-feed{display:flex;flex-direction:column;gap:9px;}
.rep-item{display:flex;gap:11px;padding:11px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;align-items:flex-start;}
.rep-item-avatar{width:30px;height:30px;border-radius:6px;object-fit:cover;flex-shrink:0;}
.rep-item-body{flex:1;}
.rep-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;}
.rep-item-name{font-size:12px;font-weight:700;}
.rep-item-date{font-size:10px;color:var(--text3);font-family:'JetBrains Mono',monospace;}
.rep-item-text{font-size:12px;color:var(--text2);line-height:1.5;font-weight:300;}
.rep-badge-pos{display:inline-flex;width:17px;height:17px;background:rgba(74,222,128,.14);border-radius:50%;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--accent3);flex-shrink:0;}
.rep-badge-neg{background:rgba(248,113,113,.14);color:var(--danger);}
.verify-shield{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:3px;background:rgba(200,169,110,.05);border:1px solid rgba(200,169,110,.14);color:var(--accent);}

/* ── MODALS ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:30px;max-width:540px;width:100%;max-height:88vh;overflow-y:auto;position:relative;animation:modalIn .22s cubic-bezier(.22,1,.36,1);}
@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}
.modal-lg{max-width:680px;}
.modal-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:5px;}
.modal-sub{font-size:13px;color:var(--text2);margin-bottom:22px;font-weight:300;}
.modal-close{position:absolute;top:16px;right:16px;width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text2);transition:all .14s;}
.modal-close:hover{color:var(--text);background:var(--surface2);}

/* ── FORMS ── */
.form-group{margin-bottom:16px;}
.form-label{display:block;font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:7px;}
.form-input,.form-textarea,.form-select{width:100%;padding:9px 13px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:13px;font-family:'Barlow',sans-serif;outline:none;transition:border-color .14s;}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text3);}
.form-textarea{resize:vertical;min-height:84px;}
.form-select{appearance:none;cursor:pointer;}
.form-select option{background:var(--surface);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* ── TICKET ── */
.ticket-container{max-width:800px;margin:0 auto;padding:28px 44px;}
.ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;}
.ticket-id{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text3);}
.ticket-status-badge{padding:4px 11px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.tsb-pending{background:rgba(251,146,60,.07);color:var(--warn);border:1px solid rgba(251,146,60,.18);}
.tsb-active{background:rgba(200,169,110,.07);color:var(--accent);border:1px solid rgba(200,169,110,.18);}
.tsb-complete{background:rgba(74,222,128,.07);color:var(--accent3);border:1px solid rgba(74,222,128,.18);}
.tsb-disputed{background:rgba(248,113,113,.07);color:var(--danger);border:1px solid rgba(248,113,113,.18);}
.ticket-parties{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center;margin-bottom:26px;}
.party-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;}
.party-card-you{border-color:var(--accent);background:rgba(200,169,110,.04);}
.ticket-row-invite{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.03);}
.ticket-invite-banner{padding:8px 12px;margin-bottom:10px;background:rgba(74,222,128,.07);border-radius:4px;font-size:11px;font-weight:700;color:var(--accent3);letter-spacing:.5px;}
.ticket-row-awaiting{border-color:rgba(200,169,110,.3);background:rgba(200,169,110,.03);}
.ticket-awaiting-banner{padding:8px 12px;margin-bottom:10px;background:rgba(200,169,110,.07);border-radius:4px;font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.4px;}
.party-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);margin-bottom:9px;font-weight:700;}
.party-avatar{width:44px;height:44px;border-radius:8px;object-fit:cover;margin:0 auto 7px;display:block;border:1px solid var(--border);}
.party-name{font-weight:700;font-size:13px;margin-bottom:5px;}
.party-offer{font-size:11px;color:var(--text2);padding:5px 9px;background:var(--bg3);border-radius:4px;margin-top:7px;font-family:'JetBrains Mono',monospace;}
.vs-arrow{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--border2);text-align:center;letter-spacing:2px;}
.progress-section{margin-bottom:26px;}
.progress-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);margin-bottom:14px;}
.timeline{position:relative;padding-left:22px;}
.timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--border);}
.timeline-item{position:relative;padding-left:18px;padding-bottom:16px;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-dot{position:absolute;left:-22px;top:3px;width:14px;height:14px;border-radius:50%;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;}
.timeline-dot.done{background:var(--accent3);border-color:var(--accent3);}
.timeline-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(200,169,110,.45);animation:dotP 1.5s infinite;}
@keyframes dotP{0%,100%{box-shadow:0 0 8px rgba(200,169,110,.4);}50%{box-shadow:0 0 18px rgba(200,169,110,.75);}}
.timeline-check{color:#000;font-size:7px;font-weight:700;}
.timeline-text{font-size:13px;color:var(--text);font-weight:600;margin-bottom:2px;}
.timeline-sub{font-size:11px;color:var(--text3);font-weight:300;}
.live-scan{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px;}
.live-scan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.live-label{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:1px;text-transform:uppercase;}
.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:dot-pulse 1s infinite;}
.scan-bars{display:flex;gap:3px;height:34px;align-items:flex-end;}
.scan-bar{flex:1;background:rgba(200,169,110,.1);border-radius:2px;transition:height .3s;border-top:1px solid rgba(200,169,110,.25);}
.scan-log{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent3);margin-top:9px;height:52px;overflow:hidden;}
.log-line{opacity:0;animation:logIn .3s forwards;color:var(--text3);}
.log-line.good{color:var(--accent3);}.log-line.warn{color:var(--warn);}.log-line.info{color:var(--accent);}
@keyframes logIn{to{opacity:1;}}
.confirm-checkmarks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px;}
.check-item{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--bg3);border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--text2);}
.check-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0;}
.check-icon.done{background:rgba(74,222,128,.14);color:var(--accent3);}.check-icon.pend{background:rgba(100,100,120,.14);color:var(--text3);}
.ticket-chat{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.chat-header{padding:12px 15px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);display:flex;align-items:center;gap:7px;}
.chat-messages{height:190px;overflow-y:auto;padding:13px;display:flex;flex-direction:column;gap:7px;}
.chat-msg{display:flex;gap:7px;align-items:flex-start;animation:msgIn .2s ease;}
@keyframes msgIn{from{opacity:0;transform:translateY(3px);}to{opacity:1;transform:translateY(0);}}
.chat-msg-avatar{width:21px;height:21px;border-radius:4px;object-fit:cover;flex-shrink:0;}
.chat-bubble{padding:6px 11px;background:var(--bg3);border-radius:5px;font-size:12px;color:var(--text2);max-width:80%;font-weight:300;}
.chat-name{font-size:10px;font-weight:700;color:var(--text3);margin-bottom:2px;letter-spacing:.4px;}
.chat-msg.own{flex-direction:row-reverse;}
.chat-msg.own .chat-bubble{background:rgba(200,169,110,.09);border:1px solid rgba(200,169,110,.14);color:var(--text);}
.chat-msg.own .chat-name{text-align:right;color:var(--accent);}
.chat-msg.system .chat-bubble{background:rgba(200,169,110,.04);border:1px solid rgba(200,169,110,.09);color:var(--accent);font-size:10px;font-family:'JetBrains Mono',monospace;}
.chat-input-row{display:flex;gap:7px;padding:11px;border-top:1px solid var(--border);}
.chat-input{flex:1;padding:7px 11px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:'Barlow',sans-serif;outline:none;}
.chat-input:focus{border-color:var(--accent);}
.chat-input::placeholder{color:var(--text3);}

/* ── TICKETS LIST ── */
.tickets-list{padding:26px 44px;}
.ticket-row{display:flex;align-items:center;gap:15px;padding:15px 19px;background:var(--surface);border:1px solid var(--border);border-radius:7px;margin-bottom:7px;cursor:pointer;transition:all .17s;}
.ticket-row:hover{border-color:var(--border2);background:var(--surface2);transform:translateX(2px);}
.ticket-row-mm{display:flex;align-items:center;gap:9px;min-width:180px;}
.ticket-row-avatar{width:32px;height:32px;border-radius:6px;object-fit:cover;}
.ticket-row-name{font-size:13px;font-weight:700;}
.ticket-row-sub{font-size:11px;color:var(--text3);}
.ticket-row-meta{display:flex;align-items:center;gap:16px;margin-left:auto;}
.ticket-row-date{font-size:11px;color:var(--text3);font-family:'JetBrains Mono',monospace;}

/* ── ADMIN ── */
.admin-layout{display:grid;grid-template-columns:200px 1fr;min-height:calc(100vh - 64px);}
.admin-sidebar{background:var(--bg2);border-right:1px solid var(--border);padding:22px 0;}
.admin-sidebar-title{padding:0 16px 13px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border);margin-bottom:9px;}
.admin-nav-item{padding:9px 16px;font-size:11px;color:var(--text2);cursor:pointer;transition:all .13s;display:flex;align-items:center;gap:8px;border-left:2px solid transparent;text-transform:uppercase;letter-spacing:.5px;font-weight:700;}
.admin-nav-item:hover{color:var(--text);background:rgba(255,255,255,.02);}
.admin-nav-item.active{color:var(--accent);border-left-color:var(--accent);background:rgba(200,169,110,.04);}
.admin-content{padding:26px;overflow-y:auto;}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px;}
.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:15px;}
.admin-stat-num{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:2px;margin-bottom:3px;color:var(--text);}
.admin-stat-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;}
.data-table{width:100%;border-collapse:collapse;font-size:12px;}
.data-table th{text-align:left;padding:9px 11px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text3);border-bottom:1px solid var(--border);}
.data-table td{padding:10px 11px;border-bottom:1px solid rgba(34,34,40,.6);color:var(--text2);vertical-align:middle;}
.data-table tr:hover td{background:rgba(255,255,255,.012);}
.td-user{display:flex;align-items:center;gap:7px;}
.td-avatar{width:24px;height:24px;border-radius:4px;object-fit:cover;}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:2px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;}
.admin-section{display:none;}.admin-section.active{display:block;}

/* ── BECOME MM ── */
.become-container{max-width:620px;margin:0 auto;padding:38px;}
.become-hero{text-align:center;padding:38px 20px;margin-bottom:26px;}
.become-hero h2{font-family:'Bebas Neue',sans-serif;font-size:34px;letter-spacing:3px;text-transform:uppercase;margin-bottom:11px;}
.become-hero p{color:var(--text2);font-size:14px;line-height:1.75;font-weight:300;}
.requirements-list{display:flex;flex-direction:column;gap:7px;margin-bottom:24px;}
.req-item{display:flex;gap:11px;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text2);align-items:flex-start;font-weight:300;}
.req-num{width:22px;height:22px;border-radius:50%;background:rgba(200,169,110,.08);border:1px solid rgba(200,169,110,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;}
.become-status-box{padding:17px;border-radius:8px;text-align:center;margin-bottom:16px;}
.become-status-box.pending{background:rgba(251,146,60,.05);border:1px solid rgba(251,146,60,.18);}
.become-status-box.approved{background:rgba(74,222,128,.05);border:1px solid rgba(74,222,128,.18);}

/* ── TOASTS ── */
.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:7px;pointer-events:none;}
.toast{padding:10px 15px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;font-size:12px;color:var(--text);pointer-events:all;animation:toastIn .28s cubic-bezier(.22,1,.36,1);max-width:280px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 28px rgba(0,0,0,.42);font-weight:400;}
.toast.success{border-color:rgba(74,222,128,.28);}.toast.error{border-color:rgba(248,113,113,.28);}.toast.info{border-color:rgba(200,169,110,.28);}
.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;}
.toast.success .toast-icon{background:rgba(74,222,128,.14);color:var(--accent3);}
.toast.error .toast-icon{background:rgba(248,113,113,.14);color:var(--danger);}
.toast.info .toast-icon{background:rgba(200,169,110,.1);color:var(--accent);}
@keyframes toastIn{from{opacity:0;transform:translateX(14px);}to{opacity:1;transform:translateX(0);}}

/* ── NAV USER/DROPDOWN ── */
.nav-user{display:flex;align-items:center;gap:7px;padding:5px 9px;background:var(--surface);border:1px solid var(--border);border-radius:5px;cursor:pointer;transition:all .13s;}
/* Bell container — gives the panel a proper relative anchor so nothing floats off */
.notif-bell-container{position:relative;display:flex;align-items:center;flex-shrink:0;}
.notif-bell-wrap{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;border:1px solid var(--border);background:var(--surface);transition:all .13s;color:var(--text2);overflow:visible;}
.notif-bell-wrap:hover{border-color:var(--accent);color:var(--text);background:rgba(200,169,110,.06);}
.notif-count{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:50%;width:17px;height:17px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg);z-index:2;pointer-events:none;}
/* Panel now anchors to .notif-bell-container — drops straight below the bell */
.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;z-index:9000;box-shadow:0 16px 48px rgba(0,0,0,.65),0 0 0 1px rgba(200,169,110,.06);}
.notif-panel-header{padding:12px 16px;font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:2px;color:var(--text3);border-bottom:1px solid var(--border);}
.notif-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .13s;}
.notif-item:hover{background:var(--surface);}
.notif-item:last-child{border-bottom:none;}
.notif-item-title{font-size:12px;font-weight:700;margin-bottom:3px;color:var(--text);}
.notif-item-sub{font-size:11px;color:var(--text2);line-height:1.5;font-weight:300;}
.notif-item-time{font-size:10px;color:var(--text3);margin-top:4px;}
.notif-item.unread{border-left:2px solid var(--accent3);}
.nav-user:hover{border-color:var(--border2);}
.nav-user-avatar{width:25px;height:25px;border-radius:4px;object-fit:cover;}
.nav-user-name{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.3px;}
.dropdown{position:relative;}
.dropdown-menu{position:absolute;top:calc(100% + 7px);right:0;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:168px;z-index:100;display:none;box-shadow:0 12px 38px rgba(0,0,0,.42);animation:dropIn .14s ease;}
@keyframes dropIn{from{opacity:0;transform:translateY(-3px);}to{opacity:1;transform:translateY(0);}}
.dropdown.open .dropdown-menu{display:block;}
.dropdown-item{padding:7px 11px;font-size:11px;color:var(--text2);border-radius:4px;cursor:pointer;transition:all .11s;display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;}
.dropdown-item:hover{background:var(--surface);color:var(--text);}
.dropdown-item.danger{color:var(--danger);}
.dropdown-item.danger:hover{background:rgba(248,113,113,.07);}
.dropdown-divider{height:1px;background:var(--border);margin:3px 0;}

/* ── MISC ── */
.empty-state{text-align:center;padding:55px 20px;color:var(--text3);}
.empty-state-icon{font-size:32px;margin-bottom:13px;opacity:.4;}
.empty-state h3{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:2px;color:var(--text2);margin-bottom:7px;}
.empty-state p{font-size:13px;line-height:1.6;font-weight:300;}
.font-mono{font-family:'JetBrains Mono',monospace;}
.notif-dot{width:6px;height:6px;background:var(--danger);border-radius:50%;display:inline-block;margin-left:4px;}


/* ═══════════════════════════════════════════════════════
   WILD HOME SECTION ANIMATIONS
═══════════════════════════════════════════════════════ */

/* Particle canvas behind everything on home page */
#particleCanvas {
  position:fixed;pointer-events:none;inset:0;z-index:0;opacity:.35;
}

/* Floating orbs */
.orb {
  position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;
  animation:orbFloat 18s ease-in-out infinite;
}
.orb-1 { width:340px;height:340px;background:radial-gradient(circle,rgba(200,169,110,.18),transparent 70%);top:-80px;left:-100px;animation-duration:22s; }
.orb-2 { width:280px;height:280px;background:radial-gradient(circle,rgba(74,222,128,.10),transparent 70%);bottom:10%;right:-80px;animation-duration:17s;animation-delay:-6s; }
.orb-3 { width:200px;height:200px;background:radial-gradient(circle,rgba(200,169,110,.09),transparent 70%);top:50%;left:40%;animation-duration:25s;animation-delay:-11s; }
@keyframes orbFloat {
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(40px,-30px) scale(1.1);}
  66%{transform:translate(-25px,20px) scale(.92);}
}

/* ── DEAL FEED ── */
.deal-row {
  transition:all .22s cubic-bezier(.22,1,.36,1);
  position:relative;overflow:hidden;
}
.deal-row::before {
  content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,var(--accent3),transparent);
  transform:translateY(-100%);
  transition:transform .4s;
}
.deal-row:hover::before { transform:translateY(0); }
.deal-row:hover {
  border-color:rgba(74,222,128,.35)!important;
  background:rgba(74,222,128,.04)!important;
  transform:translateX(4px)!important;
  box-shadow:0 4px 24px rgba(0,0,0,.25),-3px 0 0 rgba(74,222,128,.22);
}
.deal-row-val { animation:valPulse 3s ease-in-out infinite; }
@keyframes valPulse {
  0%,100%{color:var(--accent3);}
  50%{color:#86efac;text-shadow:0 0 14px rgba(74,222,128,.6);}
}

/* Live dot pulse */
.live-dot {
  box-shadow:0 0 0 0 rgba(74,222,128,.7);
  animation:liveDotPulse 1.4s infinite;
}
@keyframes liveDotPulse {
  0%{box-shadow:0 0 0 0 rgba(74,222,128,.7);}
  70%{box-shadow:0 0 0 8px transparent;}
  100%{box-shadow:0 0 0 0 transparent;}
}

/* ── PLATFORM STATS ── */
.pstat-card {
  position:relative;overflow:hidden;
  transition:all .28s cubic-bezier(.22,1,.36,1)!important;
}
.pstat-card::after {
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(200,169,110,.06) 0%,transparent 60%);
  opacity:0;transition:opacity .28s;pointer-events:none;
}
.pstat-card:hover { transform:translateY(-6px) scale(1.03)!important; box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 1px rgba(200,169,110,.3)!important; }
.pstat-card:hover::after { opacity:1; }
.pstat-val {
  animation:countGlow 4s ease-in-out infinite;
  display:inline-block;
}
@keyframes countGlow {
  0%,100%{text-shadow:none;}
  50%{text-shadow:0 0 20px rgba(200,169,110,.4);}
}

/* Animated stat number on scroll into view */
.pstat-card.animated .pstat-val { animation:valBounce .5s cubic-bezier(.34,1.56,.64,1) forwards,countGlow 4s 1s ease-in-out infinite; }
@keyframes valBounce { from{transform:scale(.7);opacity:0;} to{transform:scale(1);opacity:1;} }

/* ── HOW IT WORKS ── */
.how-strip-step {
  position:relative;overflow:hidden;
  transition:all .25s cubic-bezier(.22,1,.36,1)!important;
}
.how-strip-step::before {
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(200,169,110,.0) 0%,rgba(200,169,110,.07) 100%);
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.how-strip-step:hover { border-color:var(--accent)!important;transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(0,0,0,.35)!important; }
.how-strip-step:hover::before { transform:translateX(0); }
.how-strip-num {
  position:relative;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:numShimmer 3s ease-in-out infinite;
}
@keyframes numShimmer {
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(1.5) drop-shadow(0 0 6px rgba(200,169,110,.7));}
}
.how-strip-arrow {
  animation:arrowBounce 2s ease-in-out infinite;
  display:inline-block;
}
@keyframes arrowBounce {
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(5px);}
}

/* ── SPECIALTY CARDS ── */
.specialty-card {
  position:relative;overflow:hidden;
  transition:all .25s cubic-bezier(.22,1,.36,1)!important;
}
.specialty-card::before {
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(200,169,110,.08) 60deg,transparent 120deg);
  opacity:0;transition:opacity .3s;animation:rotateSweep 4s linear infinite paused;
  pointer-events:none;
}
.specialty-card:hover { transform:translateY(-8px) scale(1.04)!important;box-shadow:0 20px 48px rgba(0,0,0,.4),0 0 0 1px rgba(200,169,110,.25)!important; }
.specialty-card:hover::before { opacity:1;animation-play-state:running; }
@keyframes rotateSweep { to{transform:rotate(360deg);} }
.specialty-icon {
  display:inline-block;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1);
}
.specialty-card:hover .specialty-icon {
  transform:scale(1.35) rotate(-8deg);
  filter:drop-shadow(0 4px 12px rgba(200,169,110,.5));
}

/* ── SECTION HEADINGS ── */
.section-heading h3 {
  background:linear-gradient(90deg,var(--text) 0%,var(--accent2) 50%,var(--text) 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:shimmerText 6s ease-in-out infinite;
}
@keyframes shimmerText {
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}

/* ── TOP MM CARDS extra punch ── */
.top-mm-card {
  transition:all .22s cubic-bezier(.22,1,.36,1)!important;
  position:relative;overflow:hidden;
}
.top-mm-card::after {
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(200,169,110,.05),transparent);
  opacity:0;transition:opacity .2s;pointer-events:none;
}
.top-mm-card:hover { transform:translateY(-4px) scale(1.02)!important;box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 0 1px rgba(200,169,110,.25)!important; }
.top-mm-card:hover::after { opacity:1; }

/* ── SCAN BARS animation ── */
.scan-bar { transition:height .25s ease-in-out; }

/* ── FEATURE CARDS on home ── */
.feature-card {
  transition:all .22s cubic-bezier(.22,1,.36,1)!important;
  position:relative;overflow:hidden;
}
.feature-card::before {
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  transform:scaleX(0);transition:transform .35s;
}
.feature-card:hover { transform:translateY(-4px)!important;box-shadow:0 12px 40px rgba(0,0,0,.35)!important; }
.feature-card:hover::before { transform:scaleX(1); }

/* Glitch cursor trail */
#cursorTrail {
  position:fixed;pointer-events:none;z-index:9999;
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);opacity:.7;
  transition:transform .06s,opacity .4s;
  mix-blend-mode:screen;
}

.site-footer{background:var(--bg2);border-top:1px solid var(--border);padding:52px 44px 28px;position:relative;z-index:1;}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;}
.footer-brand{}
.footer-logo{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.footer-logo-mark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.footer-logo-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2.5px;color:var(--text);}
.footer-tagline{font-size:12px;color:var(--text2);line-height:1.75;font-weight:300;max-width:240px;margin-bottom:18px;}
.footer-badges{display:flex;gap:7px;flex-wrap:wrap;}
.footer-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:rgba(200,169,110,.05);border:1px solid rgba(200,169,110,.14);border-radius:3px;font-size:9px;font-weight:700;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;}
.footer-col-title{font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:14px;}
.footer-links{display:flex;flex-direction:column;gap:8px;}
.footer-link{font-size:12px;color:var(--text2);cursor:pointer;text-decoration:none;font-weight:400;transition:color .13s;display:flex;align-items:center;gap:5px;}
.footer-link:hover{color:var(--accent);}
.footer-link-new::after{content:'NEW';font-size:8px;font-weight:700;letter-spacing:1px;color:var(--accent3);background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);padding:1px 5px;border-radius:2px;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:11px;color:var(--text3);font-weight:300;}
.footer-copy span{color:var(--accent);}
.footer-legal{display:flex;gap:18px;}
.footer-legal a{font-size:11px;color:var(--text3);text-decoration:none;transition:color .13s;}
.footer-legal a:hover{color:var(--text2);}
.footer-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--accent3);font-weight:700;letter-spacing:.8px;text-transform:uppercase;}
.footer-status::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent3);animation:dot-pulse 2s infinite;}
@media(max-width:768px){.footer-top{grid-template-columns:1fr 1fr;gap:28px;}.footer-bottom{flex-direction:column;align-items:flex-start;}}

@media(max-width:768px){
  nav{padding:0 16px;}
  .mm-grid{padding:14px;grid-template-columns:1fr;}
  .profile-body{grid-template-columns:1fr;}
  .features-grid{grid-template-columns:1fr;}
  .admin-layout{grid-template-columns:1fr;}
  .stats-bar{flex-wrap:wrap;}
  .ticket-parties{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════════
   LIVEMM v3 PREMIUM FINISHING TOUCHES
═══════════════════════════════════════════════════════ */

/* ── Richer scrollbar ── */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),rgba(200,169,110,.3));border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--accent);}

/* ── Selection colour ── */
::selection{background:rgba(200,169,110,.22);color:var(--text);}

/* ── Button shimmer effect ── */
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-100%);transition:transform .5s;}
.btn-primary:hover::after{transform:translateX(100%);}

/* ── Card focus ring for accessibility ── */
.mm-card:focus-visible,.feature-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

/* ── Premium modal backdrop blur stronger ── */
.modal-overlay.open{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.modal{box-shadow:0 32px 80px rgba(0,0,0,.75),0 0 0 1px rgba(200,169,110,.08);}

/* ── Ticket row left accent ── */
.ticket-row{border-left:2px solid transparent;transition:all .17s,border-left-color .17s;}
.ticket-row:hover{border-left-color:var(--accent);}

/* ── Admin sidebar active indicator glow ── */
.admin-nav-item.active{text-shadow:0 0 12px rgba(200,169,110,.35);}

/* ── Notification panel polish ── */
.notif-panel-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(200,169,110,.04) 0%,transparent 100%);}
.notif-item.unread{background:rgba(74,222,128,.025);}

/* ── Dropdown menu richer shadow ── */
.dropdown-menu{box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px rgba(200,169,110,.06);}

/* ── Feature grid border glow on section hover ── */
.features-grid{transition:box-shadow .3s;}
.features-section:hover .features-grid{box-shadow:0 0 60px rgba(200,169,110,.04);}

/* ── Hero trust strip ── */
.hero-trust-strip{flex-wrap:wrap;justify-content:center;}

/* ── Stat bar shimmer line ── */
.stats-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,.15),transparent);pointer-events:none;}

/* ── MM card online status glow ── */
.online-dot{box-shadow:0 0 6px rgba(74,222,128,.6);}
.online-dot.away{box-shadow:0 0 6px rgba(251,146,60,.6);}

/* ── Toast polish ── */
.toast{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}

/* ── Profile cover line effect ── */
#page-profile .profile-cover::after{height:2px;background:linear-gradient(90deg,transparent,var(--accent),rgba(74,222,128,.5),var(--accent),transparent);}

/* ── Footer top border glow ── */
.site-footer{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(200,169,110,.25),transparent) 1;}

/* ── Form input focus glow ── */
.form-input:focus,.form-textarea:focus,.form-select:focus{box-shadow:0 0 0 3px rgba(200,169,110,.08);}

/* ── Admin stat card hover ── */
.admin-stat-card{transition:all .2s;cursor:default;}
.admin-stat-card:hover{border-color:rgba(200,169,110,.25);background:var(--surface2);transform:translateY(-2px);}

/* ── Page transition smoother ── */
.page.active{animation:pageIn .52s cubic-bezier(.22,1,.36,1) both;}

/* ── Mobile hero ── */
@media(max-width:768px){
  .hero{padding:100px 20px 80px;min-height:auto;}
  .hero-trust-strip{gap:8px;}
  .hero-trust-sep{display:none;}
  .stats-bar{margin:0 16px;}
  .stat-num{font-size:34px;}
}

/* ── Wide screen max-width containers ── */
.features-section,.top-mms,.recent-deals-section,.platform-stats-section,.how-strip-section,.specialties-section{max-width:1400px;margin-left:auto;margin-right:auto;}