.glass-shape {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 20px;
    border: 1px solid rgba(255, 165, 0, 0.3);
    box-shadow: 0 8px 30px rgba(255, 140, 0, 0.3);
    padding: 20px;
    transition: all 0.3s ease;
    animation: pulse-glow 3s infinite alternate;
}

@keyframes pulse-glow {
    0% { box-shadow: 0 8px 30px rgba(255, 140, 0, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
    50% { box-shadow: 0 12px 40px rgba(255, 165, 0, 0.45); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    100% { box-shadow: 0 10px 35px rgba(255, 150, 0, 0.4); backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px); }
}

.glass-shape:hover {
    box-shadow: 0 15px 50px rgba(255, 165, 0, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16
    
 


left:0;
right:0;
height:45%;
background:linear-gradient(
180deg,
rgba(255,255,255,0.28),
rgba(255,255,255,0)
);
pointer-events:none;
}