:root {
    --bg: #030303;
    --accent: #3b82f6;
    --accent-cyan: #06b6d4; 
    --accent-green: #10b981;
    --accent-glow: rgba(59, 130, 246, 0.1);
}

.heading-apple { background: linear-gradient(180deg, #fff 0%, #71717a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.spotlight { position: fixed; width: 800px; height: 800px; background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%); pointer-events: none; z-index: 1; transform: translate(-50%, -50%); }
.cyber-grid { position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px); background-size: 80px 80px; mask-image: radial-gradient(circle at center, black, transparent 80%); -webkit-mask-image: radial-gradient(circle at center, black, transparent 80%); z-index: 0; }
.tech-tag { font-size: 10px; font-weight: 800; letter-spacing: 0.3em; padding: 4px 12px; border-radius: 99px; background: rgba(59, 130, 246, 0.1); color: var(--accent); border: 1px solid rgba(59, 130, 246, 0.2); text-transform: uppercase; }

@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(2deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}
.animate-float { animation: float 6s ease-in-out infinite; }