body { 
    background-color: #0a0c10; 
    color: #e6edf3; 
}
.glass { 
    background: rgba(22, 27, 34, 0.4); 
    backdrop-filter: blur(24px); 
    -webkit-backdrop-filter: blur(24px); 
    border: 1px solid rgba(48, 54, 61, 0.5); 
}
.glass-static {
    background: rgba(22, 27, 34, 0.6);
    border: 1px solid rgba(48, 54, 61, 0.5);
}
.text-gradient { 
    background: linear-gradient(135deg, #f97316, #ec4899, #a855f7); 
    -webkit-background-clip: text; 
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    background-size: 200% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}
@keyframes textShine {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.bg-gradient-btn { 
    background: linear-gradient(135deg, #ec4899, #a855f7); 
    transition: all 0.3s ease;
}
.bg-gradient-btn:hover { 
    background: linear-gradient(135deg, #db2777, #9333ea);
    box-shadow: 0 0 20px rgba(236, 72, 153, 0.4);
    transform: translateY(-1px);
}
.hero-glow { 
    position: absolute; 
    top: -150px; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 800px; 
    height: 800px; 
    background: radial-gradient(circle, rgba(236,72,153,0.15) 0%, rgba(168,85,247,0.05) 40%, rgba(10,12,16,0) 70%); 
    z-index: -1; 
    pointer-events: none; 
}
.input-glow:focus {
    box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.3), inset 0 0 0 1px rgba(236, 72, 153, 0.5);
}
.cal-block { transition: transform 0.2s, opacity 0.2s; }
.cal-block:hover { transform: scale(1.02); z-index: 10; opacity: 1 !important; }