html{scroll-behavior:smooth}#root{min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-section{position:relative;background:linear-gradient(135deg,#f5f7fa,#e8f5e9);min-height:100vh;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 969px) and (min-height: 700px){.hero-section{height:100vh}}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;padding:24px 60px;flex:1}.logo-container{text-align:left;margin-bottom:32px;flex-shrink:0}.logo{height:36px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.content-wrapper{flex:1;display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;width:100%}.main-content{display:flex;flex-direction:column;gap:32px;align-items:center;max-width:600px;width:100%}.text-content{text-align:center;display:flex;flex-direction:column;gap:12px}.main-title{font-size:42px;font-weight:800;line-height:1.2;color:var(--text-primary);margin:0;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.05)}.brand-text{color:var(--primary-color);display:inline-block;position:relative}.brand-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--primary-color);opacity:.3;border-radius:2px}.description{font-size:18px;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:400}.qr-container{display:flex;flex-direction:column;align-items:center;padding:24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(0,171,85,.1);position:relative;--mouse-x: 50%;--mouse-y: 50%;--tilt-x: 0deg;--tilt-y: 0deg;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:all .3s ease;transform-style:preserve-3d;flex-shrink:0;box-shadow:0 10px 40px #00ab551a}.qr-container:hover{box-shadow:0 20px 60px #00ab5526;border-color:#00ab5533}.qr-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:24px;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(0,171,85,.4),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.qr-container:hover:before{opacity:1}.qr-container>*{transform:translateZ(20px)}.qr-code{background:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;align-items:center;justify-content:center}.qr-code-image{width:200px;height:200px;display:block}.qr-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:1px;text-align:center}.store-buttons{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.store-button{display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;border-radius:12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;height:56px;width:170px;overflow:hidden;background:transparent}.store-button:hover{transform:translateY(-6px);filter:brightness(1.05)}.store-button:active{transform:translateY(-3px)}@media (hover: none) and (pointer: coarse){.store-button:hover{transform:none;filter:none}.store-button:active{transform:scale(.98);opacity:.9}}.store-badge{height:100%;width:100%;display:block;object-fit:contain}.play-badge{height:150%;width:150%;display:block;object-fit:contain}@media (max-width: 1400px){.content-wrapper{max-width:1200px}}@media (max-width: 1200px){.hero-content{padding:40px 60px}.main-title{font-size:38px}.description{font-size:17px}}@media (max-width: 968px){.hero-content{padding:40px}.logo-container{text-align:center;margin-bottom:40px}.main-content{max-width:100%;gap:28px}.main-title{font-size:34px}.description{font-size:16px}.qr-code-image{width:180px;height:180px}}@media (max-width: 640px){.hero-content{padding:24px 20px}.logo{height:32px}.logo-container{margin-bottom:28px}.main-content{gap:24px}.main-title{font-size:28px;line-height:1.3}.description{font-size:15px}.qr-container{padding:20px}.qr-code{padding:12px}.qr-code-image{width:160px;height:160px}.store-buttons{flex-direction:column;width:100%;gap:12px}.store-button{width:100%;max-width:240px;background:transparent}.store-badge{height:52px;width:160px;object-fit:contain}.play-badge{height:78px;width:180px;object-fit:contain}}@media (max-width: 375px){.hero-section{padding:20px 16px}.main-title{font-size:24px}.description{font-size:14px}.qr-code-image{width:140px;height:140px}}:root{--primary-color: #00AB55;--primary-dark: #007B55;--primary-light: #5BE584;--secondary-color: #3366FF;--text-primary: #212B36;--text-secondary: #637381;--background: #FFFFFF;--grey-100: #F9FAFB;--grey-200: #F4F6F8;--grey-300: #DFE3E8;--grey-500: #919EAB;--box-shadow: 0 0 2px 0 rgba(145, 158, 171, .2), 0 12px 24px -4px rgba(145, 158, 171, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Public Sans,-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;color:var(--text-primary);background:var(--grey-100);min-height:100vh}.app{min-height:100vh;width:100%}.container{max-width:100%;width:100%;margin:0 auto}