.landing-page{color:#fff;background-color:#1a1a2e;min-height:100vh}.hero{background:linear-gradient(#1a1a2e 0%,#16213e 100%);padding:140px 0 80px;overflow:hidden}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content{max-width:600px}.hero-title{color:#fff;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#ff6b9d 0%,#4ecdc4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#b8b8c8;margin-bottom:32px;font-size:20px;line-height:1.6}.hero-cta{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.btn-large{padding:16px 40px;font-size:18px}.emoji-group{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.emoji-large{font-size:120px;animation:3s ease-in-out infinite float}.emoji-medium{font-size:80px;animation:3s ease-in-out infinite float;position:absolute}.emoji-small{font-size:60px;animation:3s ease-in-out infinite float;position:absolute}.floating{animation:3s ease-in-out infinite float}.floating-delay{animation:3.5s ease-in-out .5s infinite float;top:20%;right:10%}.floating-delay-2,.floating-delay-3{animation:4s ease-in-out 1s infinite float;bottom:20%;left:10%}.floating-delay-4{animation:3.2s ease-in-out .8s infinite float;top:60%;right:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.heart-emoji-group{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.floating-hearts{font-size:60px;animation:4s ease-in-out infinite float-heart;position:absolute;top:30%;right:20%}@keyframes float-heart{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(10deg)}}.hero-image{justify-content:center;align-items:center;display:flex}.hero-image-placeholder{background:linear-gradient(135deg,#ff6b9d33 0%,#4ecdc433 100%);border:2px solid #ff6b9d4d;border-radius:24px;justify-content:center;align-items:center;width:400px;height:400px;display:flex}.emoji-large{font-size:120px}.features{background-color:#16213e;padding:100px 0}.section-header{text-align:center;margin-bottom:48px}.section-title{color:#fff;margin-bottom:16px;font-size:48px;font-weight:700}.section-subtitle{color:#b8b8c8;max-width:600px;margin:0 auto;font-size:20px}.section-subtitle--note{max-width:720px;margin-top:20px;font-size:17px;line-height:1.55}.section-subtitle--note strong{color:#ececf4;font-weight:600}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{background-color:#2a2a3e;border:1px solid #3a3a4e;border-radius:16px;padding:28px 28px 32px;transition:transform .3s,box-shadow .3s}.feature-card:hover{border-color:#ff6b9d;transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.feature-icon{margin-bottom:16px;font-size:48px;display:block}.feature-title{color:#fff;margin:0 0 16px;font-size:24px;font-weight:600}.feature-title-row{flex-wrap:wrap;align-items:baseline;gap:10px 12px;margin-bottom:16px;display:flex}.feature-title-row .feature-title{flex:auto;min-width:0;margin:0}.feature-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex-shrink:0;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.feature-badge--app{color:#8ee9e0;background:#4ecdc42e;border:1px solid #4ecdc466}.feature-badge--soon{color:#ffc2d9;background:#ff6b9d24;border:1px solid #ff6b9d61}.feature-description{color:#b8b8c8;font-size:16px;line-height:1.6}.about{background-color:#1a1a2e;padding:100px 0}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-text{max-width:600px}.about-description{color:#b8b8c8;margin-bottom:24px;font-size:18px;line-height:1.8}.about-features{flex-direction:column;gap:16px;margin-top:32px;display:flex}.about-feature{color:#fff;align-items:center;gap:12px;font-size:18px;display:flex}.check-icon{background-color:#4ecdc4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.about-image{justify-content:center;align-items:center;display:flex}.about-image-placeholder{background:linear-gradient(135deg,#4ecdc433 0%,#ff6b9d33 100%);border:2px solid #4ecdc44d;border-radius:24px;justify-content:center;align-items:center;width:350px;height:350px;display:flex}.app-section{background-color:#16213e;padding:100px 0}.app-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.app-text{max-width:600px}.app-description{color:#b8b8c8;margin-bottom:40px;font-size:18px;line-height:1.8}.app-description strong{color:#fff;font-weight:600}.app-features-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.app-feature-item{align-items:center;gap:12px;display:flex}.app-feature-icon{flex-shrink:0;font-size:32px}.app-feature-title{color:#fff;margin:0;font-size:18px;font-weight:600}.app-coming-soon{background:linear-gradient(135deg,#ff6b9d1a 0%,#4ecdc41a 100%);border:1px solid #ff6b9d4d;border-radius:12px;margin-top:32px;padding:20px}.app-coming-soon-text{color:#b8b8c8;text-align:center;margin:0;font-size:15px;line-height:1.6}.app-coming-soon-text strong{color:#fff;font-weight:600}.app-store-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.app-store-badge{color:#fff;background-color:#ff6b9d33;border-radius:8px;margin:0;padding:8px 14px;font-weight:600;display:inline-block}.app-store-badge-btn{cursor:pointer;border:1px solid #ff6b9d59;font-size:15px}.app-store-badge-btn:hover{background-color:#ff6b9d52}.app-image{justify-content:center;align-items:center;display:flex}.app-image-placeholder{background:linear-gradient(135deg,#ff6b9d33 0%,#4ecdc433 100%);border:2px solid #ff6b9d4d;border-radius:24px;justify-content:center;align-items:center;width:300px;height:300px;display:flex}.app-emoji-large{font-size:120px}.cta{text-align:center;background:linear-gradient(135deg,#16213e 0%,#0f3460 100%);padding:100px 0}.cta-content{max-width:700px;margin:0 auto}.cta-title{color:#fff;margin-bottom:24px;font-size:48px;font-weight:700}.cta-subtitle{color:#b8b8c8;margin-bottom:40px;font-size:20px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact{background-color:#1a1a2e;padding:100px 0}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-subtitle{color:#b8b8c8;margin-bottom:40px;font-size:18px}.contact-form-wrapper{background-color:#2a2a3e;border:1px solid #3a3a4e;border-radius:16px;width:100%;max-width:560px;margin:0 auto;padding:32px}.contact-form{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.contact-form-field{flex-direction:column;gap:.5rem;display:flex}.contact-form-field label{color:#fff;font-size:.95rem;font-weight:600}.contact-form-field .required{color:#f38181}.contact-form-field input,.contact-form-field textarea{color:#fff;background-color:#2a2a3e;border:1px solid #3a3a4e;border-radius:12px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-form-field input::placeholder,.contact-form-field textarea::placeholder{color:#8a8a9a}.contact-form-field input:focus,.contact-form-field textarea:focus{border-color:#ff6b9d;outline:none;box-shadow:0 0 0 3px #ff6b9d33}.contact-form-field textarea{resize:vertical;min-height:120px}.contact-form-actions{margin-top:.25rem}.contact-form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b9d 0%,#e55a8a 100%);border:none;border-radius:12px;padding:.875rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s,transform .2s,box-shadow .2s}.contact-form-submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 20px #ff6b9d66}.contact-form-submit:focus{outline:none;box-shadow:0 0 0 3px #ff6b9d4d}.contact-form-submit:disabled{opacity:.7;cursor:not-allowed}.contact-form-status{margin-top:.5rem;padding:.5rem 0;font-size:.95rem}.contact-form-status.success{color:#4ecdc4}.contact-form-status.error{color:#f38181}@media (max-width:968px){.hero .container{text-align:center;grid-template-columns:1fr}.hero-content{max-width:100%}.hero-title{font-size:42px}.hero-cta{justify-content:center}.hero-image{order:-1}.hero-image-placeholder{width:300px;height:300px}.features-grid{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr}.about-text{max-width:100%}.about-image{order:-1}.about-image-placeholder{width:300px;height:300px}.app-content{grid-template-columns:1fr}.app-text{max-width:100%}.app-image{order:-1}.app-image-placeholder{width:250px;height:250px}}@media (max-width:768px){.hero{padding:120px 0 60px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:36px}.section-subtitle{font-size:18px}.features{padding:60px 0}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px}.about,.cta{padding:60px 0}.cta-title{font-size:36px}.hero-image-placeholder,.about-image-placeholder{width:250px;height:250px}.app-section{padding:60px 0}.app-image-placeholder{width:200px;height:200px}.app-emoji-large,.emoji-large{font-size:80px}.contact{padding:60px 0}.contact-form-wrapper{padding:24px}}@media (max-width:480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.section-title,.cta-title{font-size:28px}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}