@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cookie&display=swap";.navWrap{width:100vw;display:flex;justify-content:center;align-items:center;height:15vh;position:absolute;z-index:1000000;transition:all .3s ease-in-out}.nav{background-color:#25434d;width:90vw;height:65%;display:flex;justify-content:space-between;align-items:center;border-radius:10px;color:#fff;padding-left:20px;padding-right:20px;font-family:Montserrat;transition:all .3s ease-in-out}.navHead{font-size:20px;cursor:pointer}.navHead>span{font-family:Cookie,cursive;font-weight:400;font-style:normal;font-size:45px}.nav>.center{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px;font-size:16px;font-family:Montserrat;transition:all .3s ease-in-out}.nav>.center>a{color:#fff;text-decoration:none;transition:opacity .2s ease;cursor:pointer;font-weight:500;padding:10px}.nav>.center>a:hover{border:none;background-color:#a6e9e0;color:#000;border-radius:20px;padding:10px;font-family:Montserrat;cursor:pointer;font-weight:500;font-size:16px;transition:background-color .5s ease}.nav>.right{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:10px}.emergencyIcon>img{filter:invert(1);width:25px;padding-right:20px}#login{background:transparent;border:none;color:#fff;font-family:Montserrat;width:5vw;cursor:pointer;font-size:16px}.emergency{border:none;background-color:#a6e9e0;border-radius:20px;padding:10px;font-family:Montserrat;cursor:pointer;font-weight:500;font-size:16px;transition:background-color .2s ease}.whiteBut{background-color:#fff}.emergency:active{background-color:#86ebdd}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;transition:transform .3s ease;-webkit-tap-highlight-color:transparent}.mobile-menu-button>img{width:25px}.mobile-menu-button:hover{transform:scale(1.1)}@media screen and (max-width: 768px){.navWrap{height:auto;padding:15px 0}.nav{padding:10px 15px;height:auto;flex-wrap:wrap}.navHead{font-size:16px;flex:1}.navHead>span{font-size:35px}.nav>.center{position:relative;top:auto;left:auto;width:100%;background-color:#25434d;flex-direction:column;padding:0;margin-top:0;order:3;max-height:0;overflow:hidden;transition:all .4s ease-in-out;gap:0px}.nav>.center.active{max-height:300px;padding:15px 0;margin-top:10px}.nav>.center>a{padding:10px 0;width:100%;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.nav>.center.active>a{opacity:1;transform:translateY(0);font-weight:700;text-align:justify}.nav>.center>a:nth-child(1){transition-delay:.1s}.nav>.center>a:nth-child(2){transition-delay:.2s}.nav>.center>a:nth-child(3){transition-delay:.3s}.nav>.center>a:nth-child(4){transition-delay:.4s}.mobile-menu-button{display:block;order:2}#login{width:auto;font-size:14px}.emergency{padding:8px;font-size:14px}}@media screen and (max-width: 480px){.navWrap{padding:10px 0}.nav{height:auto;width:85vw;padding:12px}.nav>.center.active{width:100%}.navHead{font-size:14px}.navHead>span{font-size:28px}.nav>.right{gap:5px}#login,.emergency{display:none}}.homeWrap{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ebf5f7;position:relative;flex-direction:row}.content{width:50%;position:relative}.punchLine{color:#25434d;font-size:4rem;padding-left:75px;font-family:Montserrat;width:86%;font-weight:600;line-height:75px}.details{color:#25434d;font-family:Montserrat;width:86%;padding-left:75px;font-weight:500;margin-top:20px;line-height:25px;font-size:20px;font-weight:600}.footdetails{position:absolute;bottom:-100px;color:#25434d;font-family:Montserrat;width:86%;padding-left:75px;font-weight:500;margin-top:20px;line-height:25px;font-size:20px;font-weight:600}.heroImage{width:50%;position:relative;height:100%}.heroImage>img{width:100%;position:absolute;bottom:50px;left:-20px}.services{position:absolute;bottom:-160px;width:100vw;height:30vh;display:flex;justify-content:center;align-items:center}.serviceBox{width:20%;height:100%;background-color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;transition:all .5s ease}.serviceName{color:#25434d;font-family:Montserrat;font-weight:700;font-size:20px}.serviceDetails{color:#25434d;font-family:Montserrat;margin-top:10px}.serviceSvg{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#dedede;border-radius:50%;padding:3px}.serviceBox1{border-top-left-radius:15px;border-bottom-left-radius:15px}.serviceBox4{border-top-right-radius:15px;border-bottom-right-radius:15px}.serviceBox:hover{background-color:#25434d}.serviceBox:hover .serviceSvg{background:#a6e9e0}.serviceBox:hover .serviceName,.serviceBox:hover .serviceDetails{color:#fff}.serviceBox:hover .arrow{filter:invert(1) hue-rotate(154deg)}@media screen and (max-width: 1024px){.punchLine{font-size:3.5rem;line-height:65px;padding-left:50px}.details,.footdetails{padding-left:50px;font-size:18px}.serviceBox{padding:15px}.serviceName{font-size:18px}.serviceDetails{font-size:14px}}@media screen and (max-width: 768px){.homeWrap{flex-direction:column;height:auto;min-height:100vh;padding-top:12vh}.content,.heroImage{width:90%}.punchLine{font-size:2.5rem;line-height:50px;padding-left:0;width:100%}.details{padding-left:0;width:100%;font-size:16px;line-height:22px}.footdetails{position:relative;bottom:0;padding-left:0;width:100%;margin-top:40px;font-size:18px}.heroImage{height:300px;margin-top:30px}.heroImage>img{position:relative;bottom:0;left:0}.services{position:relative;flex-direction:column;height:auto;bottom:0}.serviceBox{width:90%;margin-bottom:15px;flex-direction:row;align-items:center;height:auto;padding:15px}.serviceBox>div:nth-child(2){flex:1;padding-left:15px}.serviceBox1{border-radius:15px 15px 0 0}.serviceBox4{border-radius:0 0 15px 15px}.serviceBox2,.serviceBox3{border-radius:0}}@media screen and (max-width: 480px){.punchLine{font-size:2rem;line-height:40px}.details,.footdetails{font-size:14px;line-height:20px}.footdetails{display:none}.heroImage{height:210px}.services{width:88vw}.serviceName{font-size:16px}.serviceDetails{font-size:12px}}.chatWrap{width:100vw;height:80vh;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;margin-top:15%;gap:35px}.chatHead{color:#25434d;font-size:4rem;font-family:Montserrat}.searchbar{display:flex;gap:10px}#input-medicine{border:2px solid #25434d81;width:60vw;border-radius:40px;font-family:Montserrat;padding:15px 15px 15px 35px;font-size:16px}#input-medicine:hover{border:2px solid #25434dad}#input-medicine:focus-visible{border:2px solid #25434d}#search{border:none;background-color:#a6e9e0;border-radius:40px;padding:20px;font-family:Montserrat;cursor:pointer;font-weight:500;font-size:16px}#search:active{background-color:#86ebdd}.responseBox{width:70vw;height:45vh;gap:20px;display:none;transition:all .5s ease}.chatLogo{width:45px;height:45px;font-family:Cookie,cursive;font-weight:400;font-style:normal;font-size:35px;background-color:#25434d;color:#fff;display:flex;justify-content:center;align-items:flex-end;border-radius:37px;transition:all .5s ease}.response{width:58vw;color:#25434d;font-family:Montserrat;font-weight:500;font-size:20px;word-spacing:2px;transition:all .5s ease;flex-direction:column}.chatPoint{color:#86ebdd}.chatWrap{width:100vw;height:auto;min-height:70vh;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;margin-top:15%;gap:35px;padding:0 15px;box-sizing:border-box}.chatHead{color:#25434d;font-size:4rem;font-family:Montserrat;text-align:center}.searchbar{display:flex;gap:10px;width:100%;max-width:800px;flex-wrap:wrap;justify-content:center}#input-medicine{border:2px solid #25434d81;width:100%;max-width:60vw;border-radius:40px;font-family:Montserrat;padding:15px 15px 15px 35px;font-size:16px;flex:1}.responseBox{width:100%;max-width:70vw;height:auto;min-height:35vh;display:none;gap:20px;transition:all .5s ease}.response{width:100%;max-width:58vw;color:#25434d;font-family:Montserrat;font-weight:500;font-size:20px;word-spacing:2px;transition:all .5s ease;line-height:125%}@media screen and (max-width: 768px){.chatHead{font-size:2.5rem}.searchbar{flex-direction:column;align-items:center}#input-medicine{max-width:90%}#search{width:100%;max-width:200px}.responseBox{max-width:90%}.response{max-width:100%;font-size:16px}}@media screen and (max-width: 480px){.chatHead{font-size:2rem}.chatWrap{margin-top:20%}#input-medicine{padding:12px 12px 12px 20px;font-size:14px;max-width:75vw}#search{padding:12px;font-size:14px}.chatLogo{height:35px;font-size:28px;max-width:35px;margin-bottom:10px}.response{font-size:16px;flex-direction:column}}.responseBox{width:100%;max-width:70vw;height:auto;min-height:35vh;display:none;gap:20px;transition:all .5s ease;background-color:#f5f9fa;border-radius:16px;padding:25px;box-shadow:0 4px 12px #25434d1a;border:1px solid #e0eef0;margin-bottom:20px}.responseContainer{display:flex;gap:20px;width:100%}.chatLogo{width:50px;height:50px;font-family:Cookie,cursive;font-weight:400;font-style:normal;font-size:35px;background-color:#25434d;color:#fff;display:flex;justify-content:center;align-items:flex-end;border-radius:50%;transition:all .5s ease;flex-shrink:0}.response{width:100%;color:#25434d;font-family:Montserrat;font-weight:500;font-size:20px;word-spacing:2px;transition:all .5s ease;line-height:1.6;display:flex;flex-direction:column;gap:15px}.medicine-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;flex-direction:column;padding-bottom:12px;border-bottom:1px solid #e0eef0}.info-row:last-child{border-bottom:none}.info-label{color:#00ac94;font-weight:600;margin-bottom:4px}.info-value{color:#25434d}@media screen and (max-width: 768px){.responseBox{max-width:90%;padding:20px}.response{font-size:16px}.chatLogo{height:35px;font-size:28px;max-width:35px;margin-bottom:10px}}@media screen and (max-width: 480px){.responseBox{padding:15px}.responseContainer{flex-direction:column;align-items:center}.info-row{padding-bottom:10px}}.skin-container{width:100%;padding-top:10vh;font-family:Montserrat,sans-serif;background-color:#f9fafb}.skin-disease-content{padding:40px 30px;max-width:1200px;margin:0 auto}.skin-header{text-align:center;margin-bottom:40px}.skin-disease-content h1{font-size:36px;color:#203942;margin-bottom:10px;font-weight:700}.skin-disease-content p{font-size:18px;color:#4a5568;margin-bottom:15px}.detector-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:60px}.upload-section,.result-section{flex:1;background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014}.upload-section h3,.result-section h3{color:#203942;margin-bottom:20px;font-size:22px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.file-upload-area{position:relative;height:300px;border:2px dashed #cbd5e0;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;margin-bottom:20px;transition:all .3s ease}.file-upload-area:hover{border-color:#203942;background-color:#f7fafc}.drag-over{border-color:#3182ce;background-color:#ebf8ff}.upload-icon{display:flex;flex-direction:column;align-items:center;gap:15px;color:#718096;padding:20px;text-align:center}.upload-info{font-size:14px;color:#a0aec0;margin-top:-5px}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-preview{width:100%;height:100%;position:relative}.image-preview img{width:100%;height:100%;object-fit:contain}.change-image-btn{position:absolute;bottom:10px;right:10px;background-color:#203942cc;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:5px}.change-image-btn:hover{background-color:#203942}.analyze-btn{width:100%;padding:14px;background-color:#203942;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;gap:10px}.analyze-btn:hover{background-color:#2d4f5c;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.analyze-btn:disabled{background-color:#718096;cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner{border:4px solid rgba(0,0,0,.1);width:50px;height:50px;border-radius:50%;border-left-color:#203942;animation:spin 1s linear infinite;margin-bottom:20px}.analyzing-note{font-size:14px;color:#718096;margin-top:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#e53e3e;background-color:#fed7d7;padding:15px;border-radius:8px;margin:20px 0;display:flex;align-items:center;gap:10px}.error-message svg{min-width:24px;color:#c53030}.empty-result{display:flex;height:300px;align-items:center;justify-content:center;color:#718096;text-align:center;border:1px dashed #e2e8f0;border-radius:8px}.prediction-result{padding:10px 0}.result-box{background-color:#edf2f7;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.condition-name{font-size:24px;font-weight:700;color:#203942;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #cbd5e0}.disclaimer{font-size:14px;color:#718096;line-height:1.6}.new-analysis-btn{background-color:#c4f0dd;color:#203942;border:none;padding:14px;width:100%;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.new-analysis-btn:hover{background-color:#9fe0c5;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.service-info{margin-top:60px}.service-info h3{font-size:28px;color:#203942;margin-bottom:30px;text-align:center}.info-cards{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.info-card{flex:1;background:#fff;padding:25px;border-radius:12px;text-align:center;box-shadow:0 4px 10px #0000000d;transition:transform .3s}.info-card:hover{transform:translateY(-5px)}.info-icon{background:#c4f0dd;color:#203942;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-weight:700;font-size:18px}.info-card h4{color:#203942;margin-bottom:10px;font-size:18px}.info-card p{color:#718096;font-size:15px;line-height:1.5}.disclaimer-box{background-color:#fff4e6;border-left:4px solid #ed8936;padding:20px;border-radius:8px;margin-top:20px}.disclaimer-box h4{color:#c05621;margin-bottom:10px;font-size:16px}.disclaimer-box p{color:#7b341e;font-size:14px;line-height:1.6}@media screen and (max-width: 768px){.detector-container{flex-direction:column}.skin-disease-content h1{font-size:28px}.info-cards{flex-direction:column}.file-upload-area{height:250px}.upload-icon svg{width:50px;height:50px}}.footer{background-color:#1d3c45;color:#fff;padding:3rem 2rem;font-family:Montserrat}.pink{background-color:#d35698}.footer-container{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;justify-content:space-between}.footer-brand{flex:0 0 100%;margin-bottom:2rem}@media (min-width: 992px){.footer-brand{flex:0 0 20%;margin-bottom:0}}.footer-logo{font-size:1.8rem;margin:0 0 .5rem;font-weight:500}.footer-tagline{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:background-color .3s}.footer-links-section{flex:0 0 100%;margin-bottom:2rem;padding-top:10px}@media (min-width: 576px){.footer-links-section{flex:0 0 45%}}@media (max-width: 768px){.footer-links-section{flex:1 0 40%}}@media (min-width: 992px){.footer-links-section{flex:0 0 15%;margin-bottom:0}}.footer-links-section h3{font-size:1rem;margin:0 0 1rem;font-weight:500}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .3s}.footer-links a:hover{opacity:.8}.location-title{margin-top:1.5rem}.footer-copyright{max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}.footerhead{color:#a6e9e0;font-size:25px}.footerhead>span{font-size:50px}.footerH3{color:#a6e9e0}.footersvg{background-color:transparent;filter:invert(1)}.footersvg:hover{filter:invert(0)}.social-icon:hover{background-color:#a6e9e0}.FwhiteBut{color:#fff}.period-tracker-app{max-width:800px;margin:0 auto;padding:20px;font-family:Montserrat;animation:fadeIn .7s ease-out forwards}.app-header{text-align:center;margin-bottom:30px}.app-header h1{color:#d35698;font-size:2.2rem}.app-nav{display:flex;justify-content:center;margin-bottom:30px;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.app-nav button{padding:15px 25px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;flex:1;transition:all .3s ease}.app-nav button:hover{background-color:#f6e6f0}.app-nav button.active{background-color:#d35698;color:#fff}.app-content{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 10px #0000001a;min-height:300px}.cycle-form h2,.cycle-list h2,.cycle-stats h2{color:#d35698;margin-bottom:20px;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.symptom-input{display:flex;gap:10px}.symptom-input input{flex:1}.symptom-input button{padding:0 15px;background-color:#d35698;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem}.symptom-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.symptom-tag{background-color:#f6e6f0;color:#d35698;padding:5px 10px;border-radius:15px;display:flex;align-items:center;font-size:.9rem}.symptom-tag button{background:none;border:none;color:#d35698;margin-left:5px;cursor:pointer;font-size:1rem}.submit-btn{background-color:#d35698;color:#fff;border:none;padding:12px 25px;border-radius:5px;font-size:1rem;cursor:pointer;width:100%;margin-top:10px}.submit-btn:hover{background-color:#c14587}.cycle-list ul{list-style:none}.cycle-item{border-bottom:1px solid #eee;margin-bottom:10px}.cycle-header{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;cursor:pointer}.cycle-header:hover{background-color:#f9f6f8}.cycle-dates{font-weight:500}.cycle-separator{margin:0 8px;color:#aaa}.cycle-duration{color:#888;font-size:.9rem}.expand-icon{color:#d35698}.cycle-details{padding:0 20px 20px;background-color:#f9f6f8;border-radius:0 0 5px 5px}.cycle-symptoms,.cycle-notes{margin-bottom:15px}.cycle-symptoms h4,.cycle-notes h4{font-size:.9rem;color:#888;margin-bottom:5px}.symptom-tags{display:flex;flex-wrap:wrap;gap:5px}.cycle-actions,.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.cycle-actions button,.edit-actions button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem}.cycle-actions button:first-child,.edit-actions button:first-child{background-color:#d35698;color:#fff}.cycle-actions button:last-child{background-color:#f1f1f1;color:#666}.edit-actions button:last-child{background-color:#f1f1f1;color:#666}.empty-state{text-align:center;color:#888;padding:30px 0}.stats-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:#f9f0f7;border-radius:10px;padding:20px;text-align:center}.stat-card h3{font-size:1rem;color:#888;margin-bottom:10px}.stat-value{font-size:1.8rem;color:#d35698;font-weight:700;margin-bottom:5px}.stat-desc{font-size:.9rem;color:#888}.common-symptoms h3{color:#d35698;margin-bottom:15px;font-size:1.2rem}.common-symptoms ul{list-style:none}.common-symptoms li{padding:10px;background-color:#f9f0f7;margin-bottom:10px;border-radius:5px;display:flex;justify-content:space-between}.symptom-count{color:#888;font-size:.9rem}.loading,.error-message{text-align:center;padding:20px}.error-message{color:#e74c3c}.auth-form{max-width:400px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Montserrat}.auth-form h2{margin-top:0;margin-bottom:20px;color:#333;text-align:center}.auth-form .form-group{margin-bottom:15px}.auth-form label{display:block;margin-bottom:5px;font-weight:500;color:#333}.auth-form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.auth-form .submit-btn{width:100%;padding:12px;background-color:#d35698;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.auth-form .submit-btn:hover{background-color:#ed3b9a}.auth-form .submit-btn:disabled{background-color:#ffb3b3;cursor:not-allowed}.auth-link{margin-top:15px;text-align:center;font-size:14px}.auth-link a{color:#f4bdda;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{background-color:#fee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:15px}.app-header{display:flex;justify-content:space-between;align-items:center}.user-controls{display:flex;align-items:center}.welcome-text{margin-right:15px;color:#fff}.logout-btn{background-color:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.logout-btn:hover{background-color:#ffffff4d}.symptom-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.symptom-checkbox{display:flex;align-items:center;margin-bottom:8px}.symptom-checkbox input[type=checkbox]{margin-right:8px;width:auto}.symptom-checkbox label{margin-bottom:0;cursor:pointer}.symptom-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.symptom-tag{background-color:#ffecef;color:#ff6b6b;border:1px solid #ffccd4;padding:4px 10px;border-radius:20px;font-size:14px;display:inline-block}.cycle-edit .symptom-options{max-height:200px;overflow-y:auto}.symptom-options::-webkit-scrollbar{width:8px}.symptom-options::-webkit-scrollbar-track{background:#f1f1f1}.symptom-options::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.symptom-options::-webkit-scrollbar-thumb:hover{background:#ccc}.firstaid-detail{margin-top:18vh;width:90%;max-width:1200px;height:auto;padding:0 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.thumbnail:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#fffc;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325434d'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:55% center;background-size:30px;opacity:.9;transition:opacity .3s,transform .3s;box-shadow:0 2px 8px #0003}.search-container{margin:30px auto 0;width:100%;max-width:500px}@media (max-width: 768px){.firstaid-detail{margin-top:12vh}.firstaid-vidgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.thumbnail:after{width:50px;height:50px;background-size:25px}.category-tabs{margin-top:20px}}@media (max-width: 480px){.firstaid-detail{margin-top:10vh;padding:0 15px}.firstaid-head{line-height:1.1}.firstaid-vidgrid{width:90%;gap:15px;margin-top:30px;grid-template-columns:1fr}.video-popover-content{width:95%;height:70%}.search-input{padding:10px 0 10px 16px;font-size:14px}.no-results{padding:30px 15px;font-size:16px}.category-tab{font-size:12px;padding:6px 12px}}.firstaid-wrap{display:flex;min-height:100vh;width:100%;align-content:flex-start;justify-content:center;flex-wrap:wrap;overflow-x:hidden;background-color:#f9fafb}.firstaid-detail{margin-top:18vh;width:90%;max-width:1200px;height:auto;padding:0 20px;text-align:center}.firstaid-head{color:#25434d;font-size:clamp(2.5rem,5vw,4rem);font-family:Montserrat,sans-serif;width:100%;font-weight:700;line-height:1.2;margin-bottom:1rem}.firstaid-body{color:#25434d;font-family:Montserrat,sans-serif;width:100%;margin:0 auto;max-width:800px;line-height:1.6;font-size:clamp(16px,2vw,20px);font-weight:500}.firstaid-vidgrid{width:90%;max-width:1200px;margin:60px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;justify-content:center}.firstaid-vidgrid-item{width:100%;height:auto;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #25434d1a;cursor:pointer;transition:all .2s ease-in-out;background-color:#fff;border:none;position:relative}.firstaid-vidgrid-item:hover{transform:translateY(-8px);box-shadow:0 10px 25px #25434d26}.firstaid-vidgrid-item>.thumbnail{width:100%;height:70%;position:relative;overflow:hidden}.thumbnail>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.firstaid-vidgrid-item:hover .thumbnail>img{transform:scale(1.05)}.thumbnail:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#fffc;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325434d'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:55% center;background-size:30px;opacity:.9;transition:opacity .3s,transform .3s;box-shadow:0 2px 8px #0003}.firstaid-vidgrid-item:hover .thumbnail:after{transform:translate(-50%,-50%) scale(1.1);opacity:1}.vidtitle{color:#25434d;font-family:Montserrat,sans-serif;font-weight:600;font-size:clamp(14px,1.8vw,16px);text-align:center;width:90%;height:30%;padding:0 10px;display:flex;align-items:center;justify-content:center}.video-popover-overlay{width:100vw;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-popover-content{position:relative;width:90%;height:90%;max-width:1000px;background-color:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 15px 40px #0000004d}.video-popover-title{padding:18px 20px;background-color:#25434d;color:#fff;font-weight:600;font-size:clamp(16px,2vw,18px);text-align:center;font-family:Montserrat,sans-serif}.video-popover-content iframe{flex:1}.video-popover-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background-color:#fff3;color:#fff;border:none;border-radius:50%;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:all .2s}.video-popover-close:hover{background-color:#ff3b3be6;transform:rotate(90deg)}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px;width:90%;max-width:800px}.category-tab{padding:8px 16px;background-color:#e6eef0;color:#25434d;border-radius:20px;font-family:Montserrat,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.category-tab.active{background-color:#25434d;color:#fff}.category-tab:hover{background-color:#c8d9dc}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.firstaid-detail,.firstaid-vidgrid{animation:fadeIn .7s ease-out forwards}.firstaid-vidgrid{animation-delay:.2s}@media (max-width: 1200px){.firstaid-vidgrid{gap:20px}}@media (max-width: 768px){.firstaid-detail{margin-top:12vh}.firstaid-vidgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.thumbnail:after{width:50px;height:50px;background-size:25px}}@media (max-width: 480px){.firstaid-detail{margin-top:10vh;padding:0 15px}.firstaid-head{line-height:1.1}.firstaid-vidgrid{width:90%;gap:15px;margin-top:30px;grid-template-columns:1fr}.video-popover-content{width:95%;height:70%}.category-tabs{margin-top:20px}.category-tab{font-size:12px;padding:6px 12px}}.search-container{margin:30px 0 0;width:100%;max-width:500px}.search-input{width:100%;padding:12px 0 12px 20px;border-radius:30px;border:2px solid #e6eef0;background-color:#fff;font-family:Montserrat,sans-serif;font-size:16px;color:#25434d;box-shadow:0 2px 10px #25434d0d;transition:all .2s}.search-input:focus{outline:none;border-color:#25434d;box-shadow:0 2px 15px #25434d1a}.search-input::placeholder{color:#a0b0b5}.no-results{grid-column:1 / -1;text-align:center;padding:50px 20px;color:#25434d;font-family:Montserrat,sans-serif;font-size:18px;background-color:#f0f5f7;border-radius:12px}@media (max-width: 480px){.search-input{padding:10px 0 10px 16px;font-size:14px;max-width:80vw}.no-results{padding:30px 15px;font-size:16px}}.hospital-locator{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;padding-top:15vh;padding-bottom:10vh}.header{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.header h1{color:#2c3e50;margin-bottom:10px;font-size:28px}.location-info{color:#7f8c8d;font-size:14px}.loading,.error{text-align:center;padding:30px;background-color:#f8f9fa;border-radius:8px;margin:20px 0}.error{color:#e74c3c}.results-count{margin-bottom:20px;color:#34495e;font-size:16px}.hospitals-container{display:flex;flex-direction:column;gap:20px}.hospital-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s;position:relative}.hospital-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.hospital-card h3{color:#2c3e50;margin-bottom:15px;font-size:18px}.hospital-details{color:#7f8c8d;font-size:14px}.hospital-details p{margin-bottom:8px;line-height:1.6}.hospital-details .distance{color:#3498db;font-weight:500}.directions-btn{background-color:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s;margin-top:15px}.directions-btn:hover{background-color:#2980b9}@media (min-width: 768px){.hospitals-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.hospital-card{height:100%;display:flex;flex-direction:column}.hospital-details{flex:1}}@media (max-width: 767px){.hospital-locator{padding:15px;padding-top:15vh;padding-bottom:10vh}.header h1{font-size:24px}}*{margin:0;padding:0}body{overflow-x:hidden;background-color:#fefffe}