.elementor-109 .elementor-element.elementor-element-78576024:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-78576024 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0e141a;}.elementor-109 .elementor-element.elementor-element-78576024{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-78576024 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-3f6a36dc:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-3f6a36dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(14,20,26,0.7);}.elementor-109 .elementor-element.elementor-element-3f6a36dc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0vw 5vw 0vw 5vw;z-index:9998;}.elementor-109 .elementor-element.elementor-element-3f6a36dc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-5ef75af4:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-5ef75af4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;}.elementor-109 .elementor-element.elementor-element-5ef75af4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-5ef75af4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-6f823418:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-6f823418 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0e141a;}.elementor-109 .elementor-element.elementor-element-6f823418{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 5px 80px 5px;}.elementor-109 .elementor-element.elementor-element-6f823418 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-109 .elementor-element.elementor-element-5b7b5681.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-109 .elementor-element.elementor-element-5b7b5681.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}.elementor-109 .elementor-element.elementor-element-73c75472:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-73c75472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(14,20,26,0.5);}.elementor-109 .elementor-element.elementor-element-73c75472{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:96px 5px 96px 5px;}.elementor-109 .elementor-element.elementor-element-73c75472 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-7fefd503:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-7fefd503 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0e141a;}.elementor-109 .elementor-element.elementor-element-7fefd503{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 5px 80px 5px;}.elementor-109 .elementor-element.elementor-element-7fefd503 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-4aef8174:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-4aef8174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0e141a;}.elementor-109 .elementor-element.elementor-element-4aef8174{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:96px 5px 96px 5px;}.elementor-109 .elementor-element.elementor-element-4aef8174 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-7e082c6:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-7e082c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080f14;}.elementor-109 .elementor-element.elementor-element-7e082c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 5px 120px 5px;}.elementor-109 .elementor-element.elementor-element-7e082c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-225ae778:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-225ae778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(8,15,20,0.4);}.elementor-109 .elementor-element.elementor-element-225ae778{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 5px 40px 5px;}.elementor-109 .elementor-element.elementor-element-225ae778 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-4e48ffbc:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-4e48ffbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;}.elementor-109 .elementor-element.elementor-element-4e48ffbc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-4e48ffbc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px) and (min-width:768px){.elementor-109 .elementor-element.elementor-element-257ccec7{width:100%;}}/* Start custom CSS for section, class: .elementor-element-78576024 */@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;400;700;800&family=Geist:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

:root {
  --color-primary: #dbfcff;
  --color-primary-fixed-dim: #00dbe9;
  --color-primary-fixed: #7df4ff;
  --color-primary-container: #00f0ff;
  --color-secondary: #b3c5ff;
  --color-secondary-container: #0266ff;
  --color-secondary-fixed-dim: #b3c5ff;
  --color-tertiary-fixed-dim: #dfb7ff;
  --color-surface: #0e141a;
  --color-surface-container-low: #161c22;
  --color-surface-container-lowest: #080f14;
  --color-on-surface: #dde3eb;
  --color-on-surface-variant: #b9cacb;
  --color-outline: #849495;
}

body { background-color: #0e141a; font-family: 'Geist', sans-serif; overflow-x: hidden; color: #dde3eb; }

@keyframes mesh-gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes scanline {
  0% { transform: translateY(-100%); opacity: 0; }
  50% { opacity: 0.5; }
  100% { transform: translateY(100%); opacity: 0; }
}
@keyframes sweep {
  0% { transform: translateX(-100%) skewX(-20deg); opacity: 0; }
  20% { opacity: 0.4; }
  80% { opacity: 0.4; }
  100% { transform: translateX(200%) skewX(-20deg); opacity: 0; }
}
@keyframes liquid-pulse {
  0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
}
@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(1deg); }
}
@keyframes ping-dot {
  0%,100% { transform: scale(1); opacity: 0.75; }
  50% { transform: scale(2); opacity: 0; }
}

.mesh-bg {
  background: linear-gradient(-45deg, #0e141a, #161c22, #080f14, #1a2026);
  background-size: 400% 400%;
  animation: mesh-gradient 15s ease infinite;
}
.neural-mesh {
  background-image: radial-gradient(circle at 2px 2px, rgba(0,219,233,0.1) 1px, transparent 0);
  background-size: 40px 40px;
}
.liquid-glass {
  backdrop-filter: blur(20px);
  background: linear-gradient(135deg, rgba(0,219,233,0.1), rgba(141,0,229,0.05));
  border: 1px solid rgba(0,219,233,0.2);
}
.scan-effect { position: relative; overflow: hidden; }
.scan-effect::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to bottom, transparent, rgba(0,219,233,0.15), transparent);
  animation: scanline 6s linear infinite;
  pointer-events: none;
}
.scanning-sweep {
  position: fixed;
  top: 0; left: -100%; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,219,233,0.03), transparent);
  z-index: 9999;
  pointer-events: none;
  animation: sweep 12s cubic-bezier(0.4,0,0.2,1) infinite;
}
.reveal-container { opacity: 0; transform: translateY(20px); transition: all 0.8s ease-out; }
.reveal-container.visible { opacity: 1; transform: translateY(0); }

.crystal-btn {
  position: relative;
  padding: 20px 48px;
  background: rgba(0,240,255,0.15);
  border: 1px solid rgba(0,240,255,0.5);
  border-radius: 8px;
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #7df4ff;
  cursor: pointer;
  transition: all 0.4s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.crystal-btn:hover {
  background: rgba(0,240,255,0.3);
  box-shadow: 0 0 30px rgba(0,219,233,0.4), inset 0 0 20px rgba(0,219,233,0.1);
  transform: translateY(-2px);
}
.ghost-btn {
  padding: 20px 40px;
  border: 1px solid rgba(132,148,149,0.3);
  border-radius: 8px;
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #b9cacb;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  backdrop-filter: blur(4px);
}
.ghost-btn:hover {
  color: #00dbe9;
  border-color: rgba(0,219,233,0.5);
}

.glass-node {
  background: rgba(22,28,34,0.4);
  backdrop-filter: blur(20px);
  border-radius: 32px;
  border: 1px solid rgba(0,219,233,0.1);
  padding: 32px;
  transition: all 0.5s ease;
}
.glass-node:hover {
  border-color: rgba(0,219,233,0.4);
  transform: translateY(-8px);
  box-shadow: 0 0 40px rgba(0,219,233,0.1);
}

.bio-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 24px;
  border-radius: 9999px;
  border: 1px solid rgba(0,219,233,0.3);
  backdrop-filter: blur(8px);
  background: rgba(0,219,233,0.05);
  font-family: 'Geist', monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #7df4ff;
}
.ping-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #00dbe9;
  position: relative;
  display: inline-block;
}
.ping-dot::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #00dbe9;
  animation: ping-dot 1.5s ease-in-out infinite;
}

.nav-glass {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9998;
  backdrop-filter: blur(24px);
  background: rgba(14,20,26,0.7);
  border-bottom: 1px solid rgba(0,219,233,0.1);
  box-shadow: 0 0 30px rgba(0,219,233,0.05);
}

.side-nav {
  position: fixed;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 9999px;
  width: 80px;
  backdrop-filter: blur(24px);
  border: 1px solid rgba(0,219,233,0.3);
  background: rgba(14,20,26,0.6);
  box-shadow: 10px 0 50px rgba(0,0,0,0.5);
  z-index: 9990;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 32px 0;
}

.parallax-panel {
  position: absolute;
  backdrop-filter: blur(20px);
  background: linear-gradient(135deg, rgba(0,219,233,0.1), rgba(141,0,229,0.05));
  border: 1px solid rgba(0,219,233,0.2);
  border-radius: 16px;
  padding: 24px;
  pointer-events: auto;
}

@media (max-width: 1280px) { .side-nav { display: none; } .parallax-panel { display: none; } }
@media (max-width: 768px) { .crystal-btn { padding: 16px 32px; font-size: 16px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3f6a36dc */section.elementor-section { backdrop-filter: blur(24px); border-bottom: 1px solid rgba(0,219,233,0.1); box-shadow: 0 0 30px rgba(0,219,233,0.05); }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6f823418 */section.elementor-section { background: linear-gradient(-45deg,#0e141a,#161c22,#080f14,#1a2026); background-size:400% 400%; animation:mesh-gradient 15s ease infinite; background-image: radial-gradient(circle at 2px 2px,rgba(0,219,233,0.1) 1px,transparent 0); background-size:40px 40px; overflow:hidden; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-73c75472 */section.elementor-section { backdrop-filter: blur(8px); border-top: 1px solid rgba(0,219,233,0.1); }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7fefd503 */section.elementor-section { border-top: 1px solid rgba(0,219,233,0.08); border-bottom: 1px solid rgba(0,219,233,0.08); }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7e082c6 */section.elementor-section { border-top: 1px solid rgba(0,219,233,0.1); }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-225ae778 */section.elementor-section { backdrop-filter: blur(32px); border-top: 1px solid rgba(0,219,233,0.1); box-shadow: 0 -20px 60px rgba(0,0,0,0.8); border-radius: 64px 64px 0 0; }/* End custom CSS */