/* ═══ ABOUT page — about.css ═══
   Background: animated morphing blobs, teal/cyan theme */

body { background: #070d14; }

:root { --accent:#00d4b4; --accent2:#00b4e0; --accent3:#00ffcc; --accent-rgb:0,212,180; }

/* Animated blob canvas */
#page-bg { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }

.blob {
  position:absolute; border-radius:50%; filter:blur(80px); opacity:.18;
  animation:blobFloat linear infinite;
  transform-origin: center center;
}
.blob-1 { width:600px; height:600px; background:radial-gradient(circle,rgba(0,212,180,1),transparent 70%); top:-150px; left:-100px; animation-duration:22s; animation-delay:0s; }
.blob-2 { width:500px; height:500px; background:radial-gradient(circle,rgba(0,180,255,1),transparent 70%); bottom:-100px; right:-80px; animation-duration:28s; animation-delay:-8s; }
.blob-3 { width:350px; height:350px; background:radial-gradient(circle,rgba(0,255,200,1),transparent 70%); top:40%; left:55%; animation-duration:18s; animation-delay:-4s; opacity:.1; }

@keyframes blobFloat {
  0%   { transform: translate(0,0) scale(1) rotate(0deg); }
  25%  { transform: translate(60px,-40px) scale(1.08) rotate(15deg); }
  50%  { transform: translate(-40px,60px) scale(.94) rotate(-10deg); }
  75%  { transform: translate(30px,30px) scale(1.04) rotate(8deg); }
  100% { transform: translate(0,0) scale(1) rotate(0deg); }
}

/* Scan-line overlay */
#page-overlay {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:repeating-linear-gradient(135deg,transparent,transparent 82px,rgba(0,212,180,.016) 82px,rgba(0,212,180,.016) 83px);
}

:root {
  --accent:#00d4b4; --accent2:#00b4e0; --accent3:#00ffcc; --accent-rgb:0,212,180;
}
hr.divider { background:linear-gradient(90deg,transparent,rgba(0,212,180,.38),transparent); }
.tag { color:var(--accent); }
.big-stat-val { background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.process-step::after { background:linear-gradient(90deg,var(--accent),var(--accent2)); }