:root {
--font-sans: 'Inter', sans-serif;
--font-heading: 'Manrope', sans-serif;
}
/* Hide default cursor only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
body, a, button, input, textarea, label, select {
cursor: none !important;
}
#custom-cursor {
display: block;
}
}
@media (hover: none) {
#custom-cursor {
display: none !important;
}
}
body {
font-family: var(--font-sans);
background-color: #000;
color: #fff;
overflow-x: hidden;
}
.font-heading {
font-family: var(--font-heading);
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 0px; /* Hide horizontal scrollbar for nav */
}
::-webkit-scrollbar-track {
background: #09090b;
}
::-webkit-scrollbar-thumb {
background: #27272a;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #3f3f46;
}
/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.socail-wrap{width:100%;padding:10px;border-radius:15px:}
/* Grid Background Pattern */
.bg-grid {
background-size: 40px 40px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
-webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
will-change: transform;
}
/* Spotlight Effect */
.spotlight {
background: radial-gradient(600px circle at var(--x) var(--y), rgba(255,255,255,0.06), transparent 40%);
}
/* Animation Utilities */
.fade-in-up {
opacity: 0;
transform: translateY(30px) scale(0.98);
transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
will-change: opacity, transform;
}
.fade-in-up.visible {
opacity: 1;
transform: translateY(0) scale(1);
}
/* Stagger Delays */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.glass-card {
background: rgba(24, 24, 27, 0.4);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.08);
}
/* Custom Checkbox */
.custom-checkbox:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
background-color: #fff;
border-color: #fff;
}
/* Button & Cursor Animations */
@keyframes spin-slow {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes shimmer-slide {
0% { transform: translateX(-150%) skewX(-15deg); }
100% { transform: translateX(150%) skewX(-15deg); }
}
@keyframes breathing-glow {
0%, 100% { box-shadow: 0 0 15px -4px rgba(34, 211, 238, 0.4); }
50% { box-shadow: 0 0 25px -2px rgba(34, 211, 238, 0.8); }
}
.animate-spin-slow {
animation: spin-slow 4s linear infinite;
}
.animate-shimmer {
animation: shimmer-slide 2.5s infinite;
}
.animate-breathe {
animation: breathing-glow 3s ease-in-out infinite;
}
/* Parallax Image Classes */
.parallax-container {
overflow: hidden;
}
.parallax-img {
transition: transform 0.1s linear;
will-change: transform;
transform: scale(1.15); /* Start zoomed in slightly */
}