:root{--yellow:#ffc107;--yellow-dark:#ffa000;--yellow-light:#fff8e1;--bg:#fff;--bg-alt:#fffde7;--text:#5d4037;--text-bold:#212121;--border:#fff9c4;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-lg:0 4px 6px #0000001a, 0 2px 4px #0000000f;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);margin:0}#root{border:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.page{width:100%}.header{color:#fff;text-align:center;position:relative;overflow:hidden}.header-bg{z-index:0;position:absolute;inset:0}.header-cover{object-fit:cover;width:100%;height:100%}.header-bg:after{content:"";background:linear-gradient(135deg,#ffc107e6 0%,#ffa000f2 100%);position:absolute;inset:0}.header-content{z-index:1;max-width:700px;margin:0 auto;padding:80px 20px 60px;position:relative}.logo{border-radius:16px;width:120px;height:auto;margin-bottom:20px}.app-name{letter-spacing:-1px;color:#fff;margin:0 0 12px;font-size:56px;font-weight:700}.tagline{opacity:.9;margin-bottom:32px;font-size:20px;line-height:1.6}.download-btn{background:var(--yellow);color:#fff;box-shadow:var(--shadow);border-radius:50px;padding:14px 48px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.download-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.download-btn.large{padding:18px 56px;font-size:20px}.section{padding:80px 20px}.section.alt{background:var(--bg-alt)}.section-content{max-width:800px;margin:0 auto}.section-content h2{color:var(--text-bold);text-align:center;margin-bottom:24px;font-size:32px;font-weight:700}.section-content p{margin-bottom:16px;font-size:18px;line-height:1.9}.section-content p:last-child{margin-bottom:0}.cards{gap:24px;margin-top:40px;display:flex}.card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:32px 24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-number{background:var(--yellow);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:22px;font-weight:700;display:flex}.card h3{color:var(--text-bold);margin-bottom:12px;font-size:18px;font-weight:600}.card p{margin:0;font-size:15px;line-height:1.7}.features{flex-direction:column;gap:24px;margin-top:40px;display:flex}.feature{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px 32px;transition:transform .2s,box-shadow .2s}.feature:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature h3{color:var(--text-bold);margin-bottom:8px;font-size:20px;font-weight:600}.feature p{margin:0;font-size:16px;line-height:1.8}#signup{text-align:center}.signup-text{margin-bottom:28px!important;font-size:18px!important}.signup-form{flex-wrap:wrap;justify-content:center;gap:12px;max-width:500px;margin:0 auto;display:flex}.signup-input{border:2px solid var(--border);background:var(--bg);min-width:220px;color:var(--text-bold);border-radius:8px;flex:1;padding:14px 20px;font-family:inherit;font-size:16px;transition:border-color .2s}.signup-input:focus{border-color:var(--yellow-dark);outline:none}.signup-btn{background:var(--yellow);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.signup-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signup-btn:disabled{opacity:.7;cursor:default}.signup-msg{font-weight:600;margin-top:20px!important;font-size:16px!important}.signup-msg.success{color:var(--yellow-dark)}.signup-msg.error{color:#d93025}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text);padding:24px 20px;font-size:14px}.gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:32px;display:grid}.gallery-img{border:1px solid var(--border);width:100%;height:auto;box-shadow:var(--shadow);border-radius:12px;transition:transform .3s,box-shadow .3s}.gallery-img:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}@media (width<=768px){.header-content{padding:60px 20px 40px}.header-bg{min-height:300px}.app-name{font-size:40px}.tagline{font-size:17px}.section{padding:48px 20px}.section-content h2{font-size:26px}.cards{flex-direction:column}.card{padding:24px 20px}.logo{width:90px}}