.landing-page{background:linear-gradient(225deg,#093353 0%,#181f40 20%,#0b0b29 50%,#190f2e 80%,#360b4a 100%);min-height:100vh;overflow-x:hidden}.hero-section{color:#fff;padding:80px 0 50px}.logo-title{align-items:center;gap:12px;display:flex}.logo-icon{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;display:flex}.brand-name{letter-spacing:.5px;margin:0;font-size:38px;font-weight:400}.brand-highlight{color:#3b82f6;font-weight:600}.hero-heading{text-shadow:0 2px 4px #0000001a;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.hero-subheading{opacity:.9;max-width:500px;margin-bottom:30px;font-size:18px;line-height:1.6}.cta-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #7c3aed66}.cta-button:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}.preview-window{border:1px solid #4fd1c54d;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.preview-placeholder{width:100%;height:auto;display:block}.features-section{padding:60px 0 80px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;padding:32px 24px;transition:all .3s}.feature-card:hover{border-color:#4fd1c54d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.feature-header{align-items:center;gap:16px;margin-bottom:8px;display:flex}.feature-icon{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:large;display:flex}.icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-wrapper.purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.icon-wrapper.teal{background:linear-gradient(135deg,#4fd1c5,#14b8a6)}.icon-arrow{color:#ffffff80;font-size:20px}.feature-title{margin-bottom:12px;font-size:20px;font-weight:600}.feature-description{opacity:.8;margin:0;font-size:14px;line-height:1.6}@media (max-width:991px){.hero-heading{font-size:36px}}@media (max-width:767px){.hero-section{padding:40px 0 60px}.hero-heading{font-size:28px}.preview-window{margin-top:40px}}