.hero{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;margin-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:700px;max-height:90vh;border:10px solid #504081;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2),0 -4px 12px rgba(0,0,0,.15);transition:border-color .3s ease,transform .3s ease;z-index:1}.hero:hover{border-color:#fef74b;transform:translateY(-8px);z-index:2}.hero:hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(56,98%,78%,.31),rgba(83,22,148,.57));z-index:1}.hero .relative.z-10{max-width:90%;margin:0 auto;text-align:center;padding:0 16px}@media (max-width:768px){.hero{background-position:0;align-items:flex-start;padding-top:20px;height:90vh}.hero .relative.z-10{margin-top:20px;padding:0 16px}}@media (min-width:1024px){.hero .relative.z-10{position:absolute;right:20px;top:50%;transform:translateY(-50%);text-align:right}}.stat-card{transition:background-color .3s,color .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#a368f6,#bdb8d4)}.animate-spinShake:hover,.stat-card:hover{animation:spinShake .5s ease-in-out}@keyframes spinShake{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.about-section{background-image:url(/backend-images/aboutbackground.png);background-size:cover;background-position:50%;background-repeat:no-repeat;border:10px solid #504081;border-radius:16px;padding:40px;min-height:500px;height:auto;box-shadow:0 8px 24px rgba(0,0,0,.2),0 -4px 12px rgba(0,0,0,.15);transition:transform .3s ease,box-shadow .3s ease;z-index:1;color:#333;display:flex;justify-content:center;align-items:center;position:relative}.btn-about{display:block;text-align:left;margin-left:20px}.about-content{max-width:50%;text-align:right;padding:0 20px;overflow:auto}.about-section:hover{transform:translateY(-8px);box-shadow:0 16px 32px rgba(0,0,0,.3),0 -8px 24px rgba(0,0,0,.25);border-color:#fef74b}.about-section h1,.about-section p{display:block;width:100%;padding:20px;box-sizing:border-box;overflow:visible}.about-section h1:before,.about-section p:before{content:"";position:absolute;top:-8px;left:-12px;width:calc(100% + 24px);height:calc(100% + 16px);background:linear-gradient(155deg,rgba(83,22,148,.66),rgba(248,238,93,.34));z-index:-1;border-radius:8px;transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease}.about-section h1:hover:before,.about-section p:hover:before{transform:scale(1);opacity:1}.about-section h1:hover,.about-section p:hover{color:#fef74b}.about-section h1,.about-section p{color:#333;text-align:left}.about-section p{margin-top:1rem}@media (max-width:768px){.about-content{max-width:90%;padding:0 10px}.about-content h1,.about-content p{word-wrap:break-word}.about-section h1,.about-section p{color:#333}.about-section p{margin-top:1rem}.about-section{height:800px}}.services{position:relative;background:linear-gradient(100deg,#24153b,#7c53a8);padding:16px 0;overflow:hidden;width:100%;max-width:100%;border:10px solid #1c0e45;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2),0 -4px 12px rgba(0,0,0,.15);transition:border-color .3s ease,transform .3s ease;box-sizing:border-box;margin:40px auto 0}.services:hover{border-color:#f9f234;transform:translateY(-8px)}.rain{position:absolute;top:-20px;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.easyflow-title{background:linear-gradient(135deg,#f7d40f,#fbfb88)}.rain-drop{position:absolute;width:5px;height:20px;background-color:#fef74b;animation:rainAnimation 2s linear infinite}@keyframes rainAnimation{0%{top:0;opacity:1;transform:translateY(0)}to{top:130vh;opacity:0;transform:translateY(130vh)}}.rain-drop:first-child{animation-delay:0s}.rain-drop:nth-child(2){animation-delay:.1s}.rain-drop:nth-child(3){animation-delay:.2s}.rain-drop:nth-child(4){animation-delay:.3s}.services a,.services h2{color:rgba(83,22,148,.79)}.services p{color:#efe1ff}.services h3{color:#1bf40c}.service-card{position:relative;animation:float 2s ease-in-out infinite;background:linear-gradient(165deg,#5e14c6,#13ba45)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}