@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;800&family=Nunito:wght@400;700;900&display=swap";:root{--primary: #D81B60;--primary-gradient: linear-gradient(135deg, #FF4081 0%, #D81B60 100%);--secondary: #388E3C;--secondary-gradient: linear-gradient(135deg, #66BB6A 0%, #388E3C 100%);--accent: #FFC107;--bg-color: #F9FAFB;--text-main: #2D3436;--text-light: #636E72;--shadow-warm: 0 20px 40px rgba(216, 27, 96, .15);--shadow-card: 0 10px 30px rgba(0, 0, 0, .05)}body{margin:0;padding:0;font-family:Kanit,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}h1{font-size:3.5rem;line-height:1.1;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}h2{font-size:2.5rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}p{font-size:1.1rem;line-height:1.7;color:var(--text-light);font-weight:300}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1000px;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 24px;border-radius:99px;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(255,255,255,.5)}.brand{font-family:Nunito,sans-serif;font-weight:900;font-size:24px;color:var(--primary);display:flex;align-items:center;gap:8px}.brand img{height:32px}.nav-btn{background:var(--primary-gradient);color:#fff;text-decoration:none;padding:10px 24px;border-radius:99px;font-weight:600;font-size:14px;box-shadow:0 4px 15px #d81b604d;transition:transform .2s}.nav-btn:hover{transform:scale(1.05)}.hero{min-height:100vh;padding:140px 20px 80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.4;animation:blobFloat 10s infinite alternate}.hero:before{background:#fce4ec;top:-100px;right:-100px}.hero:after{background:#e8f5e9;bottom:-100px;left:-100px;animation-delay:-5s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero-btns{display:flex;gap:16px;margin-top:40px}.btn-main{padding:16px 40px;border-radius:99px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:10px}.btn-pink{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 25px #d81b6066;border:2px solid transparent}.btn-pink:hover{transform:translateY(-4px);box-shadow:0 15px 35px #d81b6080}.btn-outline{background:#fff;color:var(--primary);border:2px solid #FCE4EC;box-shadow:0 4px 15px #00000008}.btn-outline:hover{border-color:var(--primary);background:#fff5f7}.hero-visual{position:relative;height:600px;display:flex;justify-content:center;align-items:center}.phone-card{width:280px;height:560px;background:#fff;border-radius:40px;box-shadow:0 30px 60px #0000001f;border:8px solid white;position:relative;z-index:2;overflow:hidden;animation:floatPhone 6s ease-in-out infinite}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-element{position:absolute;z-index:3;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.float-coin{top:10%;right:-20px;width:80px;animation:floatElement 4s ease-in-out infinite}.float-bill{bottom:15%;left:-40px;width:100px;animation:floatElement 5s ease-in-out infinite reverse}.float-msg{top:30%;left:-80px;background:#fff;padding:12px 20px;border-radius:20px 20px 20px 4px;box-shadow:0 10px 30px #0000001a;font-weight:600;font-size:14px;color:var(--text-main);animation:popIn .5s ease-out .5s backwards}@keyframes floatElement{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.mock-header{background:var(--primary-gradient);padding:30px 20px 20px;color:#fff;text-align:center;border-radius:0 0 24px 24px}.mock-body{padding:20px;display:flex;flex-direction:column;gap:12px}.mock-row{display:flex;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:12px;align-items:center;font-size:13px}.features{padding:100px 20px;background:#fff;position:relative}.wave-divider{position:absolute;top:-100px;left:0;width:100%;line-height:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-box{background:#fff;padding:40px;border-radius:32px;border:1px solid #EFF0F6;transition:all .3s;position:relative}.feature-box:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000000f;border-color:#fce4ec}.icon-box{width:70px;height:70px;background:#fff5f7;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:24px}.cta-section{padding:100px 20px;text-align:center;background:#fff0f3;position:relative;overflow:hidden}.cta-box{max-width:800px;margin:0 auto;position:relative;z-index:2}.cta-box h2{font-size:3rem;margin-bottom:24px;color:var(--primary)}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-btns{justify-content:center}.hero-visual{margin-top:60px}.float-msg{left:-20px}}