/* WorldTransac Design System */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* Core Colors */
  --wt-primary: #00d4ff;
  --wt-primary-rgb: 0, 212, 255;
  --wt-primary-dark: #0099cc;
  --wt-secondary: #ffd700;
  --wt-secondary-rgb: 255, 215, 0;
  
  /* Backgrounds */
  --wt-bg: #030812;
  --wt-bg-canvas: #050d1a;
  --wt-bg-elevated: #0a1628;
  
  /* Glassmorphism */
  --wt-glass-bg: rgba(10, 22, 40, 0.65);
  --wt-glass-border: rgba(255, 255, 255, 0.08);
  --wt-glass-highlight: rgba(255, 255, 255, 0.03);
  
  /* Text */
  --wt-text: #f1f5f9;
  --wt-text-muted: #94a3b8;
  --wt-text-dim: #64748b;
  
  /* Semantic */
  --wt-success: #10b981;
  --wt-danger: #ef4444;
  --wt-warning: #f59e0b;
  --wt-info: #3b82f6;
  
  /* Radii & Shadows */
  --wt-radius-sm: 8px;
  --wt-radius-md: 14px;
  --wt-radius-lg: 24px;
  --wt-radius-xl: 32px;
  
  --wt-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --wt-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --wt-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --wt-shadow-premium: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  
  --wt-glow: 0 0 15px rgba(var(--wt-primary-rgb), 0.3);
  --wt-glow-strong: 0 0 30px rgba(var(--wt-primary-rgb), 0.5);
  
  /* Fonts */
  --wt-font-main: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

*,*::before,*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  font-family: var(--wt-font-main);
  background-color: var(--wt-bg);
  background-image: 
    radial-gradient(circle at 0% 0%, rgba(var(--wt-primary-rgb), 0.12) 0%, transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(var(--wt-secondary-rgb), 0.08) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(10, 22, 40, 0.4) 0%, var(--wt-bg) 100%);
  background-attachment: fixed;
  color: var(--wt-text);
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Glassmorphism Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--wt-bg);
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  border: 2px solid var(--wt-bg);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--wt-primary);
}

/* Global Transitions */
a, button, .wt-card, .btn-wt {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Layout */
.wt-layout {
  display: flex;
  min-height: 100vh;
}

/* Animated background */
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,255,0.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,215,0,0.05) 0%,transparent 50%);pointer-events:none;z-index:0}

/* Navbar */
.wt-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: var(--wt-glass-bg);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid var(--wt-glass-border);
  padding: 0 2rem;
  box-shadow: var(--wt-shadow-sm);
}

.wt-navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  max-width: 1400px;
  margin: 0 auto;
}

.wt-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  transition: opacity 0.2s;
}

.wt-brand:hover {
  opacity: 0.9;
}

.wt-brand img {
  height: 42px;
  filter: drop-shadow(0 0 8px rgba(var(--wt-primary-rgb), 0.3));
}

.wt-brand span {
  font-family: var(--wt-font-main);
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--wt-primary), var(--wt-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wt-nav-links {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  list-style: none;
}

.wt-nav-links a {
  color: var(--wt-text-muted);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.01em;
  position: relative;
}

.wt-nav-links a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--wt-primary);
  transition: width 0.3s ease;
}

.wt-nav-links a:hover {
  color: var(--wt-text);
}

.wt-nav-links a:hover::after {
  width: 100%;
}

.wt-nav-actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

/* Buttons */
.btn-wt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.75rem 1.75rem;
  border-radius: var(--wt-radius-md);
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-primary-wt {
  background: linear-gradient(135deg, var(--wt-primary), var(--wt-primary-dark));
  color: #030812;
  box-shadow: 0 10px 20px -5px rgba(var(--wt-primary-rgb), 0.3);
}

.btn-primary-wt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  z-index: -1;
}

.btn-primary-wt:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px -5px rgba(var(--wt-primary-rgb), 0.5);
  color: #030812;
}

.btn-primary-wt:hover::before {
  transform: translateX(100%);
}

.btn-primary-wt:active {
  transform: translateY(0);
}

.btn-outline-wt {
  background: transparent;
  color: var(--wt-primary);
  border: 1.5px solid var(--wt-glass-border);
  backdrop-filter: blur(5px);
}

.btn-outline-wt:hover {
  background: rgba(var(--wt-primary-rgb), 0.1);
  border-color: var(--wt-primary);
  color: var(--wt-primary);
  transform: translateY(-1px);
}

.btn-gold-wt {
  background: linear-gradient(135deg, var(--wt-secondary), #e6ac00);
  color: #030812;
  box-shadow: 0 10px 20px -5px rgba(var(--wt-secondary-rgb), 0.3);
}

.btn-gold-wt:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px -5px rgba(var(--wt-secondary-rgb), 0.5);
  color: #030812;
}

.btn-lg-wt {
  padding: 1.1rem 2.75rem;
  font-size: 1.1rem;
  border-radius: var(--wt-radius-lg);
}

/* Hero Section */
/* Hero Section */
.wt-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 10rem 2rem 6rem;
  position: relative;
  overflow: hidden;
}

.wt-hero .container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 6rem;
  align-items: center;
  position: relative;
  z-index: 2;
}

.wt-hero-content {
  max-width: 720px;
}

.wt-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(var(--wt-primary-rgb), 0.1);
  border: 1px solid rgba(var(--wt-primary-rgb), 0.2);
  padding: 0.6rem 1.2rem;
  border-radius: 100px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--wt-primary);
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wt-hero-badge .dot {
  width: 8px;
  height: 8px;
  background: var(--wt-primary);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--wt-primary);
  animation: wt-pulse 2s infinite;
}

@keyframes wt-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.2); }
}

.wt-hero-title {
  font-size: clamp(3rem, 8vw, 5rem);
  line-height: 1.1;
  font-weight: 900;
  margin-bottom: 2rem;
  letter-spacing: -0.04em;
}

.wt-gradient-text {
  background: linear-gradient(135deg, #fff 30%, var(--wt-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.wt-hero-desc {
  font-size: 1.25rem;
  color: var(--wt-text-muted);
  margin-bottom: 3.5rem;
  max-width: 600px;
  line-height: 1.7;
}

.wt-hero-actions {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

.wt-hero-visual {
  position: relative;
}

.wt-hero-card {
  position: relative;
  z-index: 2;
  background: var(--wt-glass-bg);
  backdrop-filter: blur(40px);
  border: 1px solid var(--wt-glass-border);
  border-radius: 32px;
  padding: 3rem;
  box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.5);
  animation: wt-float 6s ease-in-out infinite;
}

@keyframes wt-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

.wt-hero-bg-blobs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  z-index: 1;
  filter: blur(80px);
  opacity: 0.4;
  pointer-events: none;
}

.wt-blob {
  position: absolute;
  border-radius: 50%;
}

.wt-blob-1 {
  width: 500px;
  height: 500px;
  background: var(--wt-primary);
  top: -10%;
  right: -10%;
  animation: wt-pulse-blob 10s infinite alternate;
}

.wt-blob-2 {
  width: 400px;
  height: 400px;
  background: var(--wt-secondary);
  bottom: -5%;
  left: -5%;
  animation: wt-pulse-blob 8s infinite alternate-reverse;
}

@keyframes wt-pulse-blob {
  0% { transform: scale(1) translate(0, 0); opacity: 0.3; }
  100% { transform: scale(1.2) translate(50px, 50px); opacity: 0.6; }
}

.wt-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
.wt-stat-item{background:rgba(0,212,255,0.05);border:1px solid var(--wt-border);border-radius:12px;padding:1.2rem;text-align:center}
.wt-stat-value{font-size:1.8rem;font-weight:800;color:var(--wt-primary)}
.wt-stat-label{font-size:.8rem;color:var(--wt-text-muted);margin-top:.2rem}

/* Cards */
.wt-card{background:var(--wt-card);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:2rem;backdrop-filter:blur(10px);transition:all .3s}
.wt-card:hover{border-color:rgba(0,212,255,0.4);box-shadow:var(--wt-glow);transform:translateY(-3px)}
.wt-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;font-size:1.5rem}
.wt-card-icon.blue{background:rgba(0,212,255,0.15);color:var(--wt-primary)}
.wt-card-icon.gold{background:rgba(255,215,0,0.15);color:var(--wt-secondary)}
.wt-card-icon.green{background:rgba(0,230,118,0.15);color:var(--wt-success)}
.wt-card-icon.red{background:rgba(255,77,109,0.15);color:var(--wt-danger)}

/* Sections */
.wt-section{padding:6rem 2rem;position:relative}
.wt-section .container{max-width:1280px;margin:0 auto}
.wt-section-label{font-size:.85rem;font-weight:600;color:var(--wt-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.8rem}
.wt-section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;margin-bottom:1rem}
.wt-section-desc{color:var(--wt-text-muted);font-size:1.05rem;max-width:600px}
.wt-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem}

/* Forms */
.wt-form-group{margin-bottom:1.5rem}
.wt-label{display:block;font-size:.875rem;font-weight:500;color:var(--wt-text);margin-bottom:.5rem}
.wt-input{width:100%;background:rgba(255,255,255,0.05);border:1.5px solid var(--wt-border);border-radius:10px;padding:.75rem 1rem;color:var(--wt-text);font-size:.95rem;font-family:inherit;transition:all .2s;outline:none}
.wt-input:focus{border-color:var(--wt-primary);background:rgba(0,212,255,0.05);box-shadow:0 0 0 3px rgba(0,212,255,0.1)}
.wt-input::placeholder{color:var(--wt-text-muted)}
.wt-select{width:100%;background:rgba(255,255,255,0.05);border:1.5px solid var(--wt-border);border-radius:10px;padding:.75rem 1rem;color:var(--wt-text);font-size:.95rem;font-family:inherit;transition:all .2s;outline:none;cursor:pointer;appearance:none}
.wt-select:focus{border-color:var(--wt-primary);box-shadow:0 0 0 3px rgba(0,212,255,0.1)}

/* Auth panels */
.wt-auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--wt-bg)}
.wt-auth-panel{width:100%;max-width:480px;background:var(--wt-bg2);border:1px solid var(--wt-border);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.wt-auth-logo{text-align:center;margin-bottom:2rem}
.wt-auth-logo img{height:48px}
.wt-auth-title{font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:.4rem}
.wt-auth-subtitle{color:var(--wt-text-muted);text-align:center;font-size:.9rem;margin-bottom:2rem}
.wt-auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}
.wt-auth-divider span{color:var(--wt-text-muted);font-size:.85rem;white-space:nowrap}
.wt-auth-divider::before,.wt-auth-divider::after{content:'';flex:1;height:1px;background:var(--wt-border)}
.wt-auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--wt-text-muted)}
.wt-auth-footer a{color:var(--wt-primary);text-decoration:none;font-weight:600}

/* Dashboard Sidebar */
.wt-dashboard{display:flex;min-height:100vh;background:var(--wt-bg)}
.wt-sidebar{width:260px;background:var(--wt-bg2);border-right:1px solid var(--wt-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .3s}
.wt-sidebar-logo{padding:1.5rem;border-bottom:1px solid var(--wt-border);display:flex;align-items:center;gap:10px}
.wt-sidebar-logo img{height:36px}
.wt-sidebar-logo span{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,var(--wt-primary),var(--wt-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wt-sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}
.wt-nav-section{padding:0 1rem;margin-bottom:.5rem}
.wt-nav-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--wt-text-muted);font-weight:600;padding:.5rem .75rem;display:block}
.wt-nav-item{display:flex;align-items:center;gap:.8rem;padding:.7rem .75rem;border-radius:10px;color:var(--wt-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;margin-bottom:2px}
.wt-nav-item:hover,.wt-nav-item.active{background:rgba(0,212,255,0.1);color:var(--wt-primary)}
.wt-nav-item.active{border-left:3px solid var(--wt-primary)}
.wt-nav-item svg{width:18px;height:18px;flex-shrink:0}
.wt-sidebar-footer{padding:1rem;border-top:1px solid var(--wt-border)}
.wt-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}
.wt-topbar{background:var(--wt-bg2);border-bottom:1px solid var(--wt-border);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.wt-page-content{flex:1;padding:2rem}

/* Stats Cards */
.wt-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}
.wt-stat-card{background:var(--wt-bg2);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:1.5rem;display:flex;align-items:center;gap:1.2rem;transition:all .3s}
.wt-stat-card:hover{border-color:rgba(0,212,255,0.35);box-shadow:var(--wt-shadow)}
.wt-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wt-stat-info .label{font-size:.82rem;color:var(--wt-text-muted);margin-bottom:.3rem}
.wt-stat-info .value{font-size:1.6rem;font-weight:800;color:var(--wt-text)}
.wt-stat-info .change{font-size:.8rem;margin-top:.2rem}
.change.up{color:var(--wt-success)}
.change.down{color:var(--wt-danger)}

/* Tables */
.wt-table-wrap{background:var(--wt-bg2);border:1px solid var(--wt-border);border-radius:var(--wt-radius);overflow:hidden}
.wt-table{width:100%;border-collapse:collapse}
.wt-table th{background:rgba(0,212,255,0.05);padding:1rem 1.2rem;text-align:left;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--wt-text-muted);border-bottom:1px solid var(--wt-border)}
.wt-table td{padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,0.04);font-size:.9rem}
.wt-table tr:last-child td{border-bottom:none}
.wt-table tr:hover td{background:rgba(0,212,255,0.03)}

/* Badges */
.wt-badge{display:inline-flex;align-items:center;gap:5px;padding:.25rem .7rem;border-radius:50px;font-size:.78rem;font-weight:600}
.wt-badge.success{background:rgba(0,230,118,0.15);color:var(--wt-success)}
.wt-badge.danger{background:rgba(255,77,109,0.15);color:var(--wt-danger)}
.wt-badge.warning{background:rgba(255,183,3,0.15);color:var(--wt-warning)}
.wt-badge.info{background:rgba(0,212,255,0.15);color:var(--wt-primary)}
.wt-badge.muted{background:rgba(136,146,164,0.15);color:var(--wt-text-muted)}

/* KYC Steps */
.wt-kyc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.wt-kyc-card{background:var(--wt-bg2);border:1.5px solid var(--wt-border);border-radius:var(--wt-radius);padding:1.5rem;transition:all .3s;cursor:pointer}
.wt-kyc-card.approved{border-color:var(--wt-success);background:rgba(0,230,118,0.05)}
.wt-kyc-card.pending{border-color:var(--wt-warning);background:rgba(255,183,3,0.05)}
.wt-kyc-card.rejected{border-color:var(--wt-danger);background:rgba(255,77,109,0.05)}
.wt-kyc-card:hover{transform:translateY(-3px);box-shadow:var(--wt-shadow)}

/* Alerts */
.wt-alert{padding:1rem 1.2rem;border-radius:10px;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.8rem;font-size:.9rem}
.wt-alert.info{background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);color:var(--wt-primary)}
.wt-alert.success{background:rgba(0,230,118,0.1);border:1px solid rgba(0,230,118,0.3);color:var(--wt-success)}
.wt-alert.danger{background:rgba(255,77,109,0.1);border:1px solid rgba(255,77,109,0.3);color:var(--wt-danger)}
.wt-alert.warning{background:rgba(255,183,3,0.1);border:1px solid rgba(255,183,3,0.3);color:var(--wt-warning)}

/* Footer */
.wt-footer{background:var(--wt-bg2);border-top:1px solid var(--wt-border);padding:4rem 2rem 2rem}
.wt-footer .container{max-width:1280px;margin:0 auto}
.wt-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.wt-footer-brand img{height:40px;margin-bottom:1rem}
.wt-footer-brand p{color:var(--wt-text-muted);font-size:.9rem;line-height:1.8}
.wt-footer-col h4{font-weight:700;margin-bottom:1rem;font-size:.95rem}
.wt-footer-col ul{list-style:none}
.wt-footer-col ul li{margin-bottom:.6rem}
.wt-footer-col ul li a{color:var(--wt-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}
.wt-footer-col ul li a:hover{color:var(--wt-primary)}
.wt-footer-bottom{border-top:1px solid var(--wt-border);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;color:var(--wt-text-muted);font-size:.85rem}

/* Progress bar */
.wt-progress{background:rgba(255,255,255,0.08);border-radius:50px;height:8px;overflow:hidden}
.wt-progress-bar{height:100%;border-radius:50px;background:linear-gradient(90deg,var(--wt-primary),var(--wt-secondary));transition:width .8s ease}

/* Toggle switch */
.wt-toggle{position:relative;width:44px;height:24px;cursor:pointer}
.wt-toggle input{opacity:0;width:0;height:0}
.wt-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.1);border-radius:50px;border:1.5px solid var(--wt-border);transition:.3s}
.wt-toggle-slider:before{content:'';position:absolute;height:16px;width:16px;left:3px;top:50%;transform:translateY(-50%);background:var(--wt-text-muted);border-radius:50%;transition:.3s}
.wt-toggle input:checked+.wt-toggle-slider{background:rgba(0,212,255,0.2);border-color:var(--wt-primary)}
.wt-toggle input:checked+.wt-toggle-slider:before{transform:translate(20px,-50%);background:var(--wt-primary)}

/* File upload */
.wt-file-upload{border:2px dashed var(--wt-border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s}
.wt-file-upload:hover{border-color:var(--wt-primary);background:rgba(0,212,255,0.05)}
.wt-file-upload input{display:none}

/* Chart wrapper */
.wt-chart-wrap{background:var(--wt-bg2);border:1px solid var(--wt-border);border-radius:var(--wt-radius);padding:1.5rem}

/* Toast notifications */
.wt-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem}
.wt-toast{background:var(--wt-bg3);border:1px solid var(--wt-border);border-radius:12px;padding:1rem 1.2rem;min-width:280px;display:flex;align-items:center;gap.8rem;box-shadow:0 8px 32px rgba(0,0,0,0.5);animation:slideInToast .3s ease}
@keyframes slideInToast{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
.wt-toast.success{border-left:3px solid var(--wt-success)}
.wt-toast.danger{border-left:3px solid var(--wt-danger)}
.wt-toast.info{border-left:3px solid var(--wt-primary)}
.wt-toast.warning{border-left:3px solid var(--wt-warning)}

/* Mobile hamburger */
.wt-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem}
.wt-hamburger span{width:22px;height:2px;background:var(--wt-text);border-radius:2px;transition:all .3s}

/* Responsive */
@media(max-width:1024px){
  .wt-hero .container{grid-template-columns:1fr}
  .wt-hero-visual{display:none}
  .wt-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .wt-nav-links,.wt-nav-actions{display:none}
  .wt-hamburger{display:flex}
  .wt-sidebar{transform:translateX(-100%)}
  .wt-sidebar.open{transform:translateX(0)}
  .wt-main{margin-left:0}
  .wt-stats-row{grid-template-columns:1fr 1fr}
  .wt-footer-grid{grid-template-columns:1fr}
  .wt-footer-bottom{flex-direction:column;gap:1rem;text-align:center}
}
@media(max-width:480px){
  .wt-stats-row{grid-template-columns:1fr}
  .wt-hero-title{font-size:2rem}
  .wt-auth-panel{padding:1.5rem}
}

/* Utility */
.wt-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.text-primary{color:var(--wt-primary)}
.text-muted{color:var(--wt-text-muted)}
.text-success{color:var(--wt-success)}
.text-danger{color:var(--wt-danger)}
.text-warning{color:var(--wt-warning)}
.text-gold{color:var(--wt-secondary)}
.fw-bold{font-weight:700}
.fw-black{font-weight:900}
.mb-1{margin-bottom:.5rem}
.mb-2{margin-bottom:1rem}
.mb-3{margin-bottom:1.5rem}
.mb-4{margin-bottom:2rem}
.mt-1{margin-top:.5rem}
.mt-2{margin-top:1rem}
.mt-3{margin-top:1.5rem}
.mt-4{margin-top:2rem}
.d-flex{display:flex}
.align-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-1{gap:.5rem}
.gap-2{gap:1rem}
.gap-3{gap:1.5rem}
.w-100{width:100%}
.text-center{text-align:center}
.hidden{display:none!important}

/* Payment Method Cards */
.wt-payment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin:1.5rem 0}
.wt-payment-card{background:var(--wt-bg2);border:2px solid var(--wt-border);border-radius:var(--wt-radius);padding:1.5rem;cursor:pointer;transition:all .25s;text-align:center;position:relative}
.wt-payment-card:hover,.wt-payment-card.selected{border-color:var(--wt-primary);background:rgba(0,212,255,0.06);box-shadow:0 0 0 3px rgba(0,212,255,0.1)}
.wt-payment-card .pm-icon{font-size:2rem;margin-bottom:.75rem}
.wt-payment-card .pm-name{font-weight:700;font-size:.95rem;margin-bottom:.3rem}
.wt-payment-card .pm-desc{font-size:.78rem;color:var(--wt-text-muted)}
.wt-payment-card .pm-check{position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;border-radius:50%;background:var(--wt-primary);color:#000;display:none;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}
.wt-payment-card.selected .pm-check{display:flex}

/* Withdrawal form */
.wt-withdrawal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:640px){.wt-withdrawal-grid{grid-template-columns:1fr}}

/* Deposit amounts quick-select */
.wt-amount-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.wt-amount-chip{background:rgba(0,212,255,0.08);border:1.5px solid var(--wt-border);border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--wt-text)}
.wt-amount-chip:hover,.wt-amount-chip.active{background:rgba(0,212,255,0.15);border-color:var(--wt-primary);color:var(--wt-primary)}

/* Sidebar mobile overlay */
@media(max-width:768px){
  .wt-sidebar{box-shadow:4px 0 30px rgba(0,0,0,.5)}
  .wt-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}
  .wt-sidebar.open~.wt-sidebar-overlay{display:block}
}

/* Step progress indicator */
.wt-steps{display:flex;align-items:center;gap:0;margin:2rem 0}
.wt-step{display:flex;align-items:center;flex:1}
.wt-step-circle{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.05);border:2px solid var(--wt-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;transition:all .3s}
.wt-step.active .wt-step-circle,.wt-step.done .wt-step-circle{background:var(--wt-primary);border-color:var(--wt-primary);color:#000}
.wt-step-line{flex:1;height:2px;background:var(--wt-border);margin:0 .5rem}
.wt-step.done .wt-step-line{background:var(--wt-primary)}
.wt-step-label{font-size:.78rem;color:var(--wt-text-muted);margin-top:.4rem;text-align:center}
.wt-step.active .wt-step-label{color:var(--wt-primary);font-weight:600}