@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#333;min-height:100vh}body.no-scroll{overflow:hidden}#app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:15px 0;transition:all .3s ease;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar-transparent{background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none}.navbar-transparent .nav-link,.navbar-transparent .navbar-brand span{color:#000;text-shadow:0 0 5px hsla(0,0%,100%,.7)}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-brand{display:flex;align-items:center;text-decoration:none;color:#292727;font-weight:700;font-size:1.3rem}.navbar-transparent .navbar-brand{color:#fff}.nav-logo{height:35px;margin-right:10px}.nav-links{flex:1;justify-content:space-around;margin-left:20px}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{color:#333;text-decoration:none;padding:10px 15px;font-weight:600;transition:all .3s ease;font-size:1.05rem;text-align:center;white-space:nowrap;border-radius:20px;margin:0 5px;background-color:transparent;border:2px solid transparent}.nav-link i{margin-right:5px}.nav-link.router-link-active,.nav-link:hover{color:#007bff;background-color:transparent;border:2px solid transparent;box-shadow:none}.navbar-transparent .nav-link.router-link-active,.navbar-transparent .nav-link:hover{color:#007bff}.menu-toggle{display:none;cursor:pointer}main{flex:1}body:not(.home-page) main{margin-top:70px}.footer{background-color:#f8f9fa;padding:20px 0;text-align:center}.footer .container{display:flex;justify-content:space-between;align-items:center}.social-links{display:flex;gap:15px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#007bff;color:#fff;transition:all .3s ease}.social-link:hover{background-color:#0056b3;transform:translateY(-3px)}@media (max-width:992px){.menu-toggle{display:block}.nav-links{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background-color:#fff;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:30px;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;margin-left:0}.nav-links.active{transform:translateX(0)}.nav-link{margin:10px 0;font-size:1.3rem;width:80%;justify-content:center;padding:15px;font-weight:600}.nav-link.router-link-active,.nav-link:hover{color:#007bff;background-color:transparent;border:2px solid transparent}.navbar-transparent .nav-links{background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-transparent .nav-links .nav-link{color:#333}.navbar-transparent .nav-link.router-link-active,.navbar-transparent .nav-link:hover{color:#007bff;background-color:transparent;border:2px solid transparent}main{margin-top:70px}}@media (max-width:576px){.footer .container{flex-direction:column;gap:15px}}.home-container[data-v-d4c4fbd4]{min-height:100vh;width:100%;position:relative;overflow:hidden;margin:0;padding:0}.hero-section[data-v-d4c4fbd4]{min-height:100vh;width:100%;background:url(/img/uv_defender.1a7d3bbb.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;align-items:center;padding:105px 20px 40px;position:relative;overflow:hidden}.hero-section[data-v-d4c4fbd4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.feature-cards[data-v-d4c4fbd4],.hero-content[data-v-d4c4fbd4],.logo-container[data-v-d4c4fbd4]{position:relative;z-index:1}.logo-container[data-v-d4c4fbd4]{display:flex;align-items:center;margin-top:-10px;margin-bottom:50px}.logo[data-v-d4c4fbd4]{width:80px;height:auto;margin-right:15px}.app-name[data-v-d4c4fbd4]{font-size:2.5rem;font-weight:700;color:#1e5799;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-content[data-v-d4c4fbd4]{width:100%;max-width:750px;margin-top:-5px;margin-bottom:80px}.info-box[data-v-d4c4fbd4]{background:linear-gradient(135deg,rgba(42,174,31,.85),rgba(34,99,164,.85));border-radius:20px;padding:50px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.info-box h2[data-v-d4c4fbd4]{font-size:2.3rem;margin-bottom:20px;color:#fff;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.info-box p[data-v-d4c4fbd4]{font-size:1.1rem;margin-bottom:20px;color:hsla(0,0%,100%,.95);line-height:1.6}.feature-cards[data-v-d4c4fbd4]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1200px}.feature-card[data-v-d4c4fbd4]{background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,94%,.95));border-radius:15px;padding:30px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.15);cursor:pointer;color:#333;transition:transform .3s ease,box-shadow .3s ease;border:1px solid hsla(0,0%,100%,.6)}.feature-card[data-v-d4c4fbd4]:hover{transform:translateY(-10px);box-shadow:0 12px 25px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.9)}.card-icon[data-v-d4c4fbd4]{font-size:2.5rem;margin-bottom:20px;color:#1e88e5;background-color:rgba(30,136,229,.1);width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;transition:all .3s ease}.feature-card:hover .card-icon[data-v-d4c4fbd4]{background-color:#1e88e5;color:#fff;transform:scale(1.1)}.feature-card h3[data-v-d4c4fbd4]{font-size:1.5rem;margin-bottom:15px;color:#1e5799;font-weight:600}.feature-card p[data-v-d4c4fbd4]{font-size:1rem;color:#303030;line-height:1.5}.feature-card[data-v-d4c4fbd4]:first-child{background:linear-gradient(135deg,rgba(215,106,33,.85),hsla(63,65%,67%,.85))}.feature-card:first-child .card-icon[data-v-d4c4fbd4]{color:#e91e63;background-color:rgba(233,30,99,.1)}.feature-card:first-child:hover .card-icon[data-v-d4c4fbd4]{background-color:#e91e63;color:#fff}.feature-card[data-v-d4c4fbd4]:nth-child(2){background:linear-gradient(135deg,rgba(215,106,33,.85),hsla(63,65%,67%,.85))}.feature-card:nth-child(2) .card-icon[data-v-d4c4fbd4]{color:#e91e63;background-color:rgba(233,30,99,.1)}.feature-card:nth-child(2):hover .card-icon[data-v-d4c4fbd4]{background-color:#e91e63;color:#fff}.feature-card[data-v-d4c4fbd4]:nth-child(3){background:linear-gradient(135deg,rgba(215,106,33,.85),hsla(63,65%,67%,.85))}.feature-card:nth-child(3) .card-icon[data-v-d4c4fbd4]{color:#e91e63;background-color:rgba(233,30,99,.1)}.feature-card:nth-child(3):hover .card-icon[data-v-d4c4fbd4]{background-color:#e91e63;color:#fff}.feature-card[data-v-d4c4fbd4]:nth-child(4){background:linear-gradient(135deg,rgba(215,106,33,.85),hsla(63,65%,67%,.85))}.feature-card:nth-child(4) .card-icon[data-v-d4c4fbd4]{color:#e91e63;background-color:rgba(233,30,99,.1)}.feature-card:nth-child(4):hover .card-icon[data-v-d4c4fbd4]{background-color:#e91e63;color:#fff}.feature-card[data-v-d4c4fbd4]:nth-child(5){background:linear-gradient(135deg,rgba(215,106,33,.85),hsla(63,65%,67%,.85))}.feature-card:nth-child(5) .card-icon[data-v-d4c4fbd4]{color:#e91e63;background-color:rgba(233,30,99,.1)}.feature-card:nth-child(5):hover .card-icon[data-v-d4c4fbd4]{background-color:#e91e63;color:#fff}@media (max-width:992px){.feature-cards[data-v-d4c4fbd4]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.feature-cards[data-v-d4c4fbd4]{grid-template-columns:1fr}}.uv-levels-container[data-v-6b17e5e4]{max-width:780px;margin:0 auto;padding:20px}h1[data-v-6b17e5e4]{color:#2c3e50;text-align:center;margin-bottom:10px}.description[data-v-6b17e5e4]{text-align:center;color:#666;margin-bottom:30px}.search-container[data-v-6b17e5e4]{position:relative;margin-bottom:40px}.search-box[data-v-6b17e5e4]{display:flex;margin-bottom:10px}.search-input[data-v-6b17e5e4]{flex:1;padding:12px 15px;border:1px solid #ced4da;border-radius:4px 0 0 4px;font-size:1rem}.search-button[data-v-6b17e5e4]{padding:12px 20px;background-color:#007bff;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem;transition:background-color .3s}.search-button[data-v-6b17e5e4]:hover{background-color:#4d5966}.predictions-dropdown[data-v-6b17e5e4]{position:absolute;width:100%;background:#fff;border:1px solid #ced4da;border-radius:0 0 4px 4px;z-index:10;max-height:200px;overflow-y:auto}.predictions-dropdown ul[data-v-6b17e5e4]{list-style:none;padding:0;margin:0}.predictions-dropdown li[data-v-6b17e5e4]{padding:10px 15px;cursor:pointer;transition:background-color .2s}.predictions-dropdown li[data-v-6b17e5e4]:hover{background-color:#f8f9fa}.current-location[data-v-6b17e5e4]{text-align:center;margin-top:15px}.location-button[data-v-6b17e5e4]{background-color:#007bff;color:#fff;border:none;padding:10px 15px;margin-top:15px;border-radius:4px;cursor:pointer;transition:background-color .3s}.location-button[data-v-6b17e5e4]:hover{background-color:#5a6268}.uv-results[data-v-6b17e5e4]{background-color:#f8f9fa;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.uv-results h2[data-v-6b17e5e4]{text-align:center;margin-bottom:20px;color:#2c3e50}.loading[data-v-6b17e5e4]{text-align:center;padding:20px}.spinner[data-v-6b17e5e4]{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin-6b17e5e4 1s linear infinite;margin:0 auto 15px}@keyframes spin-6b17e5e4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error[data-v-6b17e5e4]{color:#dc3545;text-align:center;padding:20px;background-color:#f8d7da;border-radius:8px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.error-icon[data-v-6b17e5e4]{margin-bottom:10px;font-size:2rem;color:#dc3545}.retry-button[data-v-6b17e5e4]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-top:15px}.retry-button[data-v-6b17e5e4]:hover{background-color:#0069d9}.uv-meter[data-v-6b17e5e4]{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.uv-value[data-v-6b17e5e4]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.uv-scale[data-v-6b17e5e4]{display:flex;width:100%;height:20px;border-radius:10px;overflow:hidden}.scale-segment[data-v-6b17e5e4]{flex:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5)}.low[data-v-6b17e5e4]{background-color:#4abe2a}.moderate[data-v-6b17e5e4]{background-color:#d5cc25;color:#333;text-shadow:none}.high[data-v-6b17e5e4]{background-color:#e46115}.extreme[data-v-6b17e5e4]{background-color:#f24623}.uv-message[data-v-6b17e5e4]{text-align:center;margin-bottom:30px}.uv-message h3[data-v-6b17e5e4]{margin-bottom:10px;color:#2c3e50}.protection-recommendations[data-v-6b17e5e4]{background-color:#e8f4f8;border-radius:8px;padding:20px}.protection-recommendations h3[data-v-6b17e5e4]{margin-bottom:15px;color:#2c3e50}.protection-list[data-v-6b17e5e4]{list-style-type:none;padding:0}.protection-list li[data-v-6b17e5e4]{margin-bottom:10px;display:flex;align-items:center}.icon[data-v-6b17e5e4]{margin-right:10px;font-size:1.2rem;width:25px;text-align:center}.uv-info-section[data-v-6b17e5e4]{margin-top:40px}.uv-info-section h2[data-v-6b17e5e4]{text-align:center;margin-bottom:20px;color:#2c3e50}.uv-scale-info[data-v-6b17e5e4]{display:flex;flex-direction:column;gap:11px}.uv-scale-item[data-v-6b17e5e4]{padding:18px;border-radius:8px;color:#fff;margin-bottom:5px}.uv-scale-item.moderate[data-v-6b17e5e4]{color:#333}.uv-scale-item h3[data-v-6b17e5e4]{margin-bottom:10px}@media (max-width:576px){.search-box[data-v-6b17e5e4]{flex-direction:column}.search-input[data-v-6b17e5e4]{border-radius:4px;margin-bottom:10px}.search-button[data-v-6b17e5e4]{border-radius:5px;width:100%}.uv-scale[data-v-6b17e5e4]{height:30px}}.uv-impact-container[data-v-0030a380]{max-width:1200px;margin:0 auto;padding:30px;position:relative;background-color:#f9fcff;border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.05)}h1[data-v-0030a380]{color:#1e5799;text-align:center;margin-bottom:25px;position:relative;padding-bottom:0}.description[data-v-0030a380]{text-align:center;max-width:800px;margin:0 auto 30px;color:#333;line-height:1.6;background-color:rgba(227,242,253,.9);padding:15px 20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);border-left:none}.charts-container[data-v-0030a380]{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.chart-box[data-v-0030a380]{flex:1;min-width:300px;max-width:550px;background-color:transparent;border-radius:12px;padding:25px;transition:transform .3s ease;box-shadow:none;border-top:none}.chart-box[data-v-0030a380]:hover{transform:translateY(-5px);box-shadow:none}.chart-box h2[data-v-0030a380]{color:#1e5799;font-size:1.4rem;margin-bottom:20px;text-align:center;background-color:rgba(227,242,253,.9);padding:10px 15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.image-wrapper[data-v-0030a380]{display:flex;justify-content:center;align-items:center;margin:20px 0;overflow:hidden;border-radius:8px;box-shadow:0 3px 15px rgba(0,0,0,.1);background-color:transparent}.chart-image[data-v-0030a380]{max-width:100%;height:auto;border-radius:5px;transition:transform .3s ease}.chart-image[data-v-0030a380]:hover{transform:scale(1.02)}.chart-description[data-v-0030a380]{font-size:.95rem;color:#333;line-height:1.6;background-color:rgba(227,242,253,.9);padding:15px;border-radius:8px;margin-top:15px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.info-section[data-v-0030a380]{background:linear-gradient(to bottom right,#e3f2fd,#bbdefb);border-radius:12px;padding:30px;margin-top:40px;box-shadow:0 3px 10px rgba(0,0,0,.08)}.info-section h2[data-v-0030a380]{color:#1e5799;text-align:center;margin-bottom:20px;padding:10px 15px;border-radius:8px}.fact-list[data-v-0030a380]{list-style-type:none;padding:0}.fact-list li[data-v-0030a380]{padding:12px 15px 12px 35px;position:relative;margin-bottom:10px;border-radius:8px;transition:transform .2s ease}.fact-list li[data-v-0030a380]:before{content:"*";color:#1e88e5;font-size:1.5em;position:absolute;left:15px;top:10px}@media (max-width:768px){.charts-container[data-v-0030a380]{flex-direction:column}.chart-box[data-v-0030a380]{max-width:100%}}.personalized-advice-container[data-v-3ae8faea]{max-width:900px;margin:0 auto;padding:30px 20px;font-family:Poppins,sans-serif;color:#333}h1[data-v-3ae8faea]{color:#2467af;text-align:center;margin-bottom:30px;font-size:2.2rem;font-weight:600}h2[data-v-3ae8faea]{color:#2c3e50;margin-bottom:20px;font-size:1.8rem;font-weight:500}h3[data-v-3ae8faea]{color:#2467af;margin-bottom:15px;font-size:1.4rem;font-weight:500}.skin-type-selector[data-v-3ae8faea]{background-color:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:40px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.instruction[data-v-3ae8faea]{color:#6c757d;margin-bottom:20px;font-size:1.1rem}.slider-container[data-v-3ae8faea]{margin:30px 0}.skin-type-slider[data-v-3ae8faea]{width:100%;height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#ffe0bd,#e9be7f,#d49e57,#aa6d2c,#884b16,#5d4037);outline:none;border-radius:6px;cursor:pointer}.skin-type-slider[data-v-3ae8faea]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#2467af;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2)}.skin-type-labels[data-v-3ae8faea]{display:flex;justify-content:space-between;margin:15px 0;font-weight:500;color:#495057}.skin-type-description[data-v-3ae8faea]{margin-top:25px;padding:20px;background-color:#e8f4f8;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.uv-query-section[data-v-3ae8faea]{background-color:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:40px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.search-container[data-v-3ae8faea]{position:relative;margin-bottom:20px}.search-box[data-v-3ae8faea]{display:flex;margin-bottom:10px}.search-input[data-v-3ae8faea]{flex:1;padding:12px 15px;border:1px solid #ced4da;border-radius:4px 0 0 4px;font-size:1rem}.search-button[data-v-3ae8faea]{padding:12px 20px;background-color:#2467af;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem;transition:background-color .3s}.search-button[data-v-3ae8faea]:hover{background-color:#1a4f8a}.location-button[data-v-3ae8faea]{width:100%;padding:10px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.location-button[data-v-3ae8faea]:hover{background-color:#5a6268}.predictions-dropdown[data-v-3ae8faea]{position:absolute;width:100%;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;z-index:10;max-height:200px;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.predictions-dropdown ul[data-v-3ae8faea]{list-style:none;padding:0;margin:0}.predictions-dropdown li[data-v-3ae8faea]{padding:10px 15px;cursor:pointer;border-bottom:1px solid #eee}.predictions-dropdown li[data-v-3ae8faea]:hover{background-color:#f8f9fa}.predictions-dropdown li[data-v-3ae8faea]:last-child{border-bottom:none}.uv-result[data-v-3ae8faea]{margin-top:20px;padding:15px;background-color:#e8f4f8;border-radius:8px;text-align:center}.uv-value[data-v-3ae8faea]{display:inline-block;font-size:1.4rem;font-weight:700;color:#fff;background-color:#2467af;padding:10px 15px;border-radius:50%;margin:0 5px}.advice-container[data-v-3ae8faea]{margin-top:40px}.advice-card[data-v-3ae8faea]{background-color:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease}.advice-card[data-v-3ae8faea]:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.card-icon[data-v-3ae8faea]{font-size:2rem;margin-right:20px;min-width:40px;text-align:center}.card-content[data-v-3ae8faea]{flex:1}.card-icon[data-v-3ae8faea]{color:#2467af}.sunscreen-recommendation .card-icon[data-v-3ae8faea]{color:#3498db}.sunscreen-amount[data-v-3ae8faea]{font-size:1.8rem;font-weight:700;color:#2467af;margin:20px 0;text-align:center}.reapplication[data-v-3ae8faea]{font-style:italic;color:#6c757d;margin-top:15px}.loading-indicator[data-v-3ae8faea]{text-align:center;padding:40px;color:#6c757d;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner[data-v-3ae8faea]{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #2467af;width:40px;height:40px;animation:spin-3ae8faea 1s linear infinite;margin-bottom:20px}@keyframes spin-3ae8faea{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error[data-v-3ae8faea]{background-color:#f8d7da;color:#721c24;padding:20px;border-radius:8px;margin:30px 0;text-align:center}.retry-button[data-v-3ae8faea]{background-color:#2467af;color:#fff;border:none;padding:10px 20px;border-radius:5px;margin-top:15px;cursor:pointer;font-weight:500;transition:background-color .3s}.retry-button[data-v-3ae8faea]:hover{background-color:#1a4f8a}@media (max-width:768px){.advice-card[data-v-3ae8faea]{flex-direction:column}.card-icon[data-v-3ae8faea]{margin-right:0;margin-bottom:15px;font-size:1.8rem}.skin-type-slider[data-v-3ae8faea]::-webkit-slider-thumb{width:20px;height:20px}.search-box[data-v-3ae8faea]{flex-direction:column}.search-input[data-v-3ae8faea]{border-radius:4px;margin-bottom:10px}.search-button[data-v-3ae8faea]{border-radius:4px;width:100%}}.additional-info[data-v-3ae8faea]{font-style:italic;margin-top:10px;padding:8px 12px;background-color:#f0f7ff;border-radius:6px;border-left:3px solid #2467af}.sunscreen-reminders-container[data-v-502c5e0d]{max-width:800px;margin:0 auto;padding:20px}h1[data-v-502c5e0d]{color:#2c3e50;text-align:center;margin-bottom:20px}.description[data-v-502c5e0d]{text-align:center;max-width:600px;margin:0 auto 30px;color:#555;line-height:1.6}.reminder-form[data-v-502c5e0d]{background-color:#f8f9fa;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-group[data-v-502c5e0d]{margin-bottom:20px}.form-group label[data-v-502c5e0d]{display:block;margin-bottom:8px;font-weight:500}.form-control[data-v-502c5e0d]{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.uv-section[data-v-502c5e0d]{background-color:#f0f8ff;border-radius:8px;padding:20px;margin-bottom:25px;border:1px solid #d1e7ff}.uv-prompt[data-v-502c5e0d]{text-align:center;margin-bottom:20px;color:#0056b3;font-weight:500}.location-input[data-v-502c5e0d]{display:flex;gap:10px;margin-bottom:10px}.location-btn[data-v-502c5e0d]{margin-top:10px}.predictions-dropdown[data-v-502c5e0d]{position:absolute;width:calc(100% - 50px);background:#fff;border:1px solid #ced4da;border-radius:0 0 4px 4px;z-index:10;max-height:200px;overflow-y:auto}.predictions-dropdown ul[data-v-502c5e0d]{list-style:none;padding:0;margin:0}.predictions-dropdown li[data-v-502c5e0d]{padding:10px 15px;cursor:pointer;transition:background-color .2s}.predictions-dropdown li[data-v-502c5e0d]:hover{background-color:#f8f9fa}.loading-indicator[data-v-502c5e0d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:15px 0;background-color:#f8f9fa;border-radius:8px}.spinner[data-v-502c5e0d]{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin-502c5e0d 1s linear infinite;margin-bottom:10px}@keyframes spin-502c5e0d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-border[data-v-502c5e0d]{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border-502c5e0d .75s linear infinite;margin-right:5px}@keyframes spinner-border-502c5e0d{to{transform:rotate(1turn)}}.error-message[data-v-502c5e0d]{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin:15px 0;display:flex;align-items:center}.error-icon[data-v-502c5e0d]{font-size:1.5rem;margin-right:10px;font-style:normal}.current-uv[data-v-502c5e0d]{background-color:#fff;border-radius:8px;padding:15px;margin-top:20px;border:1px solid #e9ecef;text-align:center}.current-uv h3[data-v-502c5e0d]{margin-bottom:10px}.recommendation-box[data-v-502c5e0d]{background-color:#e8f4f8;border-radius:8px;padding:15px;margin:20px 0;border-left:4px solid #007bff}.recommendation-box h3[data-v-502c5e0d]{margin-bottom:10px;color:#2c3e50}.apply-btn[data-v-502c5e0d]{margin-top:10px}.time-options[data-v-502c5e0d]{display:flex;align-items:center}.time-input[data-v-502c5e0d]{width:150px;margin-left:10px}.or-text[data-v-502c5e0d]{margin:0 15px;color:#6c757d}.btn[data-v-502c5e0d]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-primary[data-v-502c5e0d]{background-color:#007bff;color:#fff}.btn-primary[data-v-502c5e0d]:hover{background-color:#0069d9}.btn-secondary[data-v-502c5e0d]{background-color:#007bff;color:#fff}.btn-secondary[data-v-502c5e0d]:hover{background-color:#5a6268}.btn-success[data-v-502c5e0d]{background-color:#28a745;color:#fff}.btn-success[data-v-502c5e0d]:hover{background-color:#218838}.btn-outline-primary[data-v-502c5e0d]{background-color:transparent;color:#007bff;border:1px solid #007bff}.btn-outline-primary[data-v-502c5e0d]:hover{background-color:#007bff;color:#fff}.btn[data-v-502c5e0d]:disabled{background-color:#ccc;cursor:not-allowed}.save-btn[data-v-502c5e0d]{width:100%;padding:12px;font-weight:500}.reminder-summary[data-v-502c5e0d]{background-color:#e8f4f8;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.reminder-details[data-v-502c5e0d]{margin:20px 0}.reminder-actions[data-v-502c5e0d]{display:flex;gap:15px;margin-top:20px}.tips-section[data-v-502c5e0d]{background-color:#f8f9fa;border-radius:10px;padding:25px;margin-top:30px}.tips-list[data-v-502c5e0d]{list-style-type:none;padding:0}.tips-list li[data-v-502c5e0d]{padding:8px 0 8px 30px;position:relative}.tips-list li[data-v-502c5e0d]:before{content:"\2713";color:#28a745;position:absolute;left:5px}.low-uv[data-v-502c5e0d]{background-color:#f0f8ff;border-left:4px solid #007bff}.low-uv h3[data-v-502c5e0d]{color:#007bff}.note[data-v-502c5e0d]{font-size:.8em;color:#6c757d}@media (max-width:576px){.location-input[data-v-502c5e0d]{flex-direction:column;gap:5px}.predictions-dropdown[data-v-502c5e0d]{width:100%}.time-options[data-v-502c5e0d]{flex-direction:column;align-items:flex-start}.time-input[data-v-502c5e0d]{margin-left:0;margin-top:10px;width:100%}.or-text[data-v-502c5e0d]{margin:10px 0}.reminder-actions[data-v-502c5e0d]{flex-direction:column}.reminder-actions button[data-v-502c5e0d]{width:100%;margin-bottom:10px}}.sun-safe-products-container[data-v-6ac1b0c4]{max-width:1200px;margin:0 auto;padding:20px}h1[data-v-6ac1b0c4]{color:#2c3e50;text-align:center;margin-bottom:20px}.description[data-v-6ac1b0c4]{text-align:center;max-width:800px;margin:0 auto 30px;color:#555;line-height:1.6}.filter-section[data-v-6ac1b0c4]{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.search-box[data-v-6ac1b0c4]{width:100%;max-width:500px;margin-bottom:20px}.search-input[data-v-6ac1b0c4]{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:25px;font-size:1rem;transition:border-color .3s}.search-input[data-v-6ac1b0c4]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.category-filters[data-v-6ac1b0c4]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.category-btn[data-v-6ac1b0c4]{padding:8px 15px;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:20px;cursor:pointer;transition:all .3s}.category-btn[data-v-6ac1b0c4]:hover{background-color:#e9ecef}.category-btn.active[data-v-6ac1b0c4]{background-color:#007bff;color:#fff;border-color:#007bff}.error-message[data-v-6ac1b0c4],.loading-message[data-v-6ac1b0c4],.no-results[data-v-6ac1b0c4]{text-align:center;padding:40px 0}.spinner[data-v-6ac1b0c4]{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin-6ac1b0c4 1s linear infinite;margin:0 auto 20px}@keyframes spin-6ac1b0c4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-btn[data-v-6ac1b0c4]{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.products-grid[data-v-6ac1b0c4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px}.product-card[data-v-6ac1b0c4]{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;background-color:#fff}.product-card[data-v-6ac1b0c4]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.product-image[data-v-6ac1b0c4]{height:200px;overflow:hidden}.product-image img[data-v-6ac1b0c4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img[data-v-6ac1b0c4]{transform:scale(1.05)}.product-info[data-v-6ac1b0c4]{padding:20px}.product-info h3[data-v-6ac1b0c4]{margin-top:0;margin-bottom:10px;color:#2c3e50}.product-description[data-v-6ac1b0c4]{color:#6c757d;margin-bottom:15px;font-size:.9rem;line-height:1.5}.product-price[data-v-6ac1b0c4]{font-weight:700;color:#28a745;font-size:1.2rem;margin-bottom:15px}.buy-btn[data-v-6ac1b0c4]{display:block;width:100%;padding:10px;background-color:#007bff;color:#fff;text-align:center;text-decoration:none;border-radius:5px;transition:background-color .3s}.buy-btn[data-v-6ac1b0c4]:hover{background-color:#0069d9}.info-section[data-v-6ac1b0c4]{background-color:#f8f9fa;border-radius:10px;padding:30px;margin-top:40px}.info-section h2[data-v-6ac1b0c4]{text-align:center;margin-bottom:25px;color:#2c3e50}.info-columns[data-v-6ac1b0c4]{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.info-column[data-v-6ac1b0c4]{flex:1;min-width:250px}.info-column h3[data-v-6ac1b0c4]{color:#007bff;margin-bottom:15px}.info-column ul[data-v-6ac1b0c4]{padding-left:20px}.info-column li[data-v-6ac1b0c4]{margin-bottom:8px;line-height:1.5}@media (max-width:768px){.products-grid[data-v-6ac1b0c4]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-columns[data-v-6ac1b0c4]{flex-direction:column}.category-filters[data-v-6ac1b0c4]{flex-direction:column;width:100%}.category-btn[data-v-6ac1b0c4]{width:100%}}