/*@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');*/
/* Global */
* {
  font-family: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;
}
@view-transition { navigation: auto; }

body {
      box-sizing: border-box;
    }
    
    * {
      font-family: 'Sora', -apple-system, BlinkMacSystemFont, sans-serif;
    }
    
    .gradient-bg {
      background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    }
    
    .card-hover {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }
    
    .btn-primary {
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }
    
    .btn-primary::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.2);
      transform: translate(-50%, -50%);
      transition: width 0.6s, height 0.6s;
    }
    
    .btn-primary:hover::before {
      width: 300px;
      height: 300px;
    }
    
    .process-step {
      position: relative;
      opacity: 0;
      animation: fadeInUp 0.8s ease-out forwards;
    }
    
    .process-step:nth-child(1) { animation-delay: 0.1s; }
    .process-step:nth-child(2) { animation-delay: 0.2s; }
    .process-step:nth-child(3) { animation-delay: 0.3s; }
    .process-step:nth-child(4) { animation-delay: 0.4s; }
    .process-step:nth-child(5) { animation-delay: 0.5s; }
    
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .stat-card {
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .nav-sticky {
      backdrop-filter: blur(20px);
      background: rgba(255, 255, 255, 0.98);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }
  

@view-transition { navigation: auto; }

/* Utility classes migrated from inline style attributes */
.u-bg-white { background: #ffffff; }
.u-bg-slate-50 { background: #f8fafc; }
.u-bg-primary { background: #0f172a; }
.u-bg-navy { background: #001f3f; }
.u-bg-glass-10 { background: rgba(255,255,255,0.1); }
.u-bg-glass-20 { background: rgba(255,255,255,0.2); }

.u-text-primary { color: #0f172a; }
.u-text-nav { color: #475569; }
.u-text-muted { color: #64748b; }
.u-text-light { color: #94a3b8; }
.u-text-soft { color: #cbd5e1; }

.u-border-white-10 { border-color: rgba(255,255,255,0.1); }
.u-card-surface { background: #ffffff; border-color: #e2e8f0; }