/* DampStop Brand Colors */
:root {
  --dampstop-dark: #B5202A;
  --dampstop-green: #e95420;
  --dampstop-light: #e9f5f0;
  --dampstop-gold: #d4af37;
  --dampstop-gray: #6c757d;
}
    
    /* Smooth scrolling */
    html {
      scroll-behavior: smooth;
    }
    
    body {
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      line-height: 1.6;
    }
    
  .hero-gradient {
	background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.9)), url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;
	padding: 100px 0 80px;
	color: white;
	position: relative;
	
}
    
    /* Button improvements */
    .btn-primary {
      background: linear-gradient(135deg, var(--dampstop-green), #B5202A);
      border: none;
      border-radius: 8px;
      padding: 0.75rem 1.5rem;
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover {
      background: linear-gradient(135deg, #034527, #02321c);
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(4, 106, 56, 0.3);
    }
    
    .btn-telegram {
      background: linear-gradient(135deg, #0088cc, #006699);
      color: white;
      border: none;
    }
    
    .btn-telegram:hover {
      background: linear-gradient(135deg, #006699, #005580);
      color: white;
    }
    
    /* Card enhancements */
    .card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: none;
      border-radius: 12px;
    }
    
    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    }
    
    /* Trust strip */
    .trust-item {
      transition: transform 0.3s ease;
    }
    
    .trust-item:hover {
      transform: translateY(-3px);
    }
    
    /* Form improvements */
    .form-control {
      border-radius: 8px;
      border: 1px solid #dee2e6;
      padding: 0.75rem;
    }
    
    .form-control:focus {
      border-color: var(--dampstop-green);
      box-shadow: 0 0 0 0.25rem rgba(4, 106, 56, 0.25);
    }
    
    /* Process step circles */
    .process-step {
      width: 70px;
      height: 70px;
      margin: 0 auto 1rem;
      background: var(--dampstop-green);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      font-weight: bold;
    }
    
    /* Stats badges */
    .stat-badge {
      width: 60px;
      height: 60px;
      background: rgba(4, 106, 56, 0.1);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 10px;
    }
    
    /* Alert styles */
    .alert-success {
      background-color: #d1e7dd;
      border-color: #badbcc;
      color: #0f5132;
      border-radius: 8px;
      animation: fadeIn 0.3s ease;
    }
    
    .alert-danger {
      background-color: #f8d7da;
      border-color: #f5c2c7;
      color: #842029;
      border-radius: 8px;
      animation: fadeIn 0.3s ease;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    /* Floating CTA */
    .floating-cta {
      animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); }
    }
    
    /* Section spacing */
    section {
      padding: 5rem 0;
    }
    
    @media (max-width: 768px) {
      section {
        padding: 3rem 0;
      }
    }
    
    /* Beta badge */
    .beta-badge {
      background: #0f0;
      color: #000 !important;
      font-weight: 800;
      text-shadow: 0 0 8px #0f0;
      animation: pulse 1.5s infinite;
      border-radius: 4px;
      padding: 2px 6px;
      font-size: 0.75em;
    }