.hero-bg {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, #000080 0%, #0a0a2e 40%, #111810 100%);
    z-index: -1;
  }
  .particles { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }
  .particle { position: absolute; border-radius: 50%; opacity: 0.06; animation: floatParticle linear infinite; }
  .particle:nth-child(1) { width: 300px; height: 300px; background: #FD5D39; top: -100px; left: -80px; animation-duration: 15s; }
  .particle:nth-child(2) { width: 200px; height: 200px; background: #F3F2F8; bottom: -50px; right: -50px; animation-duration: 20s; animation-delay: -5s; }
  .particle:nth-child(3) { width: 150px; height: 150px; background: #FD5D39; top: 40%; right: -30px; animation-duration: 18s; animation-delay: -10s; }
  .particle:nth-child(4) { width: 100px; height: 100px; background: #F3F2F8; bottom: 30%; left: -20px; animation-duration: 22s; animation-delay: -3s; }
  .particle:nth-child(5) { width: 250px; height: 250px; background: #FD5D39; top: 60%; left: 50%; animation-duration: 25s; animation-delay: -8s; opacity: 0.04; }
  @keyframes floatParticle {
    0% { transform: translateY(0) rotate(0deg) scale(1); }
    50% { transform: translateY(-40px) rotate(180deg) scale(1.1); }
    100% { transform: translateY(0) rotate(360deg) scale(1); }
  }

  .home-wrapper {
    position: relative; z-index: 2;
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    padding: 40px 20px;
  }
  .home-card {
    background: rgba(0, 0, 40, 0.55); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(253, 93, 57, 0.25); border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5); width: 100%; max-width: 700px;
    padding: 50px 40px; text-align: center; transition: all 0.4s ease; color: #F3F2F8;
    animation: fadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .home-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,0.8); }
  @keyframes fadeIn {
    0% { opacity: 0; transform: translateY(30px) scale(0.95); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
  }

  .logo-text {
    font-size: 3.5rem; font-weight: 800; letter-spacing: -2px;
    margin: 0; line-height: 1; cursor: default;
  }
  .logo-text .as { color: #F3F2F8; transition: color 0.3s, text-shadow 0.3s; }
  .logo-text .ep { color: #FD5D39; transition: color 0.3s, text-shadow 0.3s; }
  .logo-text:hover .as { color: #FD5D39; text-shadow: 0 0 12px rgba(253, 93, 57, 0.8); }
  .logo-text:hover .ep { color: #F3F2F8; text-shadow: 0 0 12px rgba(243, 242, 248, 0.8); }

  .logo-underline {
    width: 0; height: 3px;
    background: linear-gradient(90deg, #FD5D39, #F3F2F8);
    margin: 10px auto 20px; transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 2px;
  }
  .logo-text:hover + .logo-underline { width: 200px; }
  .company-desc {
    color: rgba(243,242,248,0.8); font-size: 1.1rem;
    max-width: 500px; margin: 0 auto 40px; line-height: 1.6;
  }

  .options-grid {
    display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;
  }
  .option-card {
    flex: 1 1 280px; max-width: 320px;
    background: rgba(0,0,50,0.4); backdrop-filter: blur(5px);
    border: 1px solid rgba(253,93,57,0.3); border-radius: 20px;
    padding: 30px 25px; text-align: center; transition: all 0.3s;
    display: flex; flex-direction: column; align-items: center; gap: 15px;
    text-decoration: none; color: #F3F2F8;
  }
  .option-card:hover {
    transform: translateY(-10px); box-shadow: 0 12px 24px rgba(253,93,57,0.4);
    border-color: #FD5D39; background: rgba(0,0,70,0.5);
  }
  .option-icon { font-size: 3rem; transition: transform 0.3s; }
  .option-card:hover .option-icon { transform: scale(1.1) rotate(5deg); }
  .option-title { font-weight: 700; font-size: 1.3rem; }
  .option-desc { font-size: 0.9rem; color: rgba(243,242,248,0.7); }
  .option-btn {
    margin-top: auto;
    background: linear-gradient(135deg, #FD5D39, #e04e2a); border: none;
    color: white; font-weight: 600; padding: 12px 24px; border-radius: 14px;
    transition: all 0.3s; box-shadow: 0 4px 12px rgba(253,93,57,0.4);
  }
  .option-card:hover .option-btn {
    background: linear-gradient(135deg, #ff6b47, #FD5D39);
    box-shadow: 0 8px 20px rgba(253,93,57,0.6); transform: scale(1.05);
  }