@import url(https://fonts.googleapis.com/css2?family=Kalnia:wght@400&family=Kaiti+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaiti+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalnia&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalnia:wght@400&display=swap);#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#ffc8dd,#ffc3d9 50%,#ef779a);font-family:Kalnia,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{-webkit-overflow-scrolling:touch;overflow-y:auto}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%}.front-container{align-items:flex-start;background:linear-gradient(180deg,#ffc8de,#ffb4cd 13.46%,#ffaac6 26.92%,#ffa6c4 40.87%,#ff9ebf 54.81%,#ff91b6 68.27%,#ff7da9 81.73%,#ef779a 93.75%);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;width:100%}.content{align-items:center;display:flex;gap:30px;justify-content:space-between;max-width:1440px;padding:60px 80px;width:100%}.silhouette{height:auto;max-width:100%;width:400px}.text-section{align-items:flex-start;color:#000;display:flex;flex-direction:column;justify-content:center;max-width:700px;text-align:left}.title{align-self:flex-start;font-size:400px;margin-bottom:30px}.subtitle{font-family:Kaiti SC,serif;font-size:42px;font-weight:400;line-height:1.6;margin-bottom:26px}.description{display:block;font-size:30px;font-weight:400;margin-bottom:30px;padding-left:0;text-align:left;width:100%}.safeflow-button{background-color:#f3a0ad;border:2px solid #000;border-radius:999px;color:#000;display:inline-block;font-size:40px;font-weight:400;margin-top:100px;padding:16px 44px;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:fit-content}.safeflow-button:hover{background-color:#000;color:#fff;transform:scale(1.05)}@media (max-width:1024px){.content{flex-direction:column;gap:40px;padding:40px;text-align:center}.text-section{align-items:center;text-align:left}.title{font-size:72px}.subtitle{font-size:32px}.description{font-size:22px}.safeflow-button{font-size:18px;padding:12px 32px}.silhouette{width:300px}}body,html{background:linear-gradient(180deg,#ffc1d7,#ffbbd2 50%,#ef779a);box-sizing:border-box;font-family:Inter,sans-serif}.login-wrapper,body,html{min-height:100vh;overflow-x:hidden;overflow-y:auto}.login-wrapper{align-items:center;display:flex;flex-direction:column;padding:40px 20px}.login-wrapper .main-heading{color:#000;font-family:Kalnia,serif;font-size:70px;font-weight:400;margin-bottom:30px;text-align:center}.login-layout{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;max-width:1400px;width:100%}.login-box{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 0 10px #00000026;color:#000;flex-shrink:0;max-width:600px;padding:30px 40px;width:90%}.login-heading{font-size:35px;font-weight:500;margin-bottom:10px}.login-heading,.subtext{color:#000;text-align:center}.subtext{font-size:15px;margin-bottom:20px}.google-login{align-items:center;background:#ffa3be;border:1px solid #ff4e82;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;height:40px;justify-content:center;margin-bottom:15px;width:100%}.google-icon{background:#fff;border-radius:50%;font-size:20px;padding:2px}.divider{align-items:center;color:#444;display:flex;margin:20px 0;text-align:center}.divider .line{background-color:#aaa;flex:1 1;height:1px;margin:0 10px}.divider .text{font-size:14px;white-space:nowrap}.form-group{margin-bottom:15px}.form-group label{color:#000;display:block}.form-group input{background-color:#ffa3be;border:1px solid #ff4e82;box-shadow:inset 0 0 0 1000px #ffa3be!important;color:#000;height:44px;outline:none;padding:8px 12px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:#ffa3be!important;box-shadow:inset 0 0 0 1000px #ffa3be!important;-webkit-box-shadow:inset 0 0 0 1000px #ffa3be!important;color:#000!important}.options{align-items:center;color:#000;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px}.login-btn{background-color:#474bca;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:36px;margin-bottom:10px;width:100%}.signup-text{color:#000;font-size:14px;text-align:center}.signup-link{color:#04c;text-decoration:underline}.outside-image{flex-shrink:0;max-width:400px;width:90%}@media (max-height:768px){.login-wrapper{padding:20px 10px}.main-heading{font-size:60px;margin-bottom:20px}.login-box{border-radius:40px;padding:30px 20px}.outside-image{margin-top:20px}}@media (max-width:600px){.login-box{padding:25px 15px}.login-heading{font-size:28px}.subtext{font-size:13px}.form-group input{font-size:14px}.main-heading{font-size:50px}}body{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);font-family:Arial,sans-serif}.register-wrapper{align-items:center;display:flex;flex-direction:column;padding:0 20px}.centered-container{margin:0 auto;max-width:1440px;width:100%}.title{font-family:Kalnia,serif;font-size:80px;font-weight:400;margin:40px 0 20px;text-align:center}.register-layout{align-items:center;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;max-width:1400px;padding:30px;width:100%}.register-container{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 4px #00000040;padding:50px 60px;width:580px}.form-section{display:flex;flex-direction:column;gap:18px}.signup-title{font-size:30px;font-weight:600;margin-bottom:10px;text-align:center}input[type=email],input[type=password],input[type=text]{background:#ffa3be;border:1px solid #ff4e82;border-radius:5px;color:#000;font-size:16px;outline:none;padding:12px}input[type=checkbox]{margin-right:8px}.remember-container{align-items:center;display:flex;font-size:14px}.register-button{background:#474bca;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px}.register-button:hover{background-color:#3639a5}.image-section{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:500px}.image-section img{height:auto;image-rendering:auto;object-fit:contain;width:600px}@media (min-width:1024px){.image-section img{width:600px}}body{font-family:Segoe UI,sans-serif;overflow:hidden}.profile-page{align-items:center;background:linear-gradient(180deg,#ffc8dd,#ffc3d9 50%,#ef779a);display:flex;height:100vh;justify-content:center;width:100vw}.profile-container{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 4px #00000040;box-sizing:border-box;height:920px;overflow:hidden;padding:40px 60px;width:1146px}.profile-title{font-size:32px;font-weight:700;margin-bottom:30px}.username-box{align-items:center;background:#f5dbff;border:1px solid #bd6cdc;border-radius:60px;display:flex;height:102px;margin-bottom:30px;padding-left:20px;width:1032px}.avatar{border-radius:50%;height:64px;margin-right:20px;width:64px}.username-text{font-size:20px;font-weight:600}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-weight:600;margin-bottom:5px}.form-group input{background:#fff;border:2px solid #858585;border-radius:5px;box-sizing:border-box;font-size:16px;height:68px;padding:10px 15px;width:100%}.row-fields{display:flex;gap:20px;justify-content:space-between}.row-fields .form-group{flex:1 1}.button-row{display:flex;gap:30px;justify-content:center;margin-top:30px}.cancel-btn{background:#fff;border:2px solid #474bca;border-radius:5px;color:#474bca}.cancel-btn,.save-btn{cursor:pointer;font-weight:700;height:45px;width:211px}.save-btn{background:#474bca;border:none;border-radius:5px;color:#fff}.save-btn:disabled{background:#8a8ccf;cursor:wait}.error-msg{color:red;margin-top:10px;text-align:center}body,html{font-family:Kalnia,serif;height:100%;margin:0;overflow:auto;padding:0}.home-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:Kalnia,serif;min-height:100vh;overflow-y:auto;padding:20px 30px;width:100%}.logo{font-size:60px;font-weight:400;margin-bottom:20px}.main-section{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:space-between}.main-heading{font-size:34px;font-weight:400;line-height:1.3}.green-box{background-color:#d4e9d8;border:1px solid #5b8c5a;border-radius:25px;color:#000;padding:12px 16px}.green-heading{font-size:20px;font-weight:700;margin-bottom:6px}.green-body{font-size:16px;font-weight:400;line-height:1.4}.subheading{color:#000;font-size:22px;font-weight:500;margin-top:10px}.lavender-boxes{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.lavender-box{background-color:#f5dbff;border:1px solid #bd6cdc;border-radius:20px;color:#000;flex:1 1 45%;font-size:16px;padding:10px 14px;text-align:center}.pc-wrapper{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);box-sizing:border-box;flex-direction:row;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:auto;padding:40px;width:100%}.pc-main,.pc-wrapper{align-items:center;display:flex}.pc-main{flex-direction:column}.pc-heading{color:#000;font-family:Kalnia,serif;font-size:70px;font-weight:700;margin-bottom:30px;text-align:center}.pc-box{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 4px 0 #00000040;padding:40px 50px;width:480px}.pc-title{color:#000;font-size:34px;font-weight:700;margin-bottom:35px;text-align:center}.pc-form-group{margin-bottom:24px}.pc-form-group label{display:block;font-size:18px;font-weight:600;margin-bottom:10px}.pc-form-group input{background-color:#ffc8dd;border:1px solid #aaa;border-radius:10px;font-size:16px;padding:12px 16px;width:100%}.pc-btn-calculate{background-color:#474bca;border:none;border-radius:10px;color:#fff;margin-top:10px}.pc-btn-calculate,.pc-btn-calendar{cursor:pointer;font-size:18px;font-weight:700;padding:14px;width:100%}.pc-btn-calendar{background-color:#f5dbff;border:2px solid #bd6cdc;border-radius:60px;box-shadow:0 4px 4px 0 #bd6cdc40;color:#000;margin-top:15px}.pc-divider{align-items:center;color:#444;display:flex;font-size:16px;font-weight:600;margin:25px 0;text-align:center}.pc-divider:after,.pc-divider:before{border-bottom:1px solid #777;content:"";flex:1 1;margin:0 12px}.pc-side{align-items:center;display:flex;flex-direction:column;margin-left:60px}.pc-legend{background:#f5dbff;border:1px solid #bd6cdc;border-radius:60px;font-size:18px;font-weight:600;margin-bottom:25px;padding:18px 28px}.pc-legend p{margin:8px 0}.pc-image{height:480px;object-fit:contain}.calendar-wrapper{background:#fff;font-family:Inter,sans-serif;min-height:100%;overflow-y:auto;padding:30px}.calendar-title{color:#222;font-size:36px;margin-bottom:20px;text-align:center}.calendar-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.month{background:#ffe0ec;border-radius:20px;padding:20px}.month h3{color:#d6336c;font-size:20px;text-align:center}.grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-top:10px}.day{background:#fff;border-radius:4px;padding:6px;text-align:center}.period{background:#ff6b81;color:#fff}.ovulation{background:#9b5de5;color:#fff}.fertile{background:#00b894;color:#fff}.empty{height:32px}.calendar-controls{margin-top:40px;text-align:center}.calendar-controls button{background:#e58f67;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.calendar-image{display:block;margin:40px auto;max-width:300px}.menstrual-container{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);box-sizing:border-box;font-family:Kalnia,serif;height:100%;padding:50px 30px;width:100%}.logo{color:#000;font-size:48px;font-weight:600;margin-left:30px}.main-heading{color:#000;font-size:36px;font-weight:500;margin:30px 0;text-align:center}.topics-grid{grid-gap:40px;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);justify-items:center;padding:20px 80px}.topic-card{align-items:center;background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 4px #00000040;cursor:pointer;display:flex;flex-direction:column;height:180px;padding-left:15px;padding-right:15px;padding-top:20px;text-align:center;transition:all .3s ease;width:300px}.topic-card:hover{background:#e9d7ff;transform:scale(1.02)}.topic-title{color:#000;font-family:Kalnia,serif;font-size:18px;font-weight:400;margin-bottom:10px}.topic-desc{color:#333;font-family:Kaiti SC,serif;font-size:15px}.about-container{align-items:center;background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);color:#000;display:flex;flex-direction:column;font-family:Kalnia,serif;height:100vh;justify-content:flex-start;overflow-y:auto;padding:30px;text-align:center}.safe-flow-heading{align-self:flex-start;font-size:80px;font-weight:400;margin:0 0 30px}.content-box{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 4px #00000040;box-sizing:border-box;max-width:1000px;padding:40px 60px;width:100%}.about-heading{font-size:50px;margin-bottom:30px}.about-text{font-size:20px;margin-bottom:20px}.about-images{display:flex;gap:20px;margin-top:20px}.about-image{border-radius:15px;height:auto;max-width:300px;width:100%}body{color:#000;font-family:Kalnia,serif;margin:0;padding:0}.contact-wrapper{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);box-sizing:border-box;display:flex;flex-direction:column;gap:30px;min-height:100vh;padding:40px 60px}.safeflow-heading{color:#000;font-family:Kalnia,serif;font-size:80px;font-weight:400;margin-bottom:0;text-align:left}.contact-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.left-section{flex:1 1;min-width:320px}.talk-title{font-size:48px;font-weight:400;margin:10px 0}.talk-subtext,.talk-title{color:#000;font-family:Kalnia,serif}.talk-subtext{font-size:24px;margin:10px 0 20px}.cherry-img{height:auto;max-width:400px;width:100%}.right-section{flex:1 1;min-width:360px}.contact-title{color:#000;font-family:Kalnia,serif;font-size:48px;font-weight:400;margin-bottom:20px;text-align:center}.form-container{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 8px #00000040;margin:0 auto;max-width:550px;padding:40px;width:100%}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{background:#fff;border:2px solid #5ba269;border-radius:14px;font-family:Kalnia,serif;font-size:18px;padding:18px}.contact-form input:focus,.contact-form textarea:focus{background:#f3fdf6;border-color:#3b7d4c;outline:none}.contact-form button{background-color:#474bca;border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Kalnia,serif;font-size:20px;padding:16px;transition:background-color .3s ease}.contact-form button:hover{background-color:#0056b3}@media (max-width:768px){.contact-wrapper{padding:30px 20px}.contact-content{align-items:center;flex-direction:column;gap:40px}.contact-title,.safeflow-heading,.talk-subtext,.talk-title{text-align:center}.form-container{margin:0 auto}}.hygiene-container{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);color:#333;font-family:Arial,sans-serif;min-height:100vh;overflow-y:auto;padding:2rem}.main-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.description{font-size:1.5rem;margin:0 auto 2rem;max-width:800px;text-align:center}.green-box{background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:3rem 2rem}.green-box h2{color:#234d20;font-size:2.5rem}.green-box ul{font-size:1.1rem;line-height:1.6;list-style-type:disc;margin-left:1rem}.green-box li{margin-bottom:.5rem}.green-box img{align-self:flex-end;border-radius:20px;height:auto;width:250px}.footer{margin-top:3rem;text-align:center}.footer button{background-color:#d63384;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:2rem;padding:.8rem 2rem;transition:background-color .3s ease}.footer button:hover{background-color:#ad2e6d}.medical-page{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);height:100vh;overflow-y:auto;padding:20px}.medical-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.medical-intro{font-size:1rem;line-height:1.6;margin:0 auto 30px;max-width:800px;text-align:center}.conditions-container{display:flex;flex-direction:column;gap:30px;padding:0 10px}.condition-box{align-items:center;background-color:#d4e9d8;border:1px solid #5ba269;border-radius:70px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px}.text-section{flex:1 1;padding-right:20px}.image-section{min-width:100px;width:120px}.image-section img{border-radius:20px;width:100%}.return-button{background-color:#ef779a;border-radius:20px;display:block;margin:40px auto 20px;padding:10px 30px}.product-guide-container{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);font-family:Kalnia,sans-serif;min-height:100vh;padding:40px 20px;position:relative}h1{color:#4b004f;font-size:36px;margin-bottom:40px;text-align:center}.product-box{align-items:center;background:#d4e9d8;border:1px solid #5ba269;border-radius:70px;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:space-between;margin:20px auto;max-width:1000px;padding:25px 40px;position:relative}.icon{flex-shrink:0;font-size:30px;margin-right:20px}.text{flex-grow:1;padding-right:20px}.text h2{color:#2d4739;margin:0 0 10px}.text p{color:#333;font-size:14.5px;line-height:1.6;margin:0}.product-img{border-radius:12px;flex-shrink:0;height:auto;margin-right:20px;width:90px}.hoody-img{bottom:80px;left:400px;position:fixed;width:300px;z-index:10}.home-button{background:#c9184a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:40px auto 0;padding:12px 30px;transition:.3s ease}.home-button:hover{background:#a0133c}.nutrition-container{background:linear-gradient(180deg,#ffc8dd,#ffbfd5 50%,#ef779a);font-family:Kalnia,sans-serif;min-height:100vh;overflow:hidden;padding:30px}.nutrition-title{color:#3a3a3a;font-size:2.2rem;margin-bottom:10px;text-align:center}.nutrition-subtitle{color:#333;font-size:1.1rem;margin-bottom:30px;padding:0 20px;text-align:center}.nutrition-scroll{max-height:75vh;overflow-y:scroll;padding:10px 20px;scroll-behavior:smooth}.nutrition-box{background:#d4e9d8;border:1px solid #5ba269;border-radius:40px;margin-bottom:25px;padding:20px}.nutrition-content{align-items:center;display:flex;flex-wrap:wrap;gap:25px}.nutrition-text{flex:1 1;min-width:200px}.nutrition-text h3{color:#264d2c;font-size:1.3rem;margin-bottom:10px}.nutrition-text p{color:#333;font-size:1rem}.nutrition-image-wrapper{flex-shrink:0}.nutrition-image{border-radius:15px;height:auto;width:130px}.character-image{bottom:2px;position:absolute;right:10px;width:400px}.return-button-wrapper{margin-top:30px;text-align:center}.return-button{background-color:#d63384;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px}.return-button:hover{background-color:#c12775}.sidebar-wrapper{background:#ffa3be;height:100vh;justify-content:center;width:100%}.sidebar-inner-rect,.sidebar-wrapper{align-items:center;box-sizing:border-box;display:flex}.sidebar-inner-rect{background:#ffd1bc;border:1px solid #e58f67;border-radius:50px;flex-direction:column;height:95%;padding:30px 20px;width:90%}.profile-row{align-items:center;display:flex;gap:15px;margin-bottom:50px;text-decoration:none}.profile-row:hover{background-color:#fff3;border-radius:10px;padding:5px}.profile-pic{background:#d3d3d3;border-radius:100px;height:65px;object-fit:cover;width:65px}.profile-label{color:#636060;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.nav-links{display:flex;flex-direction:column;gap:25px;width:100%}.nav-link{border-radius:10px;color:#636060;font-family:Poppins,sans-serif;font-size:20px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#fff3}.nav-link.active{color:#e37083;font-weight:700}.nav-divider{border:none;border-top:1px solid #636060;margin:10px 0;width:100%}
/*# sourceMappingURL=main.52135ca8.css.map*/