@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#050814;--bg-dark-secondary:#0a0f26;--grad-primary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--grad-secondary:linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--grad-accent:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--grad-glow:linear-gradient(135deg, #3b82f626 0%, #8b5cf626 50%, #ec489926 100%);--neon-blue:#3b82f6;--neon-purple:#8b5cf6;--neon-pink:#ec4899;--neon-green:#10b981;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--white:#fff;--gray-100:#e0e7ff;--gray-200:#c7d2fe;--gray-300:#a5b4fc;--gray-400:#93c5fd;--gray-500:#818cf8;--gray-600:#6366f1;--gray-700:#4f46e5;--gray-800:#1e1b4b;--gray-900:#0f172a;--slate-900:#0f172a;--slate-950:#020617;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--radius-standard:16px;--radius-card:24px;--radius-pill:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.4s cubic-bezier(.4, 0, .2, 1);--shadow-neon-blue:0 0 20px #3b82f640;--shadow-neon-purple:0 0 20px #8b5cf640;--shadow-neon-pink:0 0 20px #ec489940;--shadow-card:0 10px 30px #02061780, inset 0 1px 1px #ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--gray-200);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.text-display{font-family:var(--font-display);letter-spacing:-.03em;background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:56px;font-weight:800;line-height:1.15}.text-h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.2}.text-h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:1.25}.text-h3{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.3}.text-body-large{color:var(--gray-300);font-size:18px;font-weight:400}.text-body{color:var(--gray-300);font-size:16px}.text-small{color:var(--gray-400);font-size:14px}.text-caption{color:var(--gray-400);font-size:12px;font-weight:600}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-gray-500{color:var(--gray-500)}.text-gray-300{color:var(--gray-300)}.text-white{color:var(--white)}.text-center{text-align:center}.container{max-width:1440px;padding:0 var(--space-40);z-index:2;margin:0 auto;position:relative}@media (width<=768px){.container{padding:0 var(--space-20)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-24{gap:var(--space-24)}.gap-32{gap:var(--space-32)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-card);padding:var(--space-32);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:#0e152eb3;border:1px solid #ffffff14;position:relative;overflow:hidden}.tilt-card{transform-style:preserve-3d;perspective:1000px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s}.tilt-card:hover{border-color:#8b5cf666;transform:translateY(-8px)rotateX(4deg)rotateY(-4deg);box-shadow:0 20px 40px #8b5cf640,0 0 20px #ec48991a}.tilt-card:after{content:"";border-radius:inherit;background:radial-gradient(800px circle at var(--x,0px) var(--y,0px), #ffffff0f, transparent 40%);pointer-events:none;position:absolute;inset:0}.glow-mesh{filter:blur(120px);opacity:.18;pointer-events:none;z-index:1;border-radius:50%;width:400px;height:400px;animation:15s ease-in-out infinite alternate floatGlow;position:absolute}.glow-mesh-1{background:var(--neon-blue);top:10%;left:-10%}.glow-mesh-2{background:var(--neon-purple);animation-delay:-5s;bottom:10%;right:-10%}.glow-mesh-3{background:var(--neon-pink);animation-delay:-8s;top:50%;left:30%}@keyframes floatGlow{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(80px,50px)scale(1.15)rotate(180deg)}to{transform:translate(-40px,80px)scale(.9)rotate(360deg)}}.floating-element{animation:6s ease-in-out infinite float3D}@keyframes float3D{0%{transform:translateY(0)rotate(0)translateZ(0)}50%{transform:translateY(-15px)rotate(3deg)translateZ(30px)}to{transform:translateY(0)rotate(0)translateZ(0)}}.btn{height:50px;padding:0 var(--space-32);font-family:var(--font-display);border-radius:var(--radius-standard);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-8);z-index:1;border:none;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-sm{height:40px;padding:0 var(--space-20);border-radius:12px;font-size:14px}.btn-xs{height:32px;padding:0 var(--space-12);border-radius:8px;font-size:12px}.btn-primary{background:var(--grad-primary);color:var(--white);box-shadow:var(--shadow-neon-purple)}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 30px #8b5cf673}.btn-primary:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 50%,#3b82f6 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--white);background:#ffffff0f;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.btn-outline{background:0 0;background-image:var(--grad-primary);color:var(--white);box-shadow:var(--shadow-neon-blue);background-origin:border-box;background-clip:border-box;border:2px solid #0000}.btn-outline:after{content:"";background:var(--bg-dark);z-index:-1;border-radius:14px;transition:background .2s;position:absolute;inset:1px}.btn-outline:hover:after{background:#2e5bff26}.btn-outline:hover{transform:translateY(-2px);box-shadow:0 0 25px #3b82f659}.btn-ghost{color:var(--gray-400);background:0 0}.btn-ghost:hover{color:var(--white);background:#ffffff0d}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 0 20px #dc26264d}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:var(--space-24);gap:var(--space-8);flex-direction:column;display:flex}.label{color:var(--gray-300);font-size:14px;font-weight:600}.input{height:50px;padding:0 var(--space-16);font-family:var(--font-body);color:var(--white);transition:all var(--transition-fast);background:#0e152e99;border:1px solid #ffffff1a;border-radius:14px;outline:none;font-size:15px}.input:focus{border-color:var(--neon-purple);background:#0e152ed9;box-shadow:0 0 15px #8b5cf640}.textarea{min-height:110px;padding:var(--space-12) var(--space-16);font-family:var(--font-body);color:var(--white);resize:vertical;transition:all var(--transition-fast);background:#0e152e99;border:1px solid #ffffff1a;border-radius:14px;outline:none;font-size:15px}.textarea:focus{border-color:var(--neon-purple);background:#0e152ed9;box-shadow:0 0 15px #8b5cf640}.badge{border-radius:var(--radius-pill);border:1px solid #ffffff0d;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{color:var(--neon-green);background:#10b98126;border-color:#10b98133}.badge-warning{color:var(--warning);background:#f59e0b26;border-color:#f59e0b33}.badge-danger{color:var(--danger);background:#ef444426;border-color:#ef444433}.badge-info{color:var(--neon-blue);background:#3b82f626;border-color:#3b82f633}.badge-primary{color:var(--neon-purple);background:#8b5cf626;border-color:#8b5cf633}.navbar-brand{align-items:center;gap:var(--space-8);text-decoration:none;display:flex}.glass{-webkit-backdrop-filter:blur(20px);background:#070b19bf;border:1px solid #ffffff0f}.table-container{border-radius:var(--radius-standard);border:1px solid #ffffff14;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.table th{padding:var(--space-20);color:var(--white);background:#0e152ee6;border-bottom:1px solid #ffffff14;font-weight:700}.table td{padding:var(--space-20);color:var(--gray-300);background:#0e152e66;border-bottom:1px solid #ffffff0d}.table tr:hover td{background:#ffffff05}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple)}.widget-glow-success{border-color:#10b98133;box-shadow:0 0 30px #10b9811a}.widget-glow-primary{border-color:#3b82f633;box-shadow:0 0 30px #3b82f61a}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #8b5cf666}70%{transform:scale(1.05);box-shadow:0 0 0 10px #8b5cf600}to{transform:scale(1);box-shadow:0 0 #8b5cf600}}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#0e152e73;border:1px solid #ffffff14;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff0d}.scrolling-ticker{white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0e152e4d;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:16px 0;display:flex;position:relative;overflow:hidden}.scrolling-ticker-track{gap:60px;animation:35s linear infinite tickerScroll;display:inline-flex}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:var(--gray-300);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.timeline-vertical{max-width:900px;margin:40px auto;padding:20px 0;position:relative}.timeline-vertical:before{content:"";background:linear-gradient(to bottom, var(--neon-blue) 0%, var(--neon-purple) 50%, var(--neon-pink) 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (width<=768px){.timeline-vertical:before{left:20px}}.timeline-node{justify-content:space-between;align-items:center;width:100%;margin-bottom:50px;display:flex;position:relative}.timeline-node:nth-child(2n){flex-direction:row-reverse}.timeline-badge-circle{width:50px;height:50px;color:var(--white);z-index:2;background:#0e152e;border:3px solid #8b5cf6;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 20px #8b5cf666}@media (width<=768px){.timeline-badge-circle{left:20px;transform:none}.timeline-node,.timeline-node:nth-child(2n){flex-direction:column;align-items:flex-start;padding-left:60px}}.timeline-card{border-radius:var(--radius-card);width:44%;padding:var(--space-24);box-shadow:var(--shadow-card);transition:all var(--transition-fast);background:#0e152e8c;border:1px solid #ffffff0d}@media (width<=768px){.timeline-card{width:100%}}.timeline-card:hover{border-color:var(--neon-blue);transform:translateY(-4px);box-shadow:0 10px 25px #3b82f626}.pulse-glow{position:relative}.pulse-glow:after{content:"";border-radius:50%;animation:2s infinite pulseDotGlow;position:absolute;inset:0;box-shadow:0 0 8px}@keyframes pulseDotGlow{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.text-glow-gradient{background:linear-gradient(135deg,#3b82f6 0%,#10b981 50%,#ec4899 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;animation:8s infinite alternate flowGrad}@keyframes flowGrad{0%{background-position:0%}to{background-position:100%}}@media (width<=768px){.text-display{font-size:32px!important;line-height:1.25!important}.text-h1{font-size:26px!important;line-height:1.3!important}.text-h2{font-size:22px!important;line-height:1.3!important}.text-h3{font-size:18px!important;line-height:1.4!important}.text-body-large{font-size:15px!important;line-height:1.5!important}.text-body{font-size:14px!important;line-height:1.5!important}.text-small{font-size:12px!important;line-height:1.5!important}.container{padding:0 var(--space-16)!important}}.matcher-grid{grid-template-columns:repeat(12,1fr);gap:32px;display:grid}.matcher-left{grid-column:span 5}.matcher-right{grid-column:span 7}@media (width<=850px){.matcher-grid{gap:24px}.matcher-left,.matcher-right{grid-column:span 12}}.features-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:700px;margin-top:16px;padding-top:24px;display:grid}@media (width<=640px){.features-grid{grid-template-columns:1fr;gap:16px}}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:32px;display:grid}.dashboard-sidebar{grid-column:span 3}.dashboard-main{grid-column:span 9}@media (width<=990px){.dashboard-grid{gap:24px}.dashboard-sidebar,.dashboard-main{grid-column:span 12}}.grid-responsive-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.grid-responsive-2{grid-template-columns:1fr}}.consultation-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.consultation-main{grid-column:span 8}.consultation-sidebar{grid-column:span 4}@media (width<=990px){.consultation-grid{gap:20px}.consultation-main,.consultation-sidebar{grid-column:span 12}}@media (width<=850px){.grid-cols-2{grid-template-columns:1fr!important}}.consultant-avatar{object-fit:cover;border:2px solid var(--primary-100);border-radius:50%;width:48px;height:48px}.consultant-avatar-lg{object-fit:cover;border:3px solid var(--primary-100);border-radius:50%;width:80px;height:80px}.chat-bubble-self{background-color:var(--primary-500);color:var(--white);border-top-right-radius:4px}.chat-bubble-other{background-color:var(--white);color:var(--gray-900);border:1px solid var(--gray-300);border-top-left-radius:4px}.video-feed{aspect-ratio:16/9;background-color:var(--primary-900);border-radius:12px;position:relative;overflow:hidden}

/* Mobile Responsive Fixes */
@media (width<=768px) {
  .container { padding: 0 var(--space-20); }
  .text-display { font-size: 36px; }
  .text-h1 { font-size: 28px; }
  .text-h2 { font-size: 22px; }
  .text-h3 { font-size: 18px; }
  .text-body-large { font-size: 16px; }
  .text-body { font-size: 14px; }
  .card { padding: var(--space-20); }
  .btn { height: 46px; padding: 0 var(--space-20); font-size: 15px; }
  .btn-sm { height: 38px; padding: 0 var(--space-16); font-size: 13px; }
  .navbar-brand { font-size: 20px; }
  .gap-24 { gap: var(--space-16); }
  .gap-32 { gap: var(--space-20); }
  .glass-panel { padding: var(--space-20); }
  .form-group { margin-bottom: var(--space-16); }
  .input { height: 46px; font-size: 14px; }
  .textarea { min-height: 90px; font-size: 14px; }
  .table th, .table td { padding: var(--space-12); }
  .timeline-vertical { margin: 24px auto; padding: 16px 0; }
  .timeline-badge-circle { width: 40px; height: 40px; font-size: 16px; left: 20px; }
  .timeline-card { padding: var(--space-16); width: 100%; }
  .glass { -webkit-backdrop-filter: blur(16px); }
  .glow-mesh { width: 250px; height: 250px; }
  .video-feed { aspect-ratio: 16/9; border-radius: 8px; }
  .consultant-avatar { width: 40px; height: 40px; }
  .consultant-avatar-lg { width: 64px; height: 64px; }
  .badge { padding: 4px 10px; font-size: 11px; }
  .badge-sm { padding: 2px 8px; font-size: 10px; }
  .scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .scroll-x::-webkit-scrollbar { height: 4px; }
}
@media (width<=640px) {
  .text-display { font-size: 28px; }
  .text-h1 { font-size: 24px; }
  .text-h2 { font-size: 20px; }
  .text-h3 { font-size: 16px; }
  .card { padding: var(--space-16); }
  .btn { height: 44px; font-size: 14px; }
}
@media (max-width: 480px) {
  .text-display { font-size: 24px !important; }
  .text-h1 { font-size: 22px !important; }
  .text-h2 { font-size: 18px !important; }
  .text-h3 { font-size: 16px !important; }
  .text-body-large { font-size: 15px !important; }
  .text-body { font-size: 14px !important; }
  .text-small { font-size: 13px !important; }
  .text-caption { font-size: 11px !important; }
  .card { padding: 14px !important; }
  .btn { height: 42px !important; padding: 0 14px !important; font-size: 13px !important; }
  .btn-sm { height: 36px !important; padding: 0 12px !important; font-size: 12px !important; }
  .btn-xs { height: 30px !important; padding: 0 10px !important; font-size: 11px !important; }
  .navbar-brand { font-size: 18px !important; }
  .gap-16 { gap: 10px !important; }
  .gap-24 { gap: 14px !important; }
  .gap-32 { gap: 18px !important; }
  .input { height: 42px !important; font-size: 13px !important; }
  .textarea { font-size: 13px !important; min-height: 80px !important; }
  .form-group { margin-bottom: 14px !important; }
  .timeline-badge-circle { width: 36px !important; height: 36px !important; font-size: 14px !important; }
  .timeline-vertical { margin: 16px auto !important; }
  .glass-panel { padding: 14px !important; }
  .badge { padding: 3px 8px !important; font-size: 10px !important; }
  .consultant-avatar { width: 36px !important; height: 36px !important; }
  .consultant-avatar-lg { width: 56px !important; height: 56px !important; }
  .glow-mesh { width: 180px !important; height: 180px !important; }
  h1 { font-size: 22px !important; }
  h2 { font-size: 18px !important; }
  h3 { font-size: 16px !important; }
  h4 { font-size: 14px !important; }
  p { font-size: 14px !important; line-height: 1.5 !important; }
  .container { padding: 0 14px !important; }
}