.app-bg{background:radial-gradient(circle at 50% 0,#2e1065 0,#020617 60%);position:relative;overflow:hidden}.floating-icon{position:absolute;width:60px;height:60px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:white;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:float-icon 6s ease-in-out infinite}.icon-1{top:20%;left:10%;animation-delay:0;background:linear-gradient(135deg,#ef4444,#b91c1c)}.icon-2{top:60%;right:15%;animation-delay:1.5s;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.icon-3{bottom:10%;left:20%;animation-delay:2.5s;background:linear-gradient(135deg,#10b981,#047857)}@keyframes float-icon{0,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}}.phone-mockup-container{perspective:1000px}.phone-mockup{width:300px;height:600px;background:#000;border-radius:40px;border:12px solid #334155;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);transform:rotateY(-15deg) rotateX(10deg);transition:transform .5s ease;background-image:url('../yukleme/hizmetler/ios-android-uygulama.webp');background-size:cover;background-position:center}.phone-mockup:hover{transform:rotateY(0) rotateX(0)}.notification-pop{position:absolute;right:-80px;top:20%;background:rgba(255,255,255,0.95);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,0.2);display:flex;align-items:center;gap:12px;width:280px;animation:pop-in 4s infinite;z-index:50}@keyframes pop-in{0{opacity:0;transform:translateX(20px)}10%{opacity:1;transform:translateX(0)}90%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateY(-20px)}}.tech-badge{transition:all .3s ease}.tech-badge:hover{transform:scale(1.1);filter:brightness(1.2)}