.app.svelte-1eabtib{width:100%;min-height:100vh;display:flex;flex-direction:column}main.svelte-1eabtib{flex:1}/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Color Variables */
    --main-bg: #ffffff;
    --text-color: #000000;
    --accent-color: #333333;
    --accent-rgb: 51, 51, 51;
    --light-gray: #f5f5f5;
    --border-color: #222222;
    --soft-shadow: rgba(0, 0, 0, 0.05);
    /* Font Variables */
    --font-primary: 'Chakra Petch', sans-serif;
    --font-hand-drawn: 'Chakra Petch', sans-serif;
}

body {
    font-family: var(--font-primary);
    background-color: var(--main-bg);
    color: var(--text-color);
    line-height: 1.6;
    overflow-x: hidden;
}

/* Typography */
h1, h2, h3, h4, h5 {
    font-family: var(--font-hand-drawn);
    margin-bottom: 1rem;
    line-height: 1.3;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

p {
    margin-bottom: 1rem;
}

a {
    color: var(--accent-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--text-color);
}

/* Layout */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

section {
    padding: 80px 0;
}

/* Utilities */
.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }
.mt-5 { margin-top: 2.5rem; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }
.mb-5 { margin-bottom: 2.5rem; }

/* Responsive utilities */
@media (max-width: 1200px) {
    .container {
        max-width: 992px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 768px;
    }
    
    h1 {
        font-size: 2.2rem;
    }
    
    h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 576px;
    }
    
    section {
        padding: 60px 0;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.6rem;
    }
}

@media (max-width: 576px) {
    .container {
        padding: 0 15px;
    }
    
    section {
        padding: 40px 0;
    }
    
    h1 {
        font-size: 1.8rem;
    }
    
    h2 {
        font-size: 1.4rem;
    }
}

/* Animation utilities */
.fade-in {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.slide-in-right {
    animation: slideInRight 0.5s ease-in-out;
}

@keyframes slideInRight {
    from { transform: translateX(50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.slide-in-left {
    animation: slideInLeft 0.5s ease-in-out;
}

@keyframes slideInLeft {
    from { transform: translateX(-50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.slide-in-up {
    animation: slideInUp 0.5s ease-in-out;
}

@keyframes slideInUp {
    from { transform: translateY(50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
} /* 
 * BLACKHAVEN ROUTER - SECURITY ANIMATIONS
 * Background animations để truyền tải không gian được bảo vệ và ẩn danh
 */

/* ===== SHIELD PARTICLES ===== */
.shield-particles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  opacity: 0.7;
}

.shield-particle {
  position: absolute;
  background-color: rgba(51, 51, 51, 0.05);
  border: 1px dashed rgba(51, 51, 51, 0.1);
  border-radius: 50%;
  pointer-events: none;
  transform-origin: center center;
}

/* Các kích cỡ khác nhau cho shield particles */
.shield-particle-sm {
  width: 80px;
  height: 80px;
  animation: floatParticle 20s infinite linear, pulseScale 10s infinite ease-in-out;
}

.shield-particle-md {
  width: 120px;
  height: 120px;
  animation: floatParticle 30s infinite linear, pulseScale 15s infinite ease-in-out;
}

.shield-particle-lg {
  width: 200px;
  height: 200px;
  animation: floatParticle 40s infinite linear, pulseScale 20s infinite ease-in-out;
}

@keyframes floatParticle {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(100px, 50px) rotate(90deg);
  }
  50% {
    transform: translate(50px, 100px) rotate(180deg);
  }
  75% {
    transform: translate(-50px, 50px) rotate(270deg);
  }
  100% {
    transform: translate(0, 0) rotate(360deg);
  }
}

@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

/* ===== DATA STREAM ===== */
.data-stream-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  opacity: 0.5;
}

.data-stream {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(51, 51, 51, 0.2), transparent);
  animation: moveDataStream 8s infinite linear;
}

@keyframes moveDataStream {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(100vw);
    opacity: 0;
  }
}

/* ===== ENCRYPTION GRID ===== */
.encryption-grid-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  perspective: 1000px;
}

.encryption-grid {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-image: 
    linear-gradient(rgba(51, 51, 51, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(51, 51, 51, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
  transform-origin: center center;
  animation: rotateGrid 120s infinite linear;
}

@keyframes rotateGrid {
  0% {
    transform: rotateX(75deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(75deg) rotateZ(360deg);
  }
}

/* ===== ANONYMITY FOG ===== */
.anonymity-fog-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.anonymity-fog {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  opacity: 0;
  mix-blend-mode: overlay;
  pointer-events: none;
  will-change: transform, opacity;
}

.fog-1 {
  width: 600px;
  height: 600px;
  animation: fogMovement 15s infinite ease-in-out;
  animation-delay: 0s;
}

.fog-2 {
  width: 800px;
  height: 800px;
  animation: fogMovement 20s infinite ease-in-out;
  animation-delay: -5s;
}

.fog-3 {
  width: 500px;
  height: 500px;
  animation: fogMovement 17s infinite ease-in-out;
  animation-delay: -10s;
}

@keyframes fogMovement {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
  50% {
    transform: translate(50%, 20%) scale(1.2);
    opacity: 0.4;
  }
  100% {
    transform: translate(-30%, 50%) scale(0.8);
    opacity: 0;
  }
}

/* ===== SECURITY SCAN ===== */
.security-scan-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.security-scan-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    rgba(51, 51, 51, 0),
    rgba(51, 51, 51, 0.1),
    rgba(51, 51, 51, 0.2),
    rgba(51, 51, 51, 0.1),
    rgba(51, 51, 51, 0)
  );
  animation: scanLine 8s infinite ease-in-out;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
}

@keyframes scanLine {
  0% {
    top: -10px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 110%;
    opacity: 0;
  }
}

/* ===== DYNAMIC MESH NETWORK ===== */
.mesh-network-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.mesh-node {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: rgba(51, 51, 51, 0.1);
  border-radius: 50%;
  animation: pulseMesh 3s infinite ease-in-out;
}

.mesh-line {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, 
    rgba(51, 51, 51, 0.05),
    rgba(51, 51, 51, 0.1),
    rgba(51, 51, 51, 0.05)
  );
  transform-origin: left center;
  animation: fadeInOut 4s infinite ease-in-out;
}

@keyframes pulseMesh {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.7;
  }
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
}

/* ===== USAGE EXAMPLES ===== */

/* Hero Section Animation */
.hero-security-bg {
  position: relative;
}

.hero-security-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle at center,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.5) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: -1;
}

/* Features Section Animation */
.features-security-bg {
  background-color: var(--light-gray);
  position: relative;
  overflow: hidden;
}

/* Anonymity Section Animation */
.anonymity-section-bg {
  position: relative;
  overflow: hidden;
}

.anonymity-section-bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    repeating-linear-gradient(
      45deg,
      rgba(51, 51, 51, 0.01),
      rgba(51, 51, 51, 0.01) 10px,
      rgba(51, 51, 51, 0.02) 10px,
      rgba(51, 51, 51, 0.02) 20px
    );
  z-index: -1;
  animation: movePattern 60s infinite linear;
}

@keyframes movePattern {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px 1000px;
  }
}

/* JavaScript helpers to generate dynamic elements */
/* 
// Thêm shield particles
function addShieldParticles(containerSelector) {
  const container = document.querySelector(containerSelector);
  if (!container) return;
  
  const particlesContainer = document.createElement('div');
  particlesContainer.className = 'shield-particles-container';
  
  // Add particles
  for (let i = 0; i < 5; i++) {
    const particle = document.createElement('div');
    particle.className = `shield-particle shield-particle-${['sm', 'md', 'lg'][Math.floor(Math.random() * 3)]}`;
    particle.style.left = `${Math.random() * 100}%`;
    particle.style.top = `${Math.random() * 100}%`;
    particle.style.animationDelay = `${Math.random() * 20}s`;
    particlesContainer.appendChild(particle);
  }
  
  container.appendChild(particlesContainer);
}

// Thêm data streams
function addDataStreams(containerSelector) {
  const container = document.querySelector(containerSelector);
  if (!container) return;
  
  const streamsContainer = document.createElement('div');
  streamsContainer.className = 'data-stream-container';
  
  for (let i = 0; i < 15; i++) {
    const stream = document.createElement('div');
    stream.className = 'data-stream';
    stream.style.top = `${Math.random() * 100}%`;
    stream.style.width = `${Math.random() * 100 + 100}px`;
    stream.style.animationDelay = `${Math.random() * 8}s`;
    streamsContainer.appendChild(stream);
  }
  
  container.appendChild(streamsContainer);
}

// Thêm mesh network
function addMeshNetwork(containerSelector) {
  const container = document.querySelector(containerSelector);
  if (!container) return;
  
  const meshContainer = document.createElement('div');
  meshContainer.className = 'mesh-network-container';
  
  const nodes = [];
  
  // Tạo nodes
  for (let i = 0; i < 10; i++) {
    const node = document.createElement('div');
    node.className = 'mesh-node';
    node.style.left = `${Math.random() * 90 + 5}%`;
    node.style.top = `${Math.random() * 90 + 5}%`;
    node.style.animationDelay = `${Math.random() * 3}s`;
    
    nodes.push({
      element: node,
      x: parseFloat(node.style.left),
      y: parseFloat(node.style.top)
    });
    
    meshContainer.appendChild(node);
  }
  
  // Tạo lines kết nối nodes
  for (let i = 0; i < nodes.length; i++) {
    for (let j = i + 1; j < nodes.length; j++) {
      if (Math.random() > 0.6) continue; // Chỉ kết nối 40% pairs
      
      const nodeA = nodes[i];
      const nodeB = nodes[j];
      
      const dx = nodeB.x - nodeA.x;
      const dy = nodeB.y - nodeA.y;
      const distance = Math.sqrt(dx * dx + dy * dy);
      
      if (distance > 40) continue; // Chỉ kết nối nodes gần nhau
      
      const angle = Math.atan2(dy, dx) * 180 / Math.PI;
      
      const line = document.createElement('div');
      line.className = 'mesh-line';
      line.style.width = `${distance}%`;
      line.style.left = `${nodeA.x}%`;
      line.style.top = `${nodeA.y}%`;
      line.style.transform = `rotate(${angle}deg)`;
      line.style.animationDelay = `${Math.random() * 4}s`;
      
      meshContainer.appendChild(line);
    }
  }
  
  container.appendChild(meshContainer);
}
*/ /* Hand-drawn styles */
.hand-drawn-title {
    font-family: var(--font-hand-drawn);
    position: relative;
    display: inline-block;
}

.hand-drawn-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -5px;
    left: 0;
    background-image: url('/images/underline.svg');
    background-repeat: no-repeat;
    background-size: 100% 10px;
}

.hand-drawn-box {
    border: 2px solid var(--border-color);
    border-radius: 8px;
    position: relative;
    padding: 20px;
    background-color: var(--main-bg);
}

.hand-drawn-box::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    z-index: -1;
}

.hand-drawn-button {
    font-family: var(--font-hand-drawn);
    display: inline-block;
    padding: 12px 25px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    background-color: var(--main-bg);
    color: var(--text-color);
    font-weight: bold;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s;
}

.hand-drawn-button:hover {
    transform: scale(1.03);
}

.hand-drawn-button.primary {
    background-color: var(--accent-color);
    color: var(--main-bg);
}

.hand-drawn-bullet {
    list-style-image: url('/images/bullet.svg');
    padding-left: 5px;
    margin-left: 25px;
    margin-bottom: 10px;
}

.hand-drawn-link {
    font-family: var(--font-hand-drawn);
    color: var(--text-color);
    text-decoration: none;
    position: relative;
    padding-bottom: 5px;
}

.hand-drawn-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-image: url('/images/link-underline.svg');
    background-repeat: no-repeat;
    background-size: 100% 5px;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.hand-drawn-link:hover::after {
    transform: scaleX(1);
}

/* Animations for hand-drawn elements */
@keyframes wobble {
    0%, 100% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
}

.animate-wobble:hover {
    animation: wobble 0.5s ease infinite;
}

/* Different styles of hand-drawn boxes */
.hand-drawn-box.dashed {
    border-style: dashed;
}

.hand-drawn-box.dotted {
    border-style: dotted;
}

.hand-drawn-box.highlighted {
    background-color: rgba(0,0,0,0.03);
} .product-list.svelte-1k9evd7.svelte-1k9evd7{padding:80px 0;background-color:var(--light-gray)}.product-layout.svelte-1k9evd7.svelte-1k9evd7{display:flex;gap:50px;margin-top:40px;align-items:flex-start}.product-sidebar.svelte-1k9evd7.svelte-1k9evd7{width:30%;display:flex;flex-direction:column;gap:25px}.product-item.svelte-1k9evd7.svelte-1k9evd7{position:relative;padding:20px;font-family:var(--font-hand-drawn);cursor:pointer;transition:all 0.3s ease;border-radius:12px;background-color:white;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);border-left:3px solid transparent}.product-item.svelte-1k9evd7.svelte-1k9evd7:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}.product-item.selected.svelte-1k9evd7.svelte-1k9evd7{font-weight:bold;border-left:3px solid var(--product-color, var(--accent-color));box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}.product-item-content.svelte-1k9evd7.svelte-1k9evd7{display:flex;align-items:center;gap:15px}.product-image-thumbnail.svelte-1k9evd7.svelte-1k9evd7{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background-color:white;padding:5px;border:1px dashed var(--border-color)}.product-image-thumbnail.svelte-1k9evd7 img.svelte-1k9evd7{max-width:100%;max-height:100%;object-fit:contain}.product-item-info.svelte-1k9evd7.svelte-1k9evd7{flex:1;position:relative}.product-name.svelte-1k9evd7.svelte-1k9evd7{font-size:16px;font-weight:bold;margin-bottom:2px;color:var(--product-color, var(--accent-color))}.product-type.svelte-1k9evd7.svelte-1k9evd7{font-size:13px;color:#666;margin-bottom:5px}.product-short-price.svelte-1k9evd7.svelte-1k9evd7{font-size:16px;font-weight:bold;color:var(--product-color, var(--accent-color))}.product-item.svelte-1k9evd7 .product-badge.svelte-1k9evd7{font-size:12px;padding:2px 8px;background-color:var(--product-color, var(--accent-color));color:white;border-radius:20px;display:inline-block;margin-top:5px;font-weight:bold}.product-key-specs.svelte-1k9evd7.svelte-1k9evd7{margin-top:12px}.key-spec-item.svelte-1k9evd7.svelte-1k9evd7{font-size:13px;margin-bottom:4px;color:#666}.key-spec-name.svelte-1k9evd7.svelte-1k9evd7{color:#555;margin-right:5px}.key-spec-value.svelte-1k9evd7.svelte-1k9evd7{font-weight:bold;color:#333}.product-underline.svelte-1k9evd7.svelte-1k9evd7{height:1px;background-color:#eee;width:100%;margin-top:15px}.product-detail.svelte-1k9evd7.svelte-1k9evd7{width:70%}.detail-header.svelte-1k9evd7.svelte-1k9evd7{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px dashed var(--border-color)}.header-main.svelte-1k9evd7.svelte-1k9evd7{display:flex;flex-direction:column}.detail-title.svelte-1k9evd7.svelte-1k9evd7{font-family:var(--font-hand-drawn);font-size:24px;margin:0 0 5px 0;color:var(--product-color, var(--accent-color))}.router-type.svelte-1k9evd7.svelte-1k9evd7{font-size:14px;color:#666}.detail-price.svelte-1k9evd7.svelte-1k9evd7{font-family:var(--font-hand-drawn);font-size:24px;font-weight:bold;color:var(--product-color, var(--accent-color))}.contact-for-price.svelte-1k9evd7.svelte-1k9evd7{font-family:var(--font-hand-drawn);font-size:18px;padding:6px 12px;background-color:rgba(var(--accent-rgb), 0.1);color:var(--product-color, var(--accent-color));border:1px dashed var(--product-color, var(--accent-color));border-radius:8px}.product-main-content.svelte-1k9evd7.svelte-1k9evd7{display:flex;gap:30px;margin-bottom:30px;align-items:flex-start}.product-image-showcase.svelte-1k9evd7.svelte-1k9evd7{flex:1;display:flex;flex-direction:column;align-items:center;max-width:300px}.product-image-container.svelte-1k9evd7.svelte-1k9evd7{width:100%;position:relative;border:2px dashed var(--product-color, var(--border-color));border-radius:8px;padding:20px;background-color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0, 0, 0, 0.05)}.product-image-container.svelte-1k9evd7.svelte-1k9evd7:hover{box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);transform:translateY(-5px)}.product-image.svelte-1k9evd7.svelte-1k9evd7{max-width:100%;height:auto;display:block;transition:transform 0.5s ease}.view-toggle-button.svelte-1k9evd7.svelte-1k9evd7{margin-top:12px;padding:6px 12px;background-color:rgba(var(--accent-rgb), 0.1);color:var(--product-color, var(--accent-color));border:1px dashed var(--product-color, var(--accent-color));border-radius:20px;font-family:var(--font-hand-drawn);font-size:12px;cursor:pointer;transition:all 0.3s ease}.view-toggle-button.svelte-1k9evd7.svelte-1k9evd7:hover{background-color:rgba(var(--accent-rgb), 0.2)}.product-badge.svelte-1k9evd7.svelte-1k9evd7{position:absolute;top:-12px;right:-12px;background-color:var(--product-color, var(--accent-color));color:white;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:bold;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);font-family:var(--font-hand-drawn)}.detail-description.svelte-1k9evd7.svelte-1k9evd7{flex:2;display:flex;flex-direction:column;gap:20px}.detail-description.svelte-1k9evd7 p.svelte-1k9evd7{font-size:15px;line-height:1.5;margin:0}.key-specs-container.svelte-1k9evd7.svelte-1k9evd7{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-top:5px}.key-spec-block.svelte-1k9evd7.svelte-1k9evd7{background-color:rgba(var(--accent-rgb), 0.05);border-left:3px solid var(--product-color, var(--accent-color));padding:10px 15px;border-radius:5px}.key-spec-block.svelte-1k9evd7 .key-spec-name.svelte-1k9evd7{font-size:13px;color:#666;margin-bottom:3px}.key-spec-block.svelte-1k9evd7 .key-spec-value.svelte-1k9evd7{font-size:15px;font-weight:bold;color:var(--product-color, var(--accent-color));font-family:var(--font-hand-drawn)}.specs-section.svelte-1k9evd7.svelte-1k9evd7{margin-bottom:30px;background-color:#f8f8f8;border-radius:10px;padding:20px}.specs-title.svelte-1k9evd7.svelte-1k9evd7{font-family:var(--font-hand-drawn);font-size:18px;margin-bottom:15px;padding-bottom:5px;border-bottom:1px dashed var(--border-color);text-align:center}.specs-list-grid.svelte-1k9evd7.svelte-1k9evd7{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:15px}.spec-item.svelte-1k9evd7.svelte-1k9evd7{background-color:white;padding:15px;border-radius:8px;border-left:3px solid var(--product-color, var(--accent-color));box-shadow:0 2px 5px rgba(0, 0, 0, 0.05)}.spec-name.svelte-1k9evd7.svelte-1k9evd7{font-weight:500;color:#555;margin-bottom:5px;font-size:14px}.spec-value.svelte-1k9evd7.svelte-1k9evd7{font-family:var(--font-hand-drawn);font-weight:bold;color:var(--product-color, var(--accent-color));font-size:16px}.product-action.svelte-1k9evd7.svelte-1k9evd7{display:flex;justify-content:center;margin-top:30px}.hand-drawn-button.svelte-1k9evd7.svelte-1k9evd7{padding:12px 30px;background-color:var(--product-color, var(--accent-color));color:white;border:2px solid var(--product-color, var(--accent-color));border-radius:8px;font-family:var(--font-hand-drawn);font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;min-width:200px}.hand-drawn-button.svelte-1k9evd7.svelte-1k9evd7:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}@media(max-width: 992px){.product-layout.svelte-1k9evd7.svelte-1k9evd7{flex-direction:column}.product-sidebar.svelte-1k9evd7.svelte-1k9evd7,.product-detail.svelte-1k9evd7.svelte-1k9evd7{width:100%}.product-item.selected.svelte-1k9evd7.svelte-1k9evd7::after{content:'→';position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--product-color, var(--accent-color));font-size:20px}.product-main-content.svelte-1k9evd7.svelte-1k9evd7{flex-direction:column;align-items:center}.product-image-showcase.svelte-1k9evd7.svelte-1k9evd7{max-width:300px;margin-bottom:20px}.key-specs-container.svelte-1k9evd7.svelte-1k9evd7{grid-template-columns:1fr}}@media(max-width: 768px){.specs-list-grid.svelte-1k9evd7.svelte-1k9evd7{grid-template-columns:1fr}.detail-header.svelte-1k9evd7.svelte-1k9evd7{flex-direction:column;align-items:flex-start;gap:10px}.product-action.svelte-1k9evd7.svelte-1k9evd7{flex-direction:column}.key-specs-container.svelte-1k9evd7.svelte-1k9evd7{grid-template-columns:1fr}}.how-it-works.svelte-3ob7zg.svelte-3ob7zg{padding:80px 0;background-color:var(--light-gray)}.flow-demo.svelte-3ob7zg.svelte-3ob7zg{display:flex;flex-direction:column;align-items:center;margin-top:40px}.hidden.svelte-3ob7zg.svelte-3ob7zg{display:none}.svg-container.svelte-3ob7zg.svelte-3ob7zg{border:2px solid var(--border-color);border-radius:8px;background-color:white;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05);margin-bottom:20px;padding:10px;max-width:100%;overflow-x:auto;display:flex;justify-content:center}.router-flow-svg.svelte-3ob7zg.svelte-3ob7zg{max-width:100%;height:auto;max-height:70vh}.controls.svelte-3ob7zg.svelte-3ob7zg{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.control-button.svelte-3ob7zg.svelte-3ob7zg{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background-color:white;font-family:var(--font-hand-drawn);cursor:pointer;transition:all 0.3s}.control-button.svelte-3ob7zg.svelte-3ob7zg:hover{background-color:#f0f0f0;transform:translateY(-2px)}.control-button.primary.svelte-3ob7zg.svelte-3ob7zg{background-color:var(--accent-color);color:white}.control-button.primary.svelte-3ob7zg.svelte-3ob7zg:hover{background-color:#444}.explanation.svelte-3ob7zg.svelte-3ob7zg{background-color:white;border-radius:8px;padding:20px;margin-top:20px;max-width:800px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05);margin-left:auto;margin-right:auto}.explanation.svelte-3ob7zg h3.svelte-3ob7zg{font-family:var(--font-hand-drawn);margin-bottom:25px;color:var(--accent-color);text-align:center;font-size:1.7rem}.tabs.svelte-3ob7zg.svelte-3ob7zg{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.main-tabs.svelte-3ob7zg.svelte-3ob7zg{margin-top:20px}.tab-button.svelte-3ob7zg.svelte-3ob7zg{padding:10px 20px;background-color:#f5f5f5;border:none;border-radius:20px;cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:500;transition:all 0.3s ease}.tab-button.svelte-3ob7zg.svelte-3ob7zg:hover{background-color:#e0e0e0}.tab-button.active.svelte-3ob7zg.svelte-3ob7zg{background-color:var(--accent-color);color:white}.step-details.svelte-3ob7zg.svelte-3ob7zg{padding:20px;margin-bottom:15px;border-radius:8px;border-left:3px solid #ddd;position:relative;transition:all 0.3s ease;opacity:0.7;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.step-details.active.svelte-3ob7zg.svelte-3ob7zg{border-left:3px solid #4CAF50;background-color:rgba(76, 175, 80, 0.05);opacity:1;transform:translateX(5px)}.step-details.svelte-3ob7zg h4.svelte-3ob7zg{margin-bottom:10px;color:var(--accent-color);font-weight:bold;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.step-number.svelte-3ob7zg.svelte-3ob7zg{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:white;width:30px;height:30px;border-radius:50%;flex-shrink:0;font-weight:bold}.step-details.svelte-3ob7zg p.svelte-3ob7zg{margin-left:40px;line-height:1.7;max-width:100%;overflow-wrap:break-word}.highlight.svelte-3ob7zg.svelte-3ob7zg{font-weight:bold;color:#4CAF50}.step-icon.svelte-3ob7zg.svelte-3ob7zg{position:absolute;top:20px;right:20px;font-size:32px;opacity:0.7}@media(max-width: 768px){.router-flow-svg.svelte-3ob7zg.svelte-3ob7zg{width:100%;height:auto}.controls.svelte-3ob7zg.svelte-3ob7zg{flex-wrap:wrap;justify-content:center}.step-icon.svelte-3ob7zg.svelte-3ob7zg{display:none}.step-details.svelte-3ob7zg p.svelte-3ob7zg{margin-left:0}.step-details.svelte-3ob7zg h4.svelte-3ob7zg{flex-wrap:wrap;gap:8px}.step-title.svelte-3ob7zg.svelte-3ob7zg{max-width:100%;padding:10px 15px;font-size:15px;white-space:normal}}@media(max-width: 576px){.explanation.svelte-3ob7zg.svelte-3ob7zg{padding:15px}.step-details.svelte-3ob7zg.svelte-3ob7zg{padding:15px 10px}.step-number.svelte-3ob7zg.svelte-3ob7zg{width:25px;height:25px;font-size:0.9rem}.step-details.svelte-3ob7zg h4.svelte-3ob7zg{font-size:16px}.step-details.svelte-3ob7zg p.svelte-3ob7zg{font-size:14px;line-height:1.5}.highlight.svelte-3ob7zg.svelte-3ob7zg{display:inline}}.step-indicator.svelte-3ob7zg.svelte-3ob7zg{margin:20px 0;text-align:center;width:100%;max-width:700px}.step-progress.svelte-3ob7zg.svelte-3ob7zg{display:flex;justify-content:space-between;margin-bottom:15px;max-width:400px;margin-left:auto;margin-right:auto}.step-dot.svelte-3ob7zg.svelte-3ob7zg{width:15px;height:15px;border-radius:50%;background-color:#ddd;transition:all 0.3s ease}.step-dot.active.svelte-3ob7zg.svelte-3ob7zg{background-color:#4CAF50;transform:scale(1.3);box-shadow:0 0 10px rgba(76, 175, 80, 0.5)}.step-title.svelte-3ob7zg.svelte-3ob7zg{font-family:var(--font-hand-drawn);color:var(--accent-color);margin:0;padding:10px 20px;background-color:rgba(76, 175, 80, 0.1);border-radius:30px;display:inline-block;font-weight:bold;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0, 0, 0, 0.05);word-break:break-word;white-space:break-spaces;max-width:90%}header.svelte-nv2otz.svelte-nv2otz{padding:15px 0;position:sticky;top:0;background-color:var(--main-bg);z-index:100;transition:box-shadow 0.3s ease, padding 0.3s ease}header.scrolled.svelte-nv2otz.svelte-nv2otz{box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:10px 0}nav.svelte-nv2otz.svelte-nv2otz{display:flex;justify-content:space-between;align-items:center}.logo.svelte-nv2otz.svelte-nv2otz{max-width:180px}.hand-drawn-logo.svelte-nv2otz.svelte-nv2otz{width:100%;transition:transform 0.3s ease}.logo.svelte-nv2otz:hover .hand-drawn-logo.svelte-nv2otz{transform:scale(1.05)}.menu-toggle.svelte-nv2otz.svelte-nv2otz{display:none;background:none;border:none;cursor:pointer;padding:10px}.menu-toggle.svelte-nv2otz span.svelte-nv2otz{display:block;width:25px;height:3px;margin:5px 0;background-color:var(--text-color);border-radius:3px;transition:all 0.3s ease}.nav-links.svelte-nv2otz.svelte-nv2otz{display:flex;list-style:none;margin:0;padding:0}.nav-links.svelte-nv2otz li.svelte-nv2otz{margin-left:30px}.nav-links.svelte-nv2otz a.svelte-nv2otz{font-family:var(--font-hand-drawn);color:var(--text-color);text-decoration:none;position:relative;padding-bottom:5px;font-size:16px}.nav-links.svelte-nv2otz a.svelte-nv2otz::after{content:'';position:absolute;width:100%;height:5px;bottom:0;left:0;background-image:url('/images/link-underline.svg');background-repeat:no-repeat;background-size:100% 5px;transform:scaleX(0);transition:transform 0.3s ease}.nav-links.svelte-nv2otz a.svelte-nv2otz:hover::after{transform:scaleX(1)}@media(max-width: 768px){.menu-toggle.svelte-nv2otz.svelte-nv2otz{display:block;z-index:101}.nav-links.svelte-nv2otz.svelte-nv2otz{position:fixed;top:0;right:0;height:100vh;width:250px;flex-direction:column;background-color:var(--main-bg);padding:80px 20px 20px;box-shadow:-5px 0 10px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease;z-index:100}.nav-links.active.svelte-nv2otz.svelte-nv2otz{transform:translateX(0)}.nav-links.svelte-nv2otz li.svelte-nv2otz{margin:15px 0}}footer.svelte-1ebw8u0.svelte-1ebw8u0{margin-top:80px;padding:40px 0;background-color:var(--light-gray)}.footer-content.svelte-1ebw8u0.svelte-1ebw8u0{display:flex;flex-direction:column;align-items:center}.footer-links.svelte-1ebw8u0.svelte-1ebw8u0{display:flex;gap:30px;margin-bottom:30px}.footer-links.svelte-1ebw8u0 a.svelte-1ebw8u0{font-family:var(--font-hand-drawn);color:var(--text-color);text-decoration:none;position:relative}.footer-separator.svelte-1ebw8u0.svelte-1ebw8u0{width:80%;height:10px;background-image:url('/images/footer-divider.svg');background-repeat:no-repeat;background-size:100% 10px;margin-bottom:30px}.copyright.svelte-1ebw8u0.svelte-1ebw8u0{display:flex;flex-direction:column;align-items:center}.footer-logo.svelte-1ebw8u0.svelte-1ebw8u0{max-width:120px;margin-bottom:15px}.hand-drawn-logo-small.svelte-1ebw8u0.svelte-1ebw8u0{width:100%}.contact-title.svelte-1ebw8u0.svelte-1ebw8u0{text-align:center;margin-bottom:30px}.form-group.svelte-1ebw8u0.svelte-1ebw8u0{margin-bottom:20px}.form-group.svelte-1ebw8u0 label.svelte-1ebw8u0{display:block;margin-bottom:5px;font-family:var(--font-hand-drawn)}.hand-drawn-input.svelte-1ebw8u0.svelte-1ebw8u0{width:100%;padding:10px;border:2px solid var(--border-color);border-radius:5px;background-color:var(--main-bg);font-family:var(--font-primary)}textarea.hand-drawn-input.svelte-1ebw8u0.svelte-1ebw8u0{resize:vertical}.form-submit.svelte-1ebw8u0.svelte-1ebw8u0{margin-top:30px;text-align:center}.success-message.svelte-1ebw8u0.svelte-1ebw8u0{text-align:center;padding:20px;font-family:var(--font-hand-drawn);font-size:18px}.error-message.svelte-1ebw8u0.svelte-1ebw8u0{color:#d32f2f;margin-top:10px;font-size:14px}@media(max-width: 768px){.footer-links.svelte-1ebw8u0.svelte-1ebw8u0{flex-wrap:wrap;justify-content:center;gap:20px}}input[type="email"].svelte-1ebw8u0.svelte-1ebw8u0{padding:10px 15px;width:100%;max-width:320px;border-radius:4px;border:2px solid var(--border-color);font-family:var(--font-primary);font-size:16px}.hero.svelte-1vmxp28.svelte-1vmxp28{padding:80px 0 50px;position:relative;overflow:hidden}.hero-content.svelte-1vmxp28.svelte-1vmxp28{display:flex;align-items:center;gap:40px;position:relative;z-index:1}.hero-image.svelte-1vmxp28.svelte-1vmxp28{flex:1;position:relative}.hand-drawn-router.svelte-1vmxp28.svelte-1vmxp28{width:100%;max-width:500px;filter:drop-shadow(0 10px 15px rgba(0,0,0,0.05));animation:svelte-1vmxp28-float 6s ease-in-out infinite}@keyframes svelte-1vmxp28-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.security-expert-badge.svelte-1vmxp28.svelte-1vmxp28{position:absolute;bottom:15%;left:10%;display:flex;align-items:center;background:rgba(0, 0, 0, 0.9);border:2px solid #ffffff;border-radius:8px;padding:5px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);transform:rotate(-8deg);z-index:2}.badge-seal.svelte-1vmxp28.svelte-1vmxp28{background:linear-gradient(to bottom, #333333, #000000);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:8px;border:2px solid #fff;box-shadow:0 0 0 1px #000000}.seal-icon.svelte-1vmxp28.svelte-1vmxp28{font-size:20px;color:white}.badge-content.svelte-1vmxp28.svelte-1vmxp28{display:flex;flex-direction:column;padding-right:5px}.badge-title.svelte-1vmxp28.svelte-1vmxp28{color:#ffffff;font-size:14px;font-weight:bold;font-family:var(--font-hand-drawn);letter-spacing:1px}.badge-subtitle.svelte-1vmxp28.svelte-1vmxp28{color:#cccccc;font-size:10px;line-height:1.2;font-family:var(--font-primary);max-width:120px}.anonymity-badge.svelte-1vmxp28.svelte-1vmxp28{position:absolute;top:30%;right:15%;background-color:#333;color:white;padding:8px 15px;border-radius:30px;font-family:var(--font-hand-drawn);display:flex;align-items:center;gap:8px;transform:rotate(15deg);box-shadow:0 4px 8px rgba(0,0,0,0.2);animation:svelte-1vmxp28-pulse 3s infinite}.badge-icon.svelte-1vmxp28.svelte-1vmxp28{font-size:20px;font-weight:bold}.badge-text.svelte-1vmxp28.svelte-1vmxp28{font-size:12px;letter-spacing:1px}@keyframes svelte-1vmxp28-pulse{0%,100%{transform:rotate(15deg) scale(1)}50%{transform:rotate(15deg) scale(1.05)}}.hero-text.svelte-1vmxp28.svelte-1vmxp28{flex:1;padding-left:20px}.hero-text.svelte-1vmxp28 h1.svelte-1vmxp28{font-size:48px;margin-bottom:15px}.tagline.svelte-1vmxp28.svelte-1vmxp28{font-family:var(--font-hand-drawn);font-size:20px;margin-bottom:25px;color:var(--accent-color);position:relative;display:inline-block;padding-bottom:5px}.tagline.svelte-1vmxp28.svelte-1vmxp28::after{content:'';position:absolute;width:100%;height:2px;bottom:0;left:0;background-image:url('/images/underline.svg');background-size:100% 2px;background-repeat:no-repeat}.feature-list.svelte-1vmxp28.svelte-1vmxp28{margin-bottom:30px}.cta.svelte-1vmxp28.svelte-1vmxp28{margin-top:30px;display:flex;gap:15px;flex-wrap:wrap}@media(max-width: 992px){.hero-content.svelte-1vmxp28.svelte-1vmxp28{flex-direction:column}.hero-image.svelte-1vmxp28.svelte-1vmxp28{order:1}.hero-text.svelte-1vmxp28.svelte-1vmxp28{order:0;padding-left:0;text-align:center;margin-bottom:30px}.feature-list.svelte-1vmxp28.svelte-1vmxp28{display:inline-block;text-align:left}.cta.svelte-1vmxp28.svelte-1vmxp28{justify-content:center}.security-expert-badge.svelte-1vmxp28.svelte-1vmxp28{bottom:10%;left:15%}}@media(max-width: 768px){.hero-text.svelte-1vmxp28 h1.svelte-1vmxp28{font-size:36px}.tagline.svelte-1vmxp28.svelte-1vmxp28{font-size:18px}.anonymity-badge.svelte-1vmxp28.svelte-1vmxp28{top:10%;right:10%}.security-expert-badge.svelte-1vmxp28.svelte-1vmxp28{bottom:10%;left:10%}}@media(max-width: 576px){.hero-text.svelte-1vmxp28 h1.svelte-1vmxp28{font-size:28px}.tagline.svelte-1vmxp28.svelte-1vmxp28{font-size:16px}.security-expert-badge.svelte-1vmxp28.svelte-1vmxp28,.anonymity-badge.svelte-1vmxp28.svelte-1vmxp28{transform:scale(0.9) rotate(-8deg)}}.user-guide-section.svelte-bupys8.svelte-bupys8{background:var(--light-gray);padding:60px 0 40px 0}.user-guide-section.svelte-bupys8 .container.svelte-bupys8{max-width:800px;margin:0 auto}.guide-lead.svelte-bupys8.svelte-bupys8{font-family:var(--font-hand-drawn);font-size:1.3rem;text-align:center;margin-bottom:10px;color:var(--accent-color)}.guide-link.svelte-bupys8.svelte-bupys8{text-align:center;margin-bottom:10px;font-family:var(--font-hand-drawn);font-size:1.1rem}.guide-step-title.svelte-bupys8.svelte-bupys8{font-family:var(--font-hand-drawn);font-size:1.15rem;font-weight:bold;margin-bottom:8px;display:flex;align-items:center;gap:8px;color:var(--accent-color)}.step-icon.svelte-bupys8.svelte-bupys8{font-size:1.2em;margin-right:2px}.guide-list.svelte-bupys8.svelte-bupys8{margin:0 0 8px 0;padding-left:22px;font-size:1rem;line-height:1.7}.guide-list.svelte-bupys8 li.svelte-bupys8{margin-bottom:4px}.guide-desc.svelte-bupys8.svelte-bupys8{font-size:1rem;margin-bottom:8px;line-height:1.6}.guide-note.svelte-bupys8.svelte-bupys8{font-size:0.98rem;color:#666;margin-bottom:4px;font-style:italic}.guide-highlight.svelte-bupys8.svelte-bupys8{color:#2196F3;font-weight:bold}.guide-ok.svelte-bupys8.svelte-bupys8{color:#4CAF50;font-weight:bold}.guide-serial.svelte-bupys8.svelte-bupys8{font-family:'VT323', monospace;background:#f5f5f5;border-radius:6px;padding:8px 12px;font-size:1.1rem;margin:6px 0 8px 0;display:inline-block;letter-spacing:2px}.guide-substep.svelte-bupys8.svelte-bupys8{margin-bottom:6px;font-size:0.99rem;font-weight:500}@media(max-width: 600px){.user-guide-section.svelte-bupys8 .container.svelte-bupys8{padding:0 4px}.guide-step-title.svelte-bupys8.svelte-bupys8{font-size:1rem}.guide-lead.svelte-bupys8.svelte-bupys8{font-size:1.05rem}.guide-list.svelte-bupys8.svelte-bupys8{font-size:0.97rem}.guide-desc.svelte-bupys8.svelte-bupys8,.guide-note.svelte-bupys8.svelte-bupys8,.guide-substep.svelte-bupys8.svelte-bupys8{font-size:0.95rem}}.features-section.svelte-b6xrli.svelte-b6xrli{padding:80px 0;background-color:var(--light-gray)}.features-container.svelte-b6xrli.svelte-b6xrli{display:flex;gap:30px;margin-top:40px}.features-nav.svelte-b6xrli.svelte-b6xrli{flex:0 0 35%;display:flex;flex-direction:column;gap:15px}.feature-nav-item.svelte-b6xrli.svelte-b6xrli{padding:20px;border-radius:10px;background-color:white;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);cursor:pointer;transition:all 0.3s ease;border-left:3px solid transparent;display:flex;align-items:center;gap:15px}.feature-nav-item.svelte-b6xrli.svelte-b6xrli:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0, 0, 0, 0.15)}.feature-nav-item.active.svelte-b6xrli.svelte-b6xrli{border-left:3px solid var(--feature-color);box-shadow:0 6px 12px rgba(0, 0, 0, 0.15)}.feature-icon.svelte-b6xrli.svelte-b6xrli{font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--accent-rgb), 0.1);border-radius:50%;flex-shrink:0}.feature-nav-content.svelte-b6xrli.svelte-b6xrli{flex:1}.feature-nav-content.svelte-b6xrli h3.svelte-b6xrli{margin:0 0 5px 0;font-size:18px;color:var(--accent-color)}.feature-nav-content.svelte-b6xrli p.svelte-b6xrli{margin:0;font-size:14px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-details.svelte-b6xrli.svelte-b6xrli{flex:1;background-color:white;border-radius:10px;padding:25px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1)}.feature-header.svelte-b6xrli.svelte-b6xrli{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.feature-header.svelte-b6xrli h2.svelte-b6xrli{display:flex;align-items:center;gap:10px;margin:0 0 10px 0;color:var(--accent-color)}.feature-icon-large.svelte-b6xrli.svelte-b6xrli{font-size:32px}.feature-description.svelte-b6xrli.svelte-b6xrli{font-size:16px;color:#555;line-height:1.6}.tabs.svelte-b6xrli.svelte-b6xrli{display:flex;gap:10px;margin-bottom:20px}.tab-button.svelte-b6xrli.svelte-b6xrli{padding:10px 20px;background-color:#f5f5f5;border:none;border-radius:20px;cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:500;transition:all 0.3s ease}.tab-button.svelte-b6xrli.svelte-b6xrli:hover{background-color:#e0e0e0}.tab-button.active.svelte-b6xrli.svelte-b6xrli{background-color:var(--accent-color);color:white}.feature-visualization.svelte-b6xrli.svelte-b6xrli{min-height:300px;border-radius:8px;padding:20px;background-color:rgba(var(--accent-rgb), 0.05);border:1px dashed var(--feature-color, #333);display:flex;align-items:center;justify-content:center}.feature-list.svelte-b6xrli.svelte-b6xrli{padding:20px}.feature-list.svelte-b6xrli h3.svelte-b6xrli{margin-top:0;color:var(--accent-color);margin-bottom:15px}.feature-list.svelte-b6xrli ul.svelte-b6xrli{list-style-type:none;padding:0;margin:0}.feature-list.svelte-b6xrli li.svelte-b6xrli{margin-bottom:12px;padding-left:30px;position:relative;line-height:1.5}.check-icon.svelte-b6xrli.svelte-b6xrli{position:absolute;left:0;color:#4CAF50;font-weight:bold}@media(max-width: 992px){.features-container.svelte-b6xrli.svelte-b6xrli{flex-direction:column}.features-nav.svelte-b6xrli.svelte-b6xrli{flex:none;width:100%}}@media(max-width: 768px){.feature-nav-item.svelte-b6xrli.svelte-b6xrli{padding:15px}.feature-icon.svelte-b6xrli.svelte-b6xrli{width:40px;height:40px;font-size:18px}}.visualization.svelte-b6xrli.svelte-b6xrli{width:100%;height:400px;display:flex;flex-direction:column}.vis-caption.svelte-b6xrli.svelte-b6xrli{text-align:center;margin-top:15px;padding:0 10px;width:100%;box-sizing:border-box;overflow:hidden}.vis-caption.svelte-b6xrli h4.svelte-b6xrli{margin:0 0 5px 0;color:var(--feature-color, var(--accent-color));font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vis-caption.svelte-b6xrli p.svelte-b6xrli{margin:0;font-size:13px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 768px){.vis-caption.svelte-b6xrli.svelte-b6xrli{margin-top:10px;padding:0 8px}.vis-caption.svelte-b6xrli h4.svelte-b6xrli{font-size:14px}.vis-caption.svelte-b6xrli p.svelte-b6xrli{font-size:12px;line-height:1.3}}@media(max-width: 576px){.vis-caption.svelte-b6xrli.svelte-b6xrli{margin-top:8px;padding:0 5px}.vis-caption.svelte-b6xrli h4.svelte-b6xrli{font-size:13px}.vis-caption.svelte-b6xrli p.svelte-b6xrli{font-size:11px;line-height:1.2}}.anonymity-vis.svelte-b6xrli .layers-container.svelte-b6xrli{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;width:100%;height:300px}.anonymity-vis.svelte-b6xrli .device-icon.svelte-b6xrli{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:24px;z-index:10;background:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:svelte-b6xrli-device-pulse 2s infinite}.anonymity-vis.svelte-b6xrli .security-layer.svelte-b6xrli{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;border:2px solid var(--layer-color, #4CAF50);background:linear-gradient(
      45deg,
      rgba(76, 175, 80, 0.1),
      rgba(76, 175, 80, 0.05)
    )}.anonymity-vis.svelte-b6xrli .layer-1.svelte-b6xrli{width:100px;height:100px;border:2px solid #ff4757;background:radial-gradient(circle at center, rgba(255, 71, 87, 0.1) 0%, rgba(255, 71, 87, 0.05) 100%)}.anonymity-vis.svelte-b6xrli .layer-2.svelte-b6xrli{width:180px;height:180px;border:2px dashed #9b59b6;background:radial-gradient(circle at center, rgba(155, 89, 182, 0.1) 0%, rgba(155, 89, 182, 0.05) 100%)}.anonymity-vis.svelte-b6xrli .layer-3.svelte-b6xrli{width:260px;height:260px;border:2px dotted #3498db;background:radial-gradient(circle at center, rgba(52, 152, 219, 0.1) 0%, rgba(52, 152, 219, 0.05) 100%)}.anonymity-vis.svelte-b6xrli .layer-label.svelte-b6xrli{position:absolute;font-size:12px;font-weight:500;background:white;padding:6px 12px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);white-space:nowrap;z-index:5}.anonymity-vis.svelte-b6xrli .layer-label strong.svelte-b6xrli{display:block;margin-bottom:2px}.anonymity-vis.svelte-b6xrli .label-1.svelte-b6xrli{left:calc(50% + 60px);top:50%;transform:translateY(-50%)}.anonymity-vis.svelte-b6xrli .label-1 strong.svelte-b6xrli{color:#ff4757}.anonymity-vis.svelte-b6xrli .label-2.svelte-b6xrli{right:calc(50% + 100px);top:50%;transform:translateY(-50%)}.anonymity-vis.svelte-b6xrli .label-2 strong.svelte-b6xrli{color:#9b59b6}.anonymity-vis.svelte-b6xrli .label-3.svelte-b6xrli{left:50%;bottom:calc(50% - 140px);transform:translateX(-50%)}.anonymity-vis.svelte-b6xrli .label-3 strong.svelte-b6xrli{color:#3498db}.anonymity-vis.svelte-b6xrli .layer-label small.svelte-b6xrli{display:block;font-size:11px;color:#666;margin-top:2px}@keyframes svelte-b6xrli-shield-pulse{0%{opacity:0.8}50%{opacity:0.4}100%{opacity:0.8}}@keyframes svelte-b6xrli-device-pulse{0%{box-shadow:0 2px 10px rgba(0,0,0,0.1)}50%{box-shadow:0 2px 15px rgba(0,0,0,0.2)}100%{box-shadow:0 2px 10px rgba(0,0,0,0.1)}}.security-vis.svelte-b6xrli .network-container.svelte-b6xrli{flex:1;display:flex;position:relative;justify-content:center;align-items:center}.security-vis.svelte-b6xrli .router-node.svelte-b6xrli{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10}.security-vis.svelte-b6xrli .router-icon.svelte-b6xrli{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:rgba(33, 150, 243, 0.2);border-radius:50%;font-size:28px;box-shadow:0 0 15px rgba(33, 150, 243, 0.5)}.security-vis.svelte-b6xrli .router-pulse.svelte-b6xrli{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;border-radius:50%;border:2px solid #2196F3;animation:svelte-b6xrli-router-pulse 2s infinite}.security-vis.svelte-b6xrli .router-pulse.secondary.svelte-b6xrli{width:90px;height:90px;border:2px dashed #4CAF50}@keyframes svelte-b6xrli-router-pulse{0%{transform:translate(-50%, -50%) scale(1);opacity:0.7}50%{transform:translate(-50%, -50%) scale(1.2);opacity:0.3}100%{transform:translate(-50%, -50%) scale(1);opacity:0.7}}.security-vis.svelte-b6xrli .devices.svelte-b6xrli{position:absolute;width:100%;height:100%}.security-vis.svelte-b6xrli .safe-device.svelte-b6xrli{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:rgba(76, 175, 80, 0.2);border-radius:50%;z-index:5;box-shadow:0 0 12px rgba(76, 175, 80, 0.6);animation:svelte-b6xrli-safe-device-pulse 3s infinite}@keyframes svelte-b6xrli-safe-device-pulse{0%,100%{box-shadow:0 0 12px rgba(76, 175, 80, 0.6);transform:scale(1)}50%{box-shadow:0 0 18px rgba(76, 175, 80, 0.8);transform:scale(1.05)}}.security-vis.svelte-b6xrli .safe-device span.svelte-b6xrli{font-size:22px}.security-vis.svelte-b6xrli .safe-device.device-1.svelte-b6xrli{top:25%;left:25%;animation-delay:0.5s}.security-vis.svelte-b6xrli .safe-device.device-2.svelte-b6xrli{top:25%;right:25%;animation-delay:1s}.security-vis.svelte-b6xrli .safe-device.device-3.svelte-b6xrli{bottom:25%;right:25%;animation-delay:1.5s}.security-vis.svelte-b6xrli .attacker.svelte-b6xrli{position:absolute;bottom:25%;left:25%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:rgba(244, 67, 54, 0.3);border-radius:50%;z-index:5;box-shadow:0 0 12px rgba(244, 67, 54, 0.6);animation:svelte-b6xrli-attacker-pulse 2s infinite}@keyframes svelte-b6xrli-attacker-pulse{0%,100%{box-shadow:0 0 12px rgba(244, 67, 54, 0.6);transform:scale(1)}50%{box-shadow:0 0 20px rgba(244, 67, 54, 0.8);transform:scale(1.08)}}.security-vis.svelte-b6xrli .attacker span.svelte-b6xrli{font-size:22px}.security-vis.svelte-b6xrli .attack-icon.svelte-b6xrli{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:18px;animation:svelte-b6xrli-blink 1s infinite;z-index:6}@keyframes svelte-b6xrli-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(1.2)}}.security-vis.svelte-b6xrli .shield-animation.svelte-b6xrli{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:200px;height:200px;border-radius:50%;border:3px dashed #2196F3;opacity:0.3;animation:svelte-b6xrli-shield-pulse 3s infinite}.security-vis.svelte-b6xrli .shield-animation.outer.svelte-b6xrli{width:250px;height:250px;border:2px dashed #4CAF50;opacity:0.2}.security-vis.svelte-b6xrli .shield-block.svelte-b6xrli{position:absolute;width:120px;height:120px;bottom:25%;left:50%;background:radial-gradient(circle, rgba(33, 150, 243, 0.2) 0%, rgba(33, 150, 243, 0) 70%);animation:svelte-b6xrli-shield-block-pulse 2s infinite;transform:translateX(-70%)}@keyframes svelte-b6xrli-shield-block-pulse{0%,100%{opacity:0.7}50%{opacity:0.3}}@keyframes svelte-b6xrli-shield-pulse{0%{transform:translate(-50%, -50%) scale(1);opacity:0.3}50%{transform:translate(-50%, -50%) scale(1.1);opacity:0.1}100%{transform:translate(-50%, -50%) scale(1);opacity:0.3}}.connection-vis.svelte-b6xrli .control-panel.svelte-b6xrli{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:15px;background:linear-gradient(145deg, rgba(255,255,255,0.9), rgba(240,240,240,0.4));border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,0.1);width:100%;overflow:visible;max-height:none}.connection-vis.svelte-b6xrli .device-list.svelte-b6xrli{display:flex;flex-direction:column;gap:10px;padding:5px;width:100%}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px;background:rgba(255,255,255,0.95);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;position:relative;overflow:visible;width:100%;min-width:0}.connection-vis.svelte-b6xrli .device-icon.svelte-b6xrli{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(var(--device-rgb), 0.1);border-radius:8px;transition:all 0.3s ease}.connection-vis.svelte-b6xrli .device-info.svelte-b6xrli{display:flex;flex-direction:column;gap:2px;min-width:120px;overflow:hidden}.connection-vis.svelte-b6xrli .device-name.svelte-b6xrli{font-weight:600;font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-vis.svelte-b6xrli .device-status.svelte-b6xrli,.connection-vis.svelte-b6xrli .anonymity-status.svelte-b6xrli{font-size:11px;color:#666;display:flex;align-items:center;gap:4px;white-space:nowrap}.connection-vis.svelte-b6xrli .status-dot.svelte-b6xrli{width:5px;height:5px;border-radius:50%;background:var(--status-color, #4CAF50);animation:svelte-b6xrli-pulse 2s infinite}.connection-vis.svelte-b6xrli .anonymity-icon.svelte-b6xrli{font-size:11px}.connection-vis.svelte-b6xrli .bandwidth-wrapper.svelte-b6xrli{width:100px;margin-right:10px}.connection-vis.svelte-b6xrli .bandwidth-bar.svelte-b6xrli{height:5px;background:#eee;border-radius:3px;overflow:hidden;position:relative}.connection-vis.svelte-b6xrli .bandwidth-progress.svelte-b6xrli{position:absolute;left:0;top:0;height:100%;background:var(--device-color, #4CAF50);width:var(--progress, 0%);border-radius:3px;transition:width 0.3s ease}.connection-vis.svelte-b6xrli .bandwidth-label.svelte-b6xrli{font-size:10px;color:#666;margin-top:2px;text-align:right}.connection-vis.svelte-b6xrli .device-controls.svelte-b6xrli{display:flex;gap:4px}.connection-vis.svelte-b6xrli .control-btn.svelte-b6xrli{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:rgba(var(--device-rgb), 0.1);color:var(--device-color);cursor:pointer;transition:all 0.2s ease;font-size:12px}@media(max-width: 576px){.connection-vis.svelte-b6xrli .control-panel.svelte-b6xrli{padding:10px}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli{grid-template-columns:auto 1fr auto;gap:8px;padding:8px}.connection-vis.svelte-b6xrli .bandwidth-wrapper.svelte-b6xrli{display:none}.connection-vis.svelte-b6xrli .device-icon.svelte-b6xrli{width:32px;height:32px;font-size:16px}.connection-vis.svelte-b6xrli .device-name.svelte-b6xrli{font-size:12px}.connection-vis.svelte-b6xrli .device-status.svelte-b6xrli,.connection-vis.svelte-b6xrli .anonymity-status.svelte-b6xrli{font-size:10px}.connection-vis.svelte-b6xrli .control-btn.svelte-b6xrli{width:24px;height:24px;font-size:11px}}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(1){--device-color:#4CAF50;--device-rgb:76,175,80;--status-color:#4CAF50}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(2){--device-color:#2196F3;--device-rgb:33,150,243;--status-color:#FFC107}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(3){--device-color:#9C27B0;--device-rgb:156,39,176;--status-color:#4CAF50}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(4){--device-color:#FF5722;--device-rgb:255,87,34;--status-color:#F44336}@keyframes svelte-b6xrli-pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}@keyframes svelte-b6xrli-slide-in{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli{animation:svelte-b6xrli-slide-in 0.5s ease-out forwards;opacity:0}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(1){animation-delay:0.1s}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(2){animation-delay:0.2s}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(3){animation-delay:0.3s}.connection-vis.svelte-b6xrli .device-row.svelte-b6xrli:nth-child(4){animation-delay:0.4s}.darkweb-vis.svelte-b6xrli .internet-layers.svelte-b6xrli{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:10px;gap:10px}.darkweb-vis.svelte-b6xrli .layer.svelte-b6xrli{padding:12px 15px;margin:0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;transition:all 0.3s ease;box-shadow:0 3px 8px rgba(0,0,0,0.08);backdrop-filter:blur(5px)}.darkweb-vis.svelte-b6xrli .layer.svelte-b6xrli:hover{transform:translateX(5px);box-shadow:0 5px 12px rgba(0,0,0,0.12)}.darkweb-vis.svelte-b6xrli .surface.svelte-b6xrli{background:linear-gradient(135deg, rgba(33, 150, 243, 0.15), rgba(33, 150, 243, 0.05));border-left:3px solid #2196F3;height:auto;min-height:50px}.darkweb-vis.svelte-b6xrli .deep.svelte-b6xrli{background:linear-gradient(135deg, rgba(63, 81, 181, 0.2), rgba(63, 81, 181, 0.1));border-left:3px solid #3F51B5;height:auto;min-height:50px}.darkweb-vis.svelte-b6xrli .dark.svelte-b6xrli{background:linear-gradient(135deg, rgba(156, 39, 176, 0.25), rgba(156, 39, 176, 0.15));border-left:3px solid #9C27B0;height:auto;min-height:50px}.darkweb-vis.svelte-b6xrli .layer-label.svelte-b6xrli{font-weight:500;font-size:14px;display:flex;flex-direction:column;gap:4px}.darkweb-vis.svelte-b6xrli .layer-label.svelte-b6xrli::after{content:'';width:30px;height:2px;background-color:currentColor;opacity:0.3;margin-top:2px}.darkweb-vis.svelte-b6xrli .layer-icons.svelte-b6xrli{display:flex;gap:8px;font-size:16px}.darkweb-vis.svelte-b6xrli .layer-icon.svelte-b6xrli{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:rgba(255, 255, 255, 0.25);transition:all 0.3s ease}.darkweb-vis.svelte-b6xrli .layer-icon.svelte-b6xrli:hover{transform:scale(1.1);background-color:rgba(255, 255, 255, 0.4)}.darkweb-vis.svelte-b6xrli .router-connection.svelte-b6xrli{position:absolute;right:20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0;z-index:3}.darkweb-vis.svelte-b6xrli .router-icon.svelte-b6xrli,.darkweb-vis.svelte-b6xrli .user-icon.svelte-b6xrli{font-size:24px;background-color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,0.2);z-index:3;animation:svelte-b6xrli-icon-pulse 3s infinite}@keyframes svelte-b6xrli-icon-pulse{0%,100%{transform:scale(1);box-shadow:0 3px 8px rgba(0,0,0,0.2)}50%{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,0.3)}}.darkweb-vis.svelte-b6xrli .router-icon.svelte-b6xrli{animation-delay:1.5s}.darkweb-vis.svelte-b6xrli .connection-line.svelte-b6xrli{width:3px;flex:1;background:linear-gradient(to bottom, #4CAF50, #9C27B0);margin:10px 0;position:relative;overflow:hidden}.darkweb-vis.svelte-b6xrli .pulse-ball.svelte-b6xrli{width:7px;height:7px;background-color:white;border-radius:50%;position:absolute;left:-2px;top:0;box-shadow:0 0 5px white;animation:svelte-b6xrli-pulse-ball-down 3s infinite ease-in-out}@keyframes svelte-b6xrli-pulse-ball-down{0%{top:0}100%{top:100%}}.darkweb-vis.svelte-b6xrli .layer-glow.svelte-b6xrli{position:absolute;width:100%;height:60px;left:0;opacity:0.1;z-index:1;filter:blur(10px)}.darkweb-vis.svelte-b6xrli .surface-glow.svelte-b6xrli{top:10px;background-color:#2196F3;animation:svelte-b6xrli-glow-pulse 4s infinite}.darkweb-vis.svelte-b6xrli .deep-glow.svelte-b6xrli{top:85px;height:90px;background-color:#3F51B5;animation:svelte-b6xrli-glow-pulse 4s infinite 1s}.darkweb-vis.svelte-b6xrli .dark-glow.svelte-b6xrli{bottom:10px;background-color:#9C27B0;animation:svelte-b6xrli-glow-pulse 4s infinite 2s}@keyframes svelte-b6xrli-glow-pulse{0%,100%{opacity:0.1}50%{opacity:0.2}}@media(max-width: 992px){.visualization.svelte-b6xrli.svelte-b6xrli{height:400px}}@media(max-width: 768px){.visualization.svelte-b6xrli.svelte-b6xrli{height:400px}.feature-header.svelte-b6xrli h2.svelte-b6xrli{font-size:20px}.darkweb-vis.svelte-b6xrli .router-connection.svelte-b6xrli{right:5px}.darkweb-vis.svelte-b6xrli .layer-label.svelte-b6xrli{font-size:14px}}@media(max-width: 576px){.visualization.svelte-b6xrli.svelte-b6xrli{height:400px}.darkweb-vis.svelte-b6xrli .internet-layers.svelte-b6xrli{padding:5px;gap:8px}.darkweb-vis.svelte-b6xrli .layer.svelte-b6xrli{padding:10px 12px;border-radius:8px}.darkweb-vis.svelte-b6xrli .layer-label.svelte-b6xrli{font-size:12px}.darkweb-vis.svelte-b6xrli .layer-label.svelte-b6xrli::after{width:25px;margin-top:1px}.darkweb-vis.svelte-b6xrli .layer-icons.svelte-b6xrli{gap:6px;font-size:14px}.darkweb-vis.svelte-b6xrli .layer-icon.svelte-b6xrli{width:28px;height:28px;border-radius:6px}.darkweb-vis.svelte-b6xrli .router-connection.svelte-b6xrli{right:8px}.darkweb-vis.svelte-b6xrli .router-icon.svelte-b6xrli,.darkweb-vis.svelte-b6xrli .user-icon.svelte-b6xrli{width:32px;height:32px;font-size:16px}.darkweb-vis.svelte-b6xrli .connection-line.svelte-b6xrli{width:2px}.darkweb-vis.svelte-b6xrli .pulse-ball.svelte-b6xrli{width:5px;height:5px;left:-1.5px}}@media(max-width: 375px){.darkweb-vis.svelte-b6xrli .layer.svelte-b6xrli{padding:8px 10px}.darkweb-vis.svelte-b6xrli .layer-label.svelte-b6xrli{font-size:11px}.darkweb-vis.svelte-b6xrli .layer-icons.svelte-b6xrli{gap:4px;font-size:12px}.darkweb-vis.svelte-b6xrli .layer-icon.svelte-b6xrli{width:24px;height:24px}}.testimonials.svelte-p33wqq.svelte-p33wqq{padding:80px 0}.testimonials-grid.svelte-p33wqq.svelte-p33wqq{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}.testimonial.svelte-p33wqq.svelte-p33wqq{position:relative;padding:10px 5px}.quote-marks.svelte-p33wqq.svelte-p33wqq{position:absolute;top:-20px;left:20px;font-family:var(--font-hand-drawn);font-size:60px;color:rgba(0,0,0,0.1)}.quote.svelte-p33wqq.svelte-p33wqq{margin-bottom:20px;font-style:italic;position:relative;z-index:1}.author.svelte-p33wqq.svelte-p33wqq{display:flex;align-items:center}.avatar.svelte-p33wqq.svelte-p33wqq{width:50px;height:50px;margin-right:15px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.avatar.svelte-p33wqq img.svelte-p33wqq{width:100%;height:100%;object-fit:cover}.author-name.svelte-p33wqq.svelte-p33wqq{font-weight:bold;font-family:var(--font-hand-drawn)}.author-role.svelte-p33wqq.svelte-p33wqq{font-size:14px;opacity:0.8}.sketch-decoration-bottom.svelte-p33wqq.svelte-p33wqq{margin-top:50px;text-align:center}.users-sketch.svelte-p33wqq.svelte-p33wqq{max-width:80%;height:auto}@media(max-width: 992px){.testimonials-grid.svelte-p33wqq.svelte-p33wqq{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 576px){.testimonials-grid.svelte-p33wqq.svelte-p33wqq{grid-template-columns:1fr}}.section-title.svelte-fmecod.svelte-fmecod{margin-bottom:40px}h2.svelte-fmecod.svelte-fmecod{font-family:var(--font-hand-drawn);position:relative;display:inline-block}h2.svelte-fmecod.svelte-fmecod::after{content:'';position:absolute;width:100%;height:10px;bottom:-10px;left:0;background-image:url('/images/underline.svg');background-repeat:no-repeat;background-size:100% 10px}.left.svelte-fmecod.svelte-fmecod{text-align:left}.center.svelte-fmecod.svelte-fmecod{text-align:center}.right.svelte-fmecod.svelte-fmecod{text-align:right}.large.svelte-fmecod h2.svelte-fmecod{font-size:36px}.medium.svelte-fmecod h2.svelte-fmecod{font-size:28px}.small.svelte-fmecod h2.svelte-fmecod{font-size:22px}.hand-drawn-button.svelte-9dfx9v{font-family:var(--font-hand-drawn);display:inline-block;padding:12px 25px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--main-bg);color:var(--text-color);font-weight:bold;text-decoration:none;position:relative;cursor:pointer;transition:transform 0.3s}.hand-drawn-button.svelte-9dfx9v::after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px dashed rgba(0,0,0,0.2);border-radius:6px;pointer-events:none}.hand-drawn-button.svelte-9dfx9v:hover{transform:scale(1.03)}.primary.svelte-9dfx9v{background-color:var(--accent-color);color:var(--main-bg)}.referral-modal.svelte-118gh2j.svelte-118gh2j{padding:20px;max-width:100%}.referral-modal.svelte-118gh2j h2.svelte-118gh2j{font-family:var(--font-hand-drawn);font-size:24px;margin-top:0;margin-bottom:20px;color:var(--accent-color);text-align:center}.referral-input-group.svelte-118gh2j.svelte-118gh2j{margin:25px 0}.referral-input-group.svelte-118gh2j input.svelte-118gh2j{width:100%;padding:15px;border:2px solid var(--border-color);border-radius:8px;font-family:var(--font-hand-drawn);font-size:16px;letter-spacing:1px;text-align:center;background-color:rgba(0, 0, 0, 0.02);transition:all 0.3s}.referral-input-group.error.svelte-118gh2j input.svelte-118gh2j{border-color:#f44336}.error-message.svelte-118gh2j.svelte-118gh2j{color:#f44336;font-size:14px;margin-top:8px;text-align:center}.referral-help.svelte-118gh2j.svelte-118gh2j{margin:15px 0;padding:10px 15px;background-color:rgba(0, 0, 0, 0.05);border-radius:8px;font-size:14px;text-align:center}.modal-actions.svelte-118gh2j.svelte-118gh2j{display:flex;justify-content:center;gap:15px;margin-top:25px}.cancel-btn.svelte-118gh2j.svelte-118gh2j,.confirm-btn.svelte-118gh2j.svelte-118gh2j{padding:12px 25px;border-radius:8px;font-family:var(--font-hand-drawn);font-weight:bold;cursor:pointer;transition:all 0.3s;border:2px solid var(--border-color)}.cancel-btn.svelte-118gh2j.svelte-118gh2j{background-color:transparent;color:var(--text-color)}.confirm-btn.svelte-118gh2j.svelte-118gh2j{background-color:var(--accent-color);color:white;border-color:var(--accent-color)}.cancel-btn.svelte-118gh2j.svelte-118gh2j:hover,.confirm-btn.svelte-118gh2j.svelte-118gh2j:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1)}.modal-backdrop.svelte-7e8wcv{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.modal-content.svelte-7e8wcv{background-color:var(--main-bg);max-width:90%;max-height:90vh;position:relative;padding:30px;width:600px}.modal-close.svelte-7e8wcv{position:absolute;top:15px;right:15px;font-size:28px;line-height:1;cursor:pointer;font-family:sans-serif}.modal-close.svelte-7e8wcv:hover{color:#666}@media(max-width: 768px){.modal-content.svelte-7e8wcv{width:100%;padding:20px}}.hand-drawn-box.svelte-1by9idg{border:2px solid var(--border-color);border-radius:8px;position:relative;padding:20px;margin-bottom:20px;background-color:#fff;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05)}.hand-drawn-box.svelte-1by9idg::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:12px;z-index:-1;box-shadow:0 2px 15px rgba(0, 0, 0, 0.03)}.large.svelte-1by9idg{padding:30px}.small.svelte-1by9idg{padding:15px}.feature.svelte-1by9idg{height:100%}.highlighted.svelte-1by9idg{border-color:var(--accent-color);box-shadow:0 4px 15px rgba(var(--accent-color-rgb), 0.1)}.highlighted.svelte-1by9idg::before{box-shadow:0 2px 20px rgba(var(--accent-color-rgb), 0.08)}.animate.svelte-1by9idg{transition:transform 0.3s ease}.animate.svelte-1by9idg:hover{transform:translateY(-5px)}