<!doctype html>
<html lang="en" data-beasties-container="">
  <head>
    <meta charset="utf-8">
    <title>Home</title>
    <base href="/">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3">
    <link rel="icon" type="image/x-icon" href="/assets/images/favicon.png">

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style">
  <style>@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>

  <style>
    :root {
      --neon-blue: #00f5ff;
      --neon-purple: #bf00ff;
      --neon-pink: #ff00aa;
    }

    html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #0a0a0f;
    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      background:
        radial-gradient(ellipse at 20% 50%, rgba(0, 245, 255, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 50%, rgba(191, 0, 255, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 20%, rgba(255, 0, 170, 0.1) 0%, transparent 50%),
        linear-gradient(180deg, #0a0a0f 0%, #1a1a2e 50%, #0a0a0f 100%);
    }

    .skeleton-container {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: inherit;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 50px;
      padding: 60px;
    }

    .loader-wrapper {
      position: relative;
      width: 280px;
      height: 280px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .loader-center-ring {
      position: absolute;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
      animation: centerPulse 2s ease-in-out infinite;
      box-shadow:
        0 0 50px var(--neon-blue),
        0 0 100px var(--neon-purple),
        0 0 150px rgba(0, 245, 255, 0.4),
        inset 0 0 30px rgba(0, 0, 0, 0.5);
    }

    .loader-center-ring::before {
      content: '';
      position: absolute;
      inset: 10px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(10, 10, 15, 0.9), rgba(26, 26, 46, 0.9));
    }

    .loader-center-ring::after {
      content: '';
      position: absolute;
      inset: 30px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
      animation: centerRotate 3s linear infinite;
      box-shadow:
        0 0 30px var(--neon-blue),
        0 0 60px var(--neon-purple);
    }

    .loader-orbit-ring {
      position: absolute;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      border: 2px solid rgba(0, 245, 255, 0.3);
      animation: orbitRotate 8s linear infinite;
    }

    .loader-orbit-ring::before {
      content: '';
      position: absolute;
      top: -4px;
      left: 50%;
      transform: translateX(-50%);
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--neon-blue);
      box-shadow: 0 0 20px var(--neon-blue), 0 0 40px var(--neon-purple);
    }

    .loader-orbit-ring-2 {
      position: absolute;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      border: 1px solid rgba(191, 0, 255, 0.2);
      animation: orbitRotate 12s linear infinite reverse;
    }

    .loader-orbit-ring-2::before {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 30%;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--neon-purple);
      box-shadow: 0 0 15px var(--neon-purple), 0 0 30px var(--neon-blue);
    }

    .loader-scan-line {
      position: absolute;
      top: -50px;
      left: -30px;
      right: -30px;
      height: 40px;
      background: linear-gradient(90deg, transparent 0%, rgba(0, 245, 255, 0.8) 20%, rgba(0, 245, 255, 0.8) 80%, transparent 100%);
      animation: scanLine 2s ease-in-out infinite;
      opacity: 0.8;
      box-shadow:
        0 0 30px var(--neon-blue),
        0 0 60px var(--neon-blue),
        0 0 100px rgba(0, 245, 255, 0.5);
      border-radius: 20px;
    }

    .loader-text {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 28px;
      font-weight: 800;
      color: #fff;
      text-align: center;
      letter-spacing: 8px;
      text-transform: uppercase;
      animation: textGlow 2s ease-in-out infinite;
      text-shadow:
        0 0 20px var(--neon-blue),
        0 0 40px var(--neon-blue),
        0 0 80px var(--neon-purple);
    }

    .loader-subtext {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.7);
      text-align: center;
      letter-spacing: 3px;
      animation: subtextFade 2s ease-in-out infinite;
    }

    .loader-particles {
      position: absolute;
      width: 100%;
      height: 100%;
      pointer-events: none;
      overflow: visible;
    }

    .loader-particle {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--neon-blue), var(--neon-purple));
      animation: particleFloat 4s ease-in-out infinite;
      box-shadow:
        0 0 20px var(--neon-blue),
        0 0 40px var(--neon-purple);
    }

    .loader-particle:nth-child(1) { left: 50%; top: -10px; animation-delay: 0s; }
    .loader-particle:nth-child(2) { right: -10px; top: 50%; animation-delay: 0.3s; }
    .loader-particle:nth-child(3) { left: 50%; bottom: -10px; animation-delay: 0.6s; }
    .loader-particle:nth-child(4) { left: -10px; top: 50%; animation-delay: 0.9s; }
    .loader-particle:nth-child(5) { left: 20%; top: 15%; animation-delay: 1.2s; background: var(--neon-purple); }
    .loader-particle:nth-child(6) { right: 20%; top: 15%; animation-delay: 1.5s; background: var(--neon-purple); }
    .loader-particle:nth-child(7) { right: 20%; bottom: 15%; animation-delay: 1.8s; background: var(--neon-blue); }
    .loader-particle:nth-child(8) { left: 20%; bottom: 15%; animation-delay: 2.1s; background: var(--neon-blue); }
    .loader-particle:nth-child(9) { left: 30%; top: 70%; animation-delay: 2.4s; background: var(--neon-pink); }
    .loader-particle:nth-child(10) { right: 30%; top: 70%; animation-delay: 2.7s; background: var(--neon-pink); }
    .loader-particle:nth-child(11) { left: 70%; top: 30%; animation-delay: 3s; background: var(--neon-purple); }
    .loader-particle:nth-child(12) { right: 70%; top: 30%; animation-delay: 3.3s; background: var(--neon-blue); }

    @keyframes centerPulse {
      0%, 100% {
        transform: scale(1);
        box-shadow:
          0 0 50px var(--neon-blue),
          0 0 100px var(--neon-purple),
          0 0 150px rgba(0, 245, 255, 0.4),
          inset 0 0 30px rgba(0, 0, 0, 0.5);
      }
      50% {
        transform: scale(1.2);
        box-shadow:
          0 0 80px var(--neon-blue),
          0 0 150px var(--neon-purple),
          0 0 250px rgba(0, 245, 255, 0.6),
          inset 0 0 30px rgba(0, 0, 0, 0.5);
      }
    }

    @keyframes centerRotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    @keyframes orbitRotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    @keyframes scanLine {
      0% {
        transform: translateY(-80px);
        opacity: 0;
      }
      10% {
        opacity: 0.9;
      }
      90% {
        opacity: 0.9;
      }
      100% {
        transform: translateY(280px);
        opacity: 0;
      }
    }

    @keyframes textGlow {
      0%, 100% {
        text-shadow:
          0 0 20px var(--neon-blue),
          0 0 40px var(--neon-blue),
          0 0 80px var(--neon-purple);
      }
      50% {
        text-shadow:
          0 0 40px var(--neon-blue),
          0 0 80px var(--neon-blue),
          0 0 150px var(--neon-purple);
      }
    }

    @keyframes subtextFade {
      0%, 100% { opacity: 0.4; }
      50% { opacity: 0.9; }
    }

    @keyframes particleFloat {
      0%, 100% {
        transform: translateY(0) translateX(0) scale(1);
        opacity: 0.3;
        box-shadow: 0 0 10px var(--neon-blue);
      }
      25% {
        transform: translateY(-50px) translateX(30px) scale(1.3);
        opacity: 1;
        box-shadow: 0 0 30px var(--neon-blue), 0 0 60px var(--neon-purple);
      }
      50% {
        transform: translateY(-100px) translateX(-20px) scale(0.8);
        opacity: 0.6;
        box-shadow: 0 0 20px var(--neon-purple);
      }
      75% {
        transform: translateY(-50px) translateX(-30px) scale(1.1);
        opacity: 0.9;
        box-shadow: 0 0 25px var(--neon-blue);
      }
    }
  </style>

  <style>html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0a0f}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at 20% 50%,rgba(0,245,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(191,0,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 20%,rgba(255,0,170,.1) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#1a1a2e,#0a0a0f)}.loader-center-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00f5ff,#bf00ff);animation:centerPulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #00f5ff,0 0 60px #bf00ff,0 0 90px #00f5ff4d}.loader-center-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#0a0a0f}.loader-center-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:linear-gradient(135deg,#00f5ff,#bf00ff);animation:centerRotate 3s linear infinite}.loader-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f5ff,transparent);animation:scanLine 2s linear infinite;opacity:.5}.loader-text{font-family:Orbitron,Inter,system-ui,sans-serif;font-size:20px;font-weight:700;color:#fff;text-align:center;letter-spacing:4px;text-transform:uppercase;animation:textGlow 2s ease-in-out infinite;text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #bf00ff}.loader-subtext{font-family:Inter,system-ui,sans-serif;font-size:12px;color:#fff9;text-align:center;letter-spacing:2px;animation:subtextFade 2s ease-in-out infinite}.loader-particles{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.loader-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#00f5ff;animation:particleFloat 3s ease-in-out infinite}.loader-particle:nth-child(1){left:20 %;top:40 %;animation-delay:.3s;background:#00f5ff}.loader-particle:nth-child(2){left:30 %;top:60 %;animation-delay:.6s;background:#bf00ff}.loader-particle:nth-child(3){left:40 %;top:20 %;animation-delay:.9s;background:#00f5ff}.loader-particle:nth-child(4){left:50 %;top:40 %;animation-delay:1.2s;background:#bf00ff}.loader-particle:nth-child(5){left:60 %;top:60 %;animation-delay:1.5s;background:#00f5ff}.loader-particle:nth-child(6){left:70 %;top:20 %;animation-delay:1.8s;background:#bf00ff}.loader-particle:nth-child(7){left:80 %;top:40 %;animation-delay:2.1s;background:#00f5ff}.loader-particle:nth-child(8){left:90 %;top:60 %;animation-delay:2.4s;background:#bf00ff}@keyframes centerPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px #00f5ff,0 0 60px #bf00ff,0 0 90px #00f5ff4d}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 50px #00f5ff,0 0 100px #bf00ff,0 0 150px #00f5ff80}}@keyframes centerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #bf00ff}50%{text-shadow:0 0 20px #00f5ff,0 0 40px #00f5ff,0 0 80px #bf00ff}}@keyframes subtextFade{0%,to{opacity:.4}50%{opacity:.8}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-40px) translate(-5px);opacity:.5}75%{transform:translateY(-20px) translate(-10px);opacity:.8}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html{font-size:16px;scroll-behavior:smooth;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;width:100%;overflow-x:hidden}body{width:100vw;max-width:100%;display:block;font-size:1rem;line-height:1.618;overflow-x:hidden;overflow-y:auto}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:root{--mat-button-text-container-height:40px;--mat-button-filled-container-height:40px;--mat-button-protected-container-height:40px;--mat-button-outlined-container-height:40px;--mat-form-field-container-height:56px;--mat-button-text-label-text-size:14px;--mat-sys-label-large-size:14px;--mat-sidenav-container-width:auto;--mat-sys-body-small-size:12px;--mat-sys-body-medium-size:14px;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--sidebar-width:68px}</style><link rel="stylesheet" href="styles-6RQEVO5D.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-6RQEVO5D.css"></noscript></head>

  <body class="mat-typography" ngcm="">
    <app-root>
      <div class="skeleton-container">
        <div class="loader-wrapper">
          <div class="loader-center-ring"></div>
          <div class="loader-scan-line"></div>
          <div class="loader-particles">
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
            <div class="loader-particle"></div>
          </div>
          <div class="loader-orbit-ring"></div>
          <div class="loader-orbit-ring-2"></div>
        </div>
        <div class="loader-text">LOADING</div>
        <div class="loader-subtext">Please wait while we prepare your experience</div>
      </div>
    </app-root>
  <link rel="modulepreload" href="chunk-4TKSRU3H.js"><link rel="modulepreload" href="chunk-FC6JT2YE.js"><link rel="modulepreload" href="chunk-3IDR7ME2.js"><link rel="modulepreload" href="chunk-J7UX2YXV.js"><link rel="modulepreload" href="chunk-Z33NIBLC.js"><link rel="modulepreload" href="chunk-AEI2RADR.js"><link rel="modulepreload" href="chunk-5MPCZKOK.js"><link rel="modulepreload" href="chunk-USOD3V74.js"><script src="main-4VADBRTY.js" type="module"></script></body>
</html>