/* Base Styles */
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       line-height: 1.6;
       color: #e2e8f0;
       overflow-x: hidden;
       background-color: #0f172a;
   }

   .container {
       width: 100%;
       max-width: 1200px;
       margin: 0 auto;
       padding: 0 20px;
   }

   .btn {
       display: inline-block;
       padding: 12px 30px;
       text-decoration: none;
       border-radius: 4px;
       font-weight: 600;
       transition: all 0.3s ease;
       border: none;
       cursor: pointer;
   }

   /* Navigation Bar Styles */
   .navbar {
       background-color: rgba(15, 23, 42, 0.95);
       backdrop-filter: blur(10px);
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       z-index: 1000;
       border-bottom: 1px solid #334155;
   }

   .navbar-container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 15px;
   }

   .navbar-logo {
       color: #fbbf24;
       font-size: 24px;
       font-weight: 700;
       text-decoration: none;
       text-transform: uppercase;
       letter-spacing: 1px;
   }

   .navbar-menu {
       display: flex;
       list-style: none;
   }

   .navbar-item {
       margin-left: 30px;
   }

   .navbar-link {
       color: #cbd5e1;
       text-decoration: none;
       font-weight: 500;
       transition: color 0.3s ease;
       position: relative;
   }

   .navbar-link:hover {
       color: #fbbf24;
   }

   .navbar-link.active {
       color: #fbbf24;
   }

   .navbar-link.active:after {
       content: '';
       position: absolute;
       bottom: -5px;
       left: 0;
       width: 100%;
       height: 2px;
       background: linear-gradient(90deg, #fbbf24, #f59e0b);
   }

   /* NexusGlobal HK Styles */
   .nexusglobal .logo {
       color: #fbbf24;
       font-size: 36px;
       font-weight: 700;
       text-transform: uppercase;
       margin-bottom: 10px;
       letter-spacing: 2px;
   }

   .nexusglobal .tagline {
       color: #94a3b8;
       font-size: 18px;
       margin-bottom: 30px;
       font-style: italic;
   }

   .nexusglobal .section-title {
       color: #fbbf24;
       font-size: 36px;
       font-weight: 700;
       margin-bottom: 40px;
       text-align: center;
       position: relative;
   }

   .nexusglobal .section-title:after {
       content: '';
       position: absolute;
       bottom: -15px;
       left: 50%;
       transform: translateX(-50%);
       width: 100px;
       height: 2px;
       background: linear-gradient(90deg, transparent, #fbbf24, transparent);
   }

   .nexusglobal .card {
       background: linear-gradient(145deg, #1e293b, #0f172a);
       border-radius: 12px;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
       padding: 40px 30px;
       margin-bottom: 30px;
       transition: all 0.4s ease;
       border: 1px solid #334155;
       position: relative;
       overflow: hidden;
   }

   .nexusglobal .card:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 4px;
       background: linear-gradient(90deg, #fbbf24, #f59e0b);
   }

   .nexusglobal .card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
   }

   .nexusglobal .btn {
       background: linear-gradient(135deg, #fbbf24, #f59e0b);
       color: #0f172a;
   }

   .nexusglobal .btn:hover {
       background: linear-gradient(135deg, #f59e0b, #d97706);
       transform: translateY(-2px);
       box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3);
   }

   /* Page Header */
   .page-header {
       background: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.9)), url('https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
       background-size: cover;
       background-position: center;
       color: white;
       padding: 150px 0 80px;
       margin-top: 70px;
       text-align: center;
   }

   .page-header h1 {
       font-size: 48px;
       margin-bottom: 20px;
   }

   .page-header p {
       font-size: 20px;
       max-width: 700px;
       margin: 0 auto;
   }

   /* Cooperation Content */
   .cooperation-content {
       padding: 100px 0;
   }

   /* Partnership Models */
   .partnership-models {
       margin-bottom: 80px;
   }

   .models-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 30px;
   }

   .model-card {
       text-align: center;
       padding: 40px 30px;
       background: linear-gradient(145deg, #1e293b, #0f172a);
       border-radius: 10px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
       border: 1px solid #334155;
       position: relative;
       overflow: hidden;
       transition: all 0.3s ease;
   }

   .model-card:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 4px;
       background: linear-gradient(90deg, #fbbf24, #f59e0b);
   }

   .model-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
   }

   .model-icon {
       background: linear-gradient(135deg, #fbbf24, #f59e0b);
       color: #0f172a;
       width: 80px;
       height: 80px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px;
       font-size: 32px;
   }

   .model-card h3 {
       color: #fbbf24;
       margin-bottom: 15px;
       font-size: 22px;
   }

   .model-features {
       list-style: none;
       margin: 20px 0;
       text-align: left;
   }

   .model-features li {
       margin-bottom: 10px;
       padding-left: 20px;
       position: relative;
   }

   .model-features li:before {
       content: '✓';
       position: absolute;
       left: 0;
       color: #fbbf24;
       font-weight: bold;
   }

   /* Process Section */
   .process-section {
       margin-bottom: 80px;
   }

   .process-steps {
       display: flex;
       justify-content: space-between;
       position: relative;
       max-width: 900px;
       margin: 0 auto;
   }

   .process-steps:before {
       content: '';
       position: absolute;
       top: 40px;
       left: 0;
       right: 0;
       height: 2px;
       background: linear-gradient(90deg, #fbbf24, #f59e0b);
       z-index: 1;
   }

   .process-step {
       text-align: center;
       position: relative;
       z-index: 2;
       flex: 1;
   }

   .step-number {
       background: linear-gradient(135deg, #fbbf24, #f59e0b);
       color: #0f172a;
       width: 80px;
       height: 80px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px;
       font-size: 24px;
       font-weight: 700;
       border: 4px solid #0f172a;
   }

   .step-content h3 {
       color: #fbbf24;
       margin-bottom: 10px;
   }

   /* Cooperation Form */
   .cooperation-form-section {
       margin-bottom: 80px;
   }

   .form-container {
       max-width: 800px;
       margin: 0 auto;
       background: linear-gradient(145deg, #1e293b, #0f172a);
       padding: 50px;
       border-radius: 12px;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
       border: 1px solid #334155;
       position: relative;
   }

   .form-container:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 4px;
       background: linear-gradient(90deg, #fbbf24, #f59e0b);
   }

   .form-header {
       text-align: center;
       margin-bottom: 40px;
   }

   .form-header h2 {
       color: #fbbf24;
       margin-bottom: 10px;
   }

   .form-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 25px;
   }

   .form-group {
       margin-bottom: 25px;
   }

   .form-group.full-width {
       grid-column: 1 / -1;
   }

   .form-group label {
       display: block;
       margin-bottom: 8px;
       font-weight: 600;
       color: #cbd5e1;
   }

   .form-control {
       width: 100%;
       padding: 12px 15px;
       border-radius: 4px;
       font-size: 16px;
       transition: all 0.3s ease;
       border: 1px solid #475569;
       background-color: #1e293b;
       color: #e2e8f0;
   }

   .form-control:focus {
       border-color: #fbbf24;
       box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);
       outline: none;
   }

   textarea.form-control {
       min-height: 120px;
       resize: vertical;
   }

   /* Success Stories */
   .success-stories {
       margin-bottom: 80px;
   }

   .stories-grid {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 30px;
   }

   .story-card {
       padding: 30px;
       background: linear-gradient(145deg, #1e293b, #0f172a);
       border-radius: 10px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
       border: 1px solid #334155;
       position: relative;
   }

   .story-card:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 4px;
       background: linear-gradient(90deg, #fbbf24, #f59e0b);
   }

   .story-header {
       display: flex;
       align-items: center;
       margin-bottom: 20px;
   }

   .story-avatar {
       width: 60px;
       height: 60px;
       border-radius: 50%;
       background: linear-gradient(135deg, #fbbf24, #f59e0b);
       display: flex;
       align-items: center;
       justify-content: center;
       color: #0f172a;
       font-size: 24px;
       margin-right: 15px;
       flex-shrink: 0;
   }

   .story-info h3 {
       color: #fbbf24;
       margin-bottom: 5px;
   }

   .story-info p {
       color: #94a3b8;
       font-size: 14px;
   }

   .story-content {
       color: #cbd5e1;
       line-height: 1.7;
   }

   /* CTA Section */
   .cta-section {
       text-align: center;
       padding: 80px 0;
       background: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.9)), url('https://images.unsplash.com/photo-1560520653-9e0e4c89eb11?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
       background-size: cover;
       background-position: center;
       border-radius: 10px;
       position: relative;
   }

   .cta-section:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.1));
       border-radius: 10px;
   }

   .cta-content {
       position: relative;
       z-index: 2;
   }

   .cta-section h2 {
       font-size: 36px;
       margin-bottom: 20px;
       color: #fbbf24;
   }

   .cta-section p {
       font-size: 18px;
       max-width: 600px;
       margin: 0 auto 30px;
       color: #e2e8f0;
   }

   .cta-buttons {
       display: flex;
       justify-content: center;
       gap: 20px;
       flex-wrap: wrap;
   }

   .cta-btn {
       padding: 15px 40px;
       font-size: 16px;
   }

   .cta-btn.secondary {
       background: transparent;
       border: 2px solid #fbbf24;
       color: #fbbf24;
   }

   .cta-btn.secondary:hover {
       background: #fbbf24;
       color: #0f172a;
   }

   footer {
       padding: 60px 0 30px;
       background-color: #020617;
       color: #64748b;
   }

   .footer-content {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
       gap: 40px;
       margin-bottom: 40px;
   }

   .footer-logo {
       font-size: 24px;
       font-weight: 700;
       margin-bottom: 15px;
       color: #fbbf24;
   }

   .footer-links h4 {
       margin-bottom: 20px;
       color: #fbbf24;
   }

   .footer-links ul {
       list-style: none;
   }

   .footer-links li {
       margin-bottom: 10px;
   }

   .footer-links a {
       text-decoration: none;
       color: #94a3b8;
       transition: color 0.3s ease;
   }

   .footer-links a:hover {
       color: #fbbf24;
   }

   .copyright {
       text-align: center;
       padding-top: 30px;
       border-top: 1px solid #1e293b;
   }

   .navbar-toggle {
       display: none;
       flex-direction: column;
       cursor: pointer;
       -webkit-tap-highlight-color: transparent;
   }

   .navbar-toggle span {
       width: 25px;
       height: 3px;
       background-color: #fbbf24;
       margin: 3px 0;
       transition: 0.3s;
       border-radius: 2px;
   }

   .navbar-toggle.active span:nth-child(1) {
       transform: rotate(-45deg) translate(-6px, 6px);
   }

   .navbar-toggle.active span:nth-child(2) {
       opacity: 0;
   }

   .navbar-toggle.active span:nth-child(3) {
       transform: rotate(45deg) translate(-6px, -6px);
   }

   /* Responsive Adjustments */
   @media (max-width: 768px) {
       .navbar-toggle {
           display: flex;
       }

       .models-grid {
           grid-template-columns: 1fr;
       }

       .process-steps {
           flex-direction: column;
           gap: 40px;
       }

       .process-steps:before {
           display: none;
       }

       .form-grid {
           grid-template-columns: 1fr;
       }

       .stories-grid {
           grid-template-columns: 1fr;
       }

       .cta-buttons {
           flex-direction: column;
           align-items: center;
       }

       .navbar-menu {
           display: none;
       }

       .navbar-menu {
           display: none;
           position: absolute;
           top: 70px;
           left: 0;
           right: 0;
           background-color: rgba(15, 23, 42, 0.95);
           flex-direction: column;
           align-items: center;
           padding: 20px 0;
           box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
       }

       .navbar-menu.active {
           display: flex;
       }
   }