/*
Theme Name: Nasir Ige Static Clone
Author: Hiigsi Tech
Description: 100% Hardcoded Visual Clone
Version: 2.0
*/

/* --- YOUR CUSTOM CSS --- */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

/* Timeline Wavy Line */
.timeline-wavy {
  position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='100' viewBox='0 0 20 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0 Q 20 25 10 50 Q 0 75 10 100' stroke='%23e2e8f0' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: repeat-y;
}

/* Horizontal Wavy Line */
.timeline-wavy-horizontal {
  position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q 25 0 50 10 Q 75 20 100 10' stroke='%23e2e8f0' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
}

/* Glass Effects */
.glass-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.glass-card-dark {
  background: linear-gradient(135deg, #0c2448 0%, #0f346b 100%);
  position: relative; overflow: hidden;
}
.glass-card-dark::before {
  content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
  background: radial-gradient(circle, rgba(65, 137, 221, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

/* Animations */
@keyframes drawSnake {
  0% { stroke-dashoffset: 1000; opacity: 0; }
  10% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}
.snake-line-animated {
  stroke-dasharray: 350; stroke-dashoffset: 350; 
  animation: drawSnake 3s ease-in-out infinite alternate;
}

/* Background Shapes */
.shape1 {position:absolute; top:0; right:0; width:55%; height:50%; background:rgba(0,0,0,0.25); filter:blur(18px); border-bottom-left-radius:300px;}
.shape2 {position:absolute; top:28%; right:-4%; width:60%; height:55%; background:rgba(0,0,0,0.28); filter:blur(18px); border-top-left-radius:300px;}

.animated-gradient-bg { 
  background: linear-gradient(270deg, #0a1f44, #4189DD, #0c2448, #0a1f44); 
  background-size: 800% 800%; 
  animation: moveGradient 10s ease infinite; 
}
@keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* Scroll Animation */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-scroll { animation: scroll 30s linear infinite; }

/* Custom Cursor */
.cursor-dot { width: 8px; height: 8px; background-color: #4189DD; border-radius: 50%; position: fixed; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); transition: width 0.2s, height 0.2s; }
.cursor-outline { width: 40px; height: 40px; border: 1px solid rgba(65, 137, 221, 0.5); border-radius: 50%; position: fixed; pointer-events: none; z-index: 9998; transform: translate(-50%, -50%); transition: left 0.1s, top 0.1s; }

/* Hide cursor on desktop */
@media (min-width: 768px) {
    body, a, button, input { cursor: none; }
}