*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--secondary: #8b5cf6;--accent: #ec4899;--bg: #f1f5f9;--text: #0f172a;--text-light: #64748b;--border: #e2e8f0;--white: #ffffff}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#f8fafc,#eef2ff);color:var(--text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;width:100%;padding:0 20px}.header{text-align:center;padding:100px 20px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);position:relative;overflow:hidden}.header:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);top:-200px;right:-200px}.header h1{font-size:3.2rem;font-weight:800;margin-bottom:15px;letter-spacing:-1px;animation:fadeInDown .8s ease-out}.subtitle{font-size:1.2rem;opacity:.95;margin-bottom:25px;animation:fadeInUp .8s ease-out .2s backwards}.version{display:inline-block;padding:10px 22px;border-radius:50px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);font-weight:600;font-size:.85rem;animation:fadeIn .8s ease-out .4s backwards}.content{flex:1;padding:80px 20px}.hero{text-align:center;margin-bottom:90px}.hero h2{font-size:2.3rem;margin-bottom:15px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px;margin-bottom:90px}.feature{background:var(--white);padding:40px 30px;border-radius:18px;border:1px solid var(--border);text-align:center;transition:all .35s ease;box-shadow:0 5px 20px #00000008}.feature:hover{transform:translateY(-8px);box-shadow:0 15px 40px #6366f126;border-color:var(--primary)}.feature .icon{font-size:2.8rem;margin-bottom:18px}.feature h3{font-size:1.25rem;margin-bottom:12px}.feature p{font-size:.95rem;color:var(--text-light)}.download{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:70px 40px;border-radius:20px;text-align:center;margin-bottom:90px;box-shadow:0 20px 60px #6366f140;position:relative;overflow:hidden}.download h3{font-size:2rem;margin-bottom:15px}.download p{margin-bottom:30px;opacity:.95}.btn{display:inline-block;padding:16px 40px;border-radius:50px;background:var(--white);color:var(--primary);font-weight:700;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0003}.btn:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4),transparent 70%);top:0;left:-100%;transition:.6s}.btn:hover:after{left:100%}.updates{background:var(--white);padding:60px;border-radius:18px;border:1px solid var(--border);box-shadow:0 10px 30px #0000000d;margin-bottom:80px}.updates h3{font-size:1.8rem;text-align:center;margin-bottom:40px}.update{padding:25px;border-radius:12px;background:#f8fafc;border:1px solid var(--border);margin-bottom:20px;transition:.3s}.update:hover{background:#eef2ff}.update strong{color:var(--primary);font-size:1.1rem}.date{font-size:.85rem;color:var(--text-light)}.update ul{margin-top:15px;padding-left:15px;list-style:none}.update li{margin-bottom:8px;color:var(--text-light)}.footer{background:#0f172a;color:var(--white);padding:35px 20px;text-align:center;font-size:.9rem;opacity:.85}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.header{padding:70px 20px}.header h1{font-size:2.2rem}.hero h2{font-size:1.7rem}.content{padding:60px 20px}.download{padding:50px 25px}.updates{padding:35px 25px}}
