.hero{text-align:center;padding-top:80px;padding-bottom:60px}.logo{background:linear-gradient(90deg,#60a5fa,#22d3ee,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:64px;font-weight:900;line-height:1.1}.subtitle{color:#b9c0d0;max-width:800px;margin:auto;font-size:22px;line-height:1.7}.hero-badge{color:#dbeafe;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:28px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-block}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;padding:28px;transition:all .25s;position:relative;overflow:hidden}.card:hover{border-color:#60a5fa80;transform:translateY(-8px);box-shadow:0 20px 40px #00000059}.card:before{content:"";background:radial-gradient(#60a5fa2e,#0000);width:200px;height:200px;position:absolute;top:-100px;right:-100px}.app-icon{margin-bottom:18px}.app-icon-img{object-fit:cover;border-radius:22px;width:80px;height:80px;display:block;box-shadow:0 10px 25px #00000040}.app-title{margin-bottom:14px;font-size:26px;font-weight:800}.app-desc{color:#c8d0e0;min-height:90px;font-size:15px;line-height:1.7}.btn{color:#0f172a;background:linear-gradient(90deg,#60a5fa,#22d3ee);border-radius:14px;margin-top:18px;padding:14px 22px;font-weight:800;transition:all .2s;display:inline-block}.btn:hover{transform:scale(1.04)}@media (max-width:1000px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.hero{padding-top:50px;padding-bottom:40px}.logo{font-size:42px}.subtitle{font-size:17px}.card{padding:24px}.app-title{font-size:22px}.app-grid{grid-template-columns:1fr;gap:20px}}