#root{margin:0;padding:0;box-sizing:border-box}#root{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;overflow:hidden}.landing{background-color:#ff7b00;display:flex;height:auto;line-height:1}.landing .leftside_landing{text-align:left;padding-left:4rem;width:50%}.landing .leftside_landing h1{font-size:60px;color:#fff;line-height:1;margin-bottom:.9rem}.landing .leftside_landing h3{font-size:25px;color:#fff;line-height:1;font-weight:100;margin-top:0}.landing .leftside_landing button{background-color:#fff;color:#ff7b00;font-size:25px;border-radius:35px;border:none;padding:20px;cursor:pointer}.landing .rightside_landing{width:50%}.landing .rightside_landing img{width:80%;height:auto}.whyflatswale{background-color:#fff;display:flex;height:auto;line-height:1}.leftside_whyflatswale{width:40%}.whyflatswale .leftside_whyflatswale h2{color:#ff7b00;text-align:left;font-size:50px;padding-left:4rem}.whyflatswale .leftside_whyflatswale img{opacity:.4;width:200px}.whyflatswale .leftside_whyflatswale .design{width:20%}.whyflatswale .leftside_whyflatswale .design img{opacity:.4;padding:1rem}.whyflatswale .rightside_whyflatswale{padding:4rem}.whyflatswale .rightside_whyflatswale .pointers{display:flex;margin-bottom:0}.whyflatswale .rightside_whyflatswale img{width:25px;height:25px;padding-right:30px}.whyflatswale .rightside_whyflatswale h3{font-size:25px;color:#000;line-height:1;font-weight:100;margin-top:0}.howitworks{background-color:#ff7b00;margin-top:-100px}.howitworks h2{color:#fff;text-align:center;font-size:50px;padding-top:4rem}.howitworks img{width:50%;display:block;margin:0 auto}.whatitisfor{display:flex;padding:2rem}.whatitisfor .leftside_whatitisfor{width:50%}.whatitisfor .leftside_whatitisfor img{width:80%;height:auto}.whatitisfor .rightside_whatitisfor{width:50%}.whatitisfor .rightside_whatitisfor h2{font-size:50px;color:#ff7b00}.whatitisfor .rightside_whatitisfor .list_whatitisfor{display:flex}.whatitisfor .rightside_whatitisfor .list_whatitisfor img{width:25px;height:25px;padding-right:1rem;margin-top:0;margin-bottom:15px}.whatitisfor .rightside_whatitisfor .list_whatitisfor h3{font-size:25px;color:#000;line-height:1;font-weight:100;margin:0}.aboutus{background-color:#ff7b00}.aboutus h2{font-size:50px;color:#fff;padding:30px}.content_aboutus{display:flex}.aboutus .leftside_aboutus{width:60%}.aboutus .content_aboutus .leftside_aboutus h2{font-size:40px;color:#fff;padding-left:4rem;margin-top:0;padding-bottom:0;text-align:left}.aboutus .content_aboutus .leftside_aboutus h3{font-size:25px;color:#fff;line-height:.9;font-weight:300;padding-left:4rem}.aboutus .rightside_aboutus{width:40%}.aboutus .rightside_aboutus img{width:80%}.contactus{height:auto}.contactus h2{font-size:50px;color:#ff7b00;padding-bottom:0;margin-bottom:0}.contactus .container_contactus{display:flex}.contactus .container_contactus .leftside_contactus{width:50%;height:auto}.contactus .container_contactus .leftside_contactus img{height:500px;padding-left:10rem}.contactus .container_contactus .rightside_contactus{width:50%}.contactus .container_contactus .rightside_contactus .contactcard{background-color:#ff7b00;border-radius:30px;margin-right:8rem;margin-top:6rem}.contactus .container_contactus .rightside_contactus .contactcard div{display:flex}.contactus .container_contactus .rightside_contactus .contactcard .div_contactus img{padding:25px}.contactus .container_contactus .rightside_contactus .contactcard .div_contactus h3{font-size:25px;color:#fff;font-weight:200}@media (max-width: 1024px) and (min-width: 769px){.landing{flex-direction:column;align-items:center;text-align:center}.landing .leftside_landing,.landing .rightside_landing{width:100%;padding:2rem}.landing .leftside_landing h1{font-size:45px;padding:10px}.landing .leftside_landing h3{font-size:22px;padding:10px}.landing .leftside_landing button{font-size:20px;margin:1rem auto}.landing .rightside_landing img{width:70%;margin-top:1rem}}@media (max-width: 1024px) and (min-width: 769px){.whyflatswale{flex-direction:column;align-items:center}.leftside_whyflatswale,.whyflatswale .rightside_whyflatswale{width:100%;padding:2rem}.whyflatswale .leftside_whyflatswale h2{font-size:40px;text-align:center}.whyflatswale .leftside_whyflatswale img,.whyflatswale .leftside_whyflatswale .design img:nth-child(2){display:none}.whyflatswale .rightside_whyflatswale .pointers{flex-direction:row;align-items:center;gap:1rem}.whyflatswale .rightside_whyflatswale h3{font-size:20px}}@media (max-width: 1024px) and (min-width: 769px){.howitworks{margin-top:0;padding:2rem 1rem}.howitworks h2{font-size:40px;padding-top:2rem}.howitworks img{width:80%}}@media (max-width: 1024px) and (min-width: 769px){.whatitisfor{flex-direction:column;padding:2rem}.whatitisfor .leftside_whatitisfor,.whatitisfor .rightside_whatitisfor{width:100%;padding:1rem}.whatitisfor .rightside_whatitisfor h2{font-size:40px;text-align:center}.whatitisfor .rightside_whatitisfor .list_whatitisfor{padding-left:3rem}.whatitisfor .rightside_whatitisfor .list_whatitisfor h3{font-size:20px}}@media (max-width: 1024px) and (min-width: 769px){.content_aboutus{flex-direction:column}.aboutus h2{padding-top:30px;font-size:40px}.aboutus .leftside_aboutus,.aboutus .rightside_aboutus{width:100%;padding:1rem}.aboutus .content_aboutus .leftside_aboutus h2{font-size:32px;text-align:center;padding-bottom:10px}.aboutus .content_aboutus .leftside_aboutus h3{font-size:20px;text-align:center;padding:0 30px}.aboutus .rightside_aboutus img{width:90%}}@media (max-width: 1024px) and (min-width: 769px){.contactus{height:auto;padding:2rem 0}.contactus .container_contactus{flex-direction:column}.contactus .container_contactus .leftside_contactus,.contactus .container_contactus .rightside_contactus{width:100%;padding:2rem}.contactus .container_contactus .leftside_contactus img{width:90%;height:auto;padding-left:0}.contactus .rightside_contactus .contactcard{width:90%;margin:2rem auto}.contactus .container_contactus .rightside_contactus .contactcard h3{font-size:18px}}@media (max-width: 768px){.landing{flex-direction:column;align-items:center;text-align:center;width:100vw;height:100vh;overflow-x:auto}.landing .leftside_landing,.landing .rightside_landing{width:100%;padding:1rem}.landing .leftside_landing h1{font-size:30px;text-align:center;padding:20px}.landing .leftside_landing h3{font-size:20px;text-align:center;padding:20px}.landing .leftside_landing button{font-size:18px;display:block;margin:1rem auto}.landing .rightside_landing img{width:80%}}@media (max-width: 768px){.whyflatswale{flex-direction:column;overflow-x:auto}.leftside_whyflatswale,.whyflatswale .rightside_whyflatswale{width:100%;padding:1rem}.whyflatswale .leftside_whyflatswale h2{font-size:32px;padding-left:1rem;text-align:center}.whyflatswale .leftside_whyflatswale img,.whyflatswale .leftside_whyflatswale div .design img{display:none}.whyflatswale .rightside_whyflatswale .pointers{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:1rem}.whyflatswale .rightside_whyflatswale h3{font-size:18px;margin:0}}@media (max-width: 768px){.howitworks{margin-top:0;padding:2rem 1rem;overflow-x:auto}.howitworks h2{font-size:32px;padding-top:2rem}.howitworks img{width:100%}}@media (max-width: 768px){.whatitisfor{flex-direction:column;padding:1rem;overflow-x:auto}.whatitisfor .leftside_whatitisfor,.whatitisfor .rightside_whatitisfor{width:100%;padding:.5rem}.whatitisfor .rightside_whatitisfor h2{font-size:32px;text-align:center}.whatitisfor .rightside_whatitisfor .list_whatitisfor{padding-left:2rem}.whatitisfor .rightside_whatitisfor .list_whatitisfor h3{font-size:18px}}@media (max-width: 768px){.aboutus{width:100vw;overflow-x:auto}.content_aboutus{flex-direction:column}.aboutus h2{padding-top:20px;margin-bottom:-20px}.aboutus .leftside_aboutus,.aboutus .rightside_aboutus{width:100%}.aboutus .content_aboutus .leftside_aboutus h2{font-size:28px;padding-left:1rem;text-align:center;padding-bottom:20px}.aboutus .content_aboutus .leftside_aboutus h3{font-size:18px;padding-left:1rem;text-align:center;padding:0 20px}.aboutus .rightside_aboutus img{width:100%}}@media (max-width: 768px){.contactus{height:auto;overflow-x:auto}.contactus .container_contactus{flex-direction:column}.contactus .container_contactus .leftside_contactus,.contactus .container_contactus .rightside_contactus{width:100%;padding-left:2rem}.contactus .container_contactus .leftside_contactus img{height:auto;width:100%;padding-left:0}.contactus .rightside_contactus .contactcard{margin:1rem auto;width:90%}.contactus .container_contactus .rightside_contactus .contactcard h3{font-size:15px}}.createPage{font-family:Segoe UI,Arial,sans-serif;background:#fff6eb;padding:3rem 2rem 4rem;min-height:100vh;color:#2b2b2b;max-width:1024px;margin:0 auto;box-sizing:border-box}.createPage__editInput{color:#2b2b2b!important}.createPage__editInput::placeholder{color:#999!important}.createPage__header h2{font-size:2.2rem;font-weight:500;color:#2b2b2b;margin:0 1rem 1rem 0}.createPage__header{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.createPage__themeBtn{background:var(--theme-color, #ff7b00);color:#fff;padding:.6rem 1.25rem;border-radius:30px;cursor:pointer;font-weight:500;font-size:1rem;letter-spacing:.02em;transition:background .22s}.createPage__themeBtn:hover{background:#d45a00}.createPage__colorPicker{margin-left:1rem;width:2.5rem;height:2.5rem;cursor:pointer;background:transparent;transition:border-color .2s}.createPage__coverPreview{margin-top:12px;max-width:100%;max-height:220px;overflow:hidden;border-radius:12px}.createPage__coverPreview img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.createPage__errorMsg{color:#b00020;background:#ffd7d9;padding:12px 24px;border-radius:12px;margin:18px 0;font-weight:500;font-size:1.1rem}.createPage__saveBtn{background:var(--theme-color, #ff7b00);color:#fff;padding:14px 36px;border-radius:36px;font-size:1.2rem;cursor:pointer;margin-top:28px;font-weight:500;transition:background .22s}.createPage__saveBtn:hover{background:#d45a00}.createPage__pageLink{margin:24px 0 0;padding:18px 28px;background:#fff5e1;border-radius:16px}.createPage__copyBtn{margin-top:8px;padding:8px 22px;border-radius:24px;background:var(--theme-color, #ff7b00);color:#fff;font-weight:500;cursor:pointer;transition:background .22s}.createPage__copyBtn:hover{background:#d45a00}.createPage__pageLinkInput{background:#fff9f0;border-radius:12px;padding:8px 12px;font-size:1.1rem;font-weight:500;color:#6d3700;width:100%;max-width:400px}.createPage__info{background:#fff8f0;border-radius:18px;padding:0 2rem;margin-bottom:2.5rem;font-size:1.1rem}.createPage__info h3,.createPage__products h3{font-size:1.6rem;font-weight:500;margin-bottom:1rem;color:#2b2b2b}.createPage__info ul{list-style:none;padding:0;margin:0 0 1.1rem}.createPage__infoItem{margin:.75rem 0;display:flex;align-items:center}.createPage__infoItem label{min-width:140px;margin-right:12px;color:var(--theme-color, #ff7b00);font-weight:500;font-size:1.2rem}.createPage__infoValue{padding:8px 14px;border-radius:12px;background:#ffeed9;cursor:pointer;min-width:220px;font-weight:500;color:#000}.createPage__infoValue:hover,.createPage__infoValue:focus{outline:none;background:#ffd582;color:#000}.createPage__editInput{padding:8px 14px;font-size:1.1rem;border-radius:12px;min-width:220px;font-weight:500;color:#662e00}.createPage__addBtn{background:var(--theme-color, #ff7b00);color:#fff;border-radius:32px;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:background .22s}.createPage__addBtn:disabled{background:#ffdabd;cursor:not-allowed}.createPage__addBtn:hover:enabled{background:#d45a00}.createPage__products{background:#fff8f0;border-radius:18px;padding:2rem 2.5rem}.createPage__product{border-radius:15px;margin-bottom:3rem;padding:1.4rem 1.6rem;background:#fff7e6;position:relative}.createPage__productFields input,.createPage__productFields select{padding:10px 14px;margin:3px 10px 3px 0;border-radius:12px;font-size:1.1rem;font-weight:500;color:#6a3600;width:max(140px,20%)}.createPage__productFields input:focus,.createPage__productFields select:focus{outline:none}.createPage__productFields select{max-width:140px}.createPage__customFields{margin-top:1rem;margin-bottom:.8rem}.createPage__customField input{padding:8px 12px;border-radius:10px;margin-right:7px;margin-bottom:5px;font-weight:500;color:#6a3600;font-size:1.1rem}.createPage__customField input:focus{outline:none}.createPage__photos{margin-top:1rem}.createPage__photoPreview{display:flex;flex-wrap:wrap;margin-top:.6rem;gap:10px}.createPage__photoThumb{width:60px;height:60px;object-fit:cover;border-radius:10px}.createPage__removeBtn{position:absolute;right:1.1rem;background:#e63946;color:#fff;border-radius:10px;padding:.3rem .9rem;font-size:1rem;cursor:pointer;font-weight:500;transition:background .22s}.createPage__removeBtn:hover{background:#b02735}@media (max-width: 768px){.createPage{padding:1.2rem .5rem 2rem;max-width:100vw;min-height:100vh;box-sizing:border-box}.createPage__header{flex-direction:column;align-items:flex-start;gap:.5rem}.createPage__header h2{font-size:1.3rem;margin-bottom:.5rem}.createPage__themeBtn,.createPage__saveBtn,.createPage__addBtn,.createPage__copyBtn{width:100%;font-size:1rem;padding:12px 0;margin-top:.5rem}.createPage__coverPreview{max-height:120px;border-radius:8px}.createPage__coverPreview img{border-radius:8px}.createPage__errorMsg{font-size:1rem;padding:8px 12px}.createPage__pageLink{padding:10px;font-size:.95rem;word-break:break-all}.createPage__pageLinkInput{max-width:100%;font-size:1rem}.createPage__info{padding:0 .5rem;font-size:1rem}.createPage__info h3,.createPage__products h3{font-size:1.2rem}.createPage__infoItem label{min-width:90px;font-size:1rem}.createPage__infoValue,.createPage__editInput{min-width:120px;font-size:1rem;padding:6px 8px}.createPage__products{padding:1rem .5rem}.createPage__product{padding:.7rem .5rem;margin-bottom:1.5rem}.createPage__productFields input,.createPage__productFields select{width:100%;font-size:1rem;margin:3px 0}.createPage__customField input{font-size:1rem;width:100%;margin-bottom:4px}.createPage__photoPreview{gap:6px}.createPage__photoThumb{width:44px;height:44px}.createPage__removeBtn{top:.5rem;right:.5rem;font-size:.9rem;padding:.2rem .6rem}}