@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;background:linear-gradient(135deg,#ffa8591a,#ff6b9d1a,#ffa8590d);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;width:100%;align-items:center}.hero-left{display:flex;flex-direction:column;align-items:flex-start}.hero-right{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-logo{width:250px;height:auto;margin-bottom:2rem}.hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;max-width:500px}.mobile-showcase{position:relative;display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;background:transparent}.hero .phone-mockup{position:relative;width:300px;height:auto;border-radius:20px;background:transparent;object-fit:contain}.hero .phone-left{position:absolute;left:-50px;top:-20px;transform:rotate(-5deg)}.hero .phone-right{left:40px;transform:rotate(5deg);margin-top:2rem}.app-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.app-store-btn,.google-play-btn{position:relative;cursor:pointer;display:inline-block}.app-store-btn img,.google-play-btn img{height:50px;width:auto;transition:opacity .3s ease}.app-store-btn.disabled,.google-play-btn.disabled{cursor:not-allowed}.app-store-btn.disabled img,.google-play-btn.disabled img{opacity:.5;filter:grayscale(50%)}.coming-soon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d}.notify-section{width:100%;max-width:500px;text-align:center;background:var(--bg-secondary);padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a}.notify-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.notify-form{display:flex;gap:.5rem;margin-bottom:2rem}.notify-form input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s}.notify-form input:focus{border-color:var(--gradient-start)}.notify-form button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.notify-form button:hover{transform:translateY(-2px)}.success-message{color:#4caf50;font-weight:500;margin-bottom:2rem}.countdown{margin-top:1.5rem}.countdown h4{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.countdown-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.time-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem}.time-value{font-size:2rem;font-weight:700;color:var(--gradient-start)}.time-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-left{align-items:center}.hero-subtitle{text-align:center}.mobile-showcase{margin-top:2rem}}@media (max-width: 768px){.hero-logo{width:200px}.mobile-showcase{gap:1rem}.notify-form{flex-direction:column}.countdown-timer{grid-template-columns:repeat(2,1fr)}.time-value{font-size:1.5rem}}.App{position:relative}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;color:var(--text-secondary);pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}:root{--gradient-start: #FFA859;--gradient-end: #FF6B9D;--text-primary: #1a1a1a;--text-secondary: #666;--bg-primary: #ffffff;--bg-secondary: #f8f9fa}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh}
