:root{--primary-color:#FF97B7;--text-color:#333333;--background-color:#FFFFFF;--secondary-background:#F8F9FA;--accent-color:#FFE4E9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--text-color);line-height:1.6;overflow-x:hidden}header{padding:1.5rem 5%;position:fixed;width:100%;top:0;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.05)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{text-decoration:none;color:inherit}.logo a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo div{font-size:1.8rem;font-weight:700;color:#000}.logo-text{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:200;letter-spacing:normal;font-size:1.2rem;text-transform:uppercase;white-space:nowrap;color:#000;text-decoration:none}.nav-links{display:flex;align-items:center}.nav-links .download-btn-black{font-size:.9rem;padding:.8rem 1.5rem;color:#fff}.nav-links a{margin-left:2rem;text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color)}.nav-links .app-store-button{height:32px;width:auto;transition:transform .3s ease;display:block}.app-store-link{display:inline-block;transition:transform .3s ease;background:#000;padding:8px 16px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.app-store-link:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.hero{height:70vh;position:relative;background:url('Banner.png') no-repeat top center;background-size:cover;display:flex;align-items:center;justify-content:flex-start;padding:0 10%}.hero-content{max-width:600px;z-index:2;background:rgba(255,255,255,.15);padding:3.5rem;border-radius:24px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.1);margin-top:-5rem}.hero-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.title-image{width:100%;max-width:400px;height:auto;position:absolute;left:10%;top:50%;transform:translateY(-50%)}.subtitle{font-size:1.5rem;margin-bottom:2.5rem;color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.1)}.download-btn-black{display:inline-block;background:#000;color:#fff;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px rgba(0,0,0,.1)}.download-btn-black:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2);background:#1a1a1a}.hero-image{position:relative;z-index:2;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease}.hero-image:hover{transform:perspective(1000px) rotateY(0)}.phone-mockup{max-width:600px;height:auto;filter:drop-shadow(0 30px 60px rgba(0, 0, 0, .25))}.floating-characters{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.floating-characters span{position:absolute;font-size:2rem;color:var(--primary-color);opacity:.2;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}.app-showcase{position:relative;padding:6rem 5%;min-height:600px;overflow:hidden;background:var(--background-color)}.showcase-content{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;z-index:2}.showcase-text{text-align:left;max-width:600px;margin-right:2rem}.showcase-text h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-color);line-height:1.2;text-align:left}.showcase-text h2{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(45deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.showcase-text p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:var(--text-color)}.showcase-text .download-btn-black{font-size:1.1rem;padding:1.2rem 2.5rem}.showcase-text .app-store-button{height:40px;width:auto;transition:transform .3s ease;display:block}.phone-container{flex:1;display:flex;justify-content:center;perspective:1000px;position:relative;height:700px;width:100%}.phone-mockup{position:absolute;max-width:450px;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(0, 0, 0, .25));transition:transform .3s ease}.phone-mockup.front{z-index:2;transform:translate3d(-20%,0,0) rotate(-5deg)}.phone-mockup.back{z-index:1;transform:translate3d(20%,0,-20px) rotate(5deg);opacity:.9}.features{padding:4rem 2rem;background-color:#fff;position:relative;overflow:hidden}.features h2{text-align:center;margin-bottom:4rem;color:#333;font-size:2.5rem}.feature-grid{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:6rem}.feature-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.feature-item.reverse{direction:rtl}.feature-item.reverse .feature-content{direction:ltr}.feature-image{position:relative;padding:0;z-index:2}.feature-image img{width:100%;max-width:300px;height:auto;border-radius:0;box-shadow:none;margin:0 auto;display:block;transition:transform .3s ease;position:relative;z-index:2}.feature-image img:hover{transform:translateY(-10px)}.feature-content{padding:2rem;position:relative;z-index:2}.feature-content h3{font-size:1.8rem;color:#333;margin-bottom:1rem}.feature-content p{font-size:1.1rem;line-height:1.6;color:#666}.coming-soon-tag{display:inline-block;background-color:#ff6b6b;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;margin-left:.5rem;vertical-align:middle}.coming-soon{position:relative}.coming-soon::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(2px);border-radius:0;pointer-events:none}.free-tag{display:inline-block;background-color:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;margin-left:.5rem;vertical-align:middle}.premium-tag{display:inline-block;background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;margin-left:.5rem;vertical-align:middle;box-shadow:0 2px 4px rgba(156,39,176,.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.premium-tag.all-modes{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 4px rgba(33,150,243,.2)}.feature-cta{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#000;color:#fff;text-decoration:none;border-radius:25px;font-weight:500;transition:transform .2s ease,background-color .2s ease}.feature-cta:hover{transform:translateY(-2px);background-color:#333}@media (max-width:768px){.feature-item{grid-template-columns:1fr;gap:2rem;text-align:center}.feature-item.reverse{direction:ltr}.feature-content{padding:1rem}.feature-image img{max-width:250px}.features{padding:3rem 1rem}.feature-grid{gap:4rem}.feature-cta{display:block;text-align:center;margin:1.5rem auto 0;max-width:200px}}.download{padding:8rem 5%;text-align:center;background:var(--background-color)}.download-content{max-width:600px;margin:0 auto}.download h2{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(45deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.download-btn{display:inline-block;background:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;margin-top:2rem;transition:transform .3s ease,box-shadow .3s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,151,183,.3)}.about{padding:5rem 5%;background:var(--secondary-background);text-align:center}.about h2{font-size:2.5rem;margin-bottom:2rem}.about p{max-width:800px;margin:0 auto;font-size:1.2rem;color:#666}footer{padding:2rem 5%;background:var(--text-color);color:#fff}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-content .logo{color:#fff}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:rgba(255,255,255,.7)}.footer-separator{margin:0 10px;color:#fff}@media (max-width:1024px){.showcase-content{flex-direction:column;text-align:center;gap:2rem}.showcase-text{padding-right:0}.showcase-text h2{font-size:2.5rem}.showcase-text .download-btn-black{font-size:1rem;padding:1rem 2rem}.phone-container{height:600px}.phone-mockup{max-width:350px}.phone-mockup.front{transform:translate3d(-15%,0,0) rotate(-5deg)}.phone-mockup.back{transform:translate3d(15%,0,-20px) rotate(5deg)}}@media (max-width:768px){.hero{height:50vh;padding:0 5%}.hero-content{margin:0 auto;padding:2.5rem}.hero-text{align-items:center;text-align:center}.showcase-text h2{font-size:2rem}.showcase-text p{font-size:1.1rem}.download h2{font-size:2.5rem}.nav-links{display:block}.nav-links .app-store-button{height:28px}.showcase-text .app-store-button{height:36px}.app-store-link{padding:6px 12px;border-radius:10px}.feature-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-content .logo{margin-bottom:1rem}.title-image{max-width:300px;left:50%;transform:translate(-50%,-50%)}.title-logo{margin-top:60px;margin-bottom:30px}.logo-text{font-size:1rem}.app-showcase{padding:4rem 5% 1rem;min-height:auto}.showcase-content{margin-top:0;padding-top:0}.phone-container{height:400px;margin-top:2rem}.phone-mockup{max-width:250px}.phone-mockup.front{transform:translate3d(-10%,0,0) rotate(-5deg)}.phone-mockup.back{transform:translate3d(10%,0,-20px) rotate(5deg)}}.cherry-blossoms{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.cherry-blossoms canvas{position:absolute;top:0;left:0;width:100%;height:100%}.title-logo{width:200px;margin-top:20px;margin-bottom:40px}.banner{width:100%;max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.banner img{width:100%;height:auto;display:block;margin-bottom:0}.testimonials{padding:4rem 2rem;background-color:#f8f9fa}.testimonials h2{text-align:center;margin-bottom:3rem;color:#333;font-size:2.5rem}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-content{margin-bottom:1.5rem}.testimonial-content p{font-size:1.1rem;line-height:1.6;color:#555;font-style:italic}.testimonial-author{border-top:1px solid #eee;padding-top:1rem}.author-name{font-weight:600;color:#333;margin:0}.author-title{color:#666;font-size:.9rem;margin:.25rem 0 0 0}.star-rating{display:flex;gap:4px;margin-bottom:1rem;justify-content:center}.star{width:20px;height:20px;object-fit:contain}@media (max-width:768px){.testimonials{padding:3rem 1rem}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{padding:1.5rem}}