@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--primary-color: #4CAF50;--secondary-color: #8BC34A;--accent-color: #FFC107;--text-light: #ffffff;--text-dark: #1a1a1a;--card-bg: #1a1a1a;--card-lighter: #2a2a2a;--error-color: #F44336;--warning-color: #FF9800;--bg-color: #121212;--nav-bg: rgba(26, 26, 26, .95);--card-shadow: 0 4px 12px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--bg-color);font-family:Quicksand,sans-serif;min-height:100vh}.App{font-family:Quicksand,sans-serif;background-color:var(--bg-color);min-height:100vh;height:auto;position:relative;color:var(--text-light);transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.nav-bar{position:sticky;top:0;width:100%;z-index:1000;transition:all .3s ease;background-color:var(--nav-bg);box-shadow:0 2px 8px #00000026;margin-bottom:1rem}.nav-bar.scrolled{box-shadow:0 3px 10px #0003}.nav-bar ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.05);padding:15px;margin:0;list-style:none;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.nav-bar li{display:flex;align-items:center}.nav-bar li a{list-style:none;text-decoration:none;color:var(--text-light);position:relative;padding:8px 15px;border-radius:20px;transition:all .3s ease;display:flex;align-items:center;gap:8px;letter-spacing:.5px}.nav-bar li.active a{background-color:#ffffff26;color:var(--accent-color)}.nav-bar li a:hover{color:var(--accent-color)}.nav-bar li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:width .3s ease}.nav-bar li a:hover:after{width:100%}.location-section{text-align:center;color:#fff;padding:4% 5% 8%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.location-section p{font-size:1.2em;font-family:Poppins,sans-serif;font-weight:300;margin:.5em 0 2em;max-width:600px}.features-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px auto;max-width:1000px}.feature-card{background:var(--card-bg);border-radius:10px;padding:20px;width:280px;box-shadow:var(--card-shadow);text-align:center;transition:all .3s ease;color:var(--text-dark);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.feature-icon{font-size:2.5em;margin-bottom:10px;color:var(--primary-color)}.feature-title{font-size:1.3em;margin-bottom:10px;font-weight:600}.feature-desc{font-size:.9em;color:var(--text-dark);opacity:.8;font-family:Roboto,sans-serif}.location-error,.location-header{position:relative;margin-bottom:20px}.location-header:after{content:"";display:block;width:80px;height:4px;background:var(--accent-color);margin:10px auto 30px;border-radius:2px}.location-header h1{font-size:4.5em;margin:0;background:linear-gradient(to right,#fff,#bbdefb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 2px 5px rgba(0,0,0,.2)}.animated-weather-icon{position:absolute;top:-30px;right:-30px;font-size:2.5em;color:#ffeb3b;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.searchBox{position:relative;margin:20px auto;background:#fff3;height:50px;border-radius:60px;width:350px;padding:0 10px;display:flex;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.3);transition:all .4s ease}.searchBox:focus-within{box-shadow:0 6px 20px #1343bc4d;transform:translateY(-2px)}.searchInput{border:none;background:none;outline:none;padding:0 10px;color:#fff;font-size:1.1em;font-family:Poppins,sans-serif;font-weight:400;line-height:50px;width:100%}.searchInput::placeholder{color:#ffffffb3}.searchButton{color:#fff;min-width:50px;height:40px;border-radius:40px;background:var(--primary-color);display:flex;justify-content:center;align-items:center;transition:.3s;padding:0 15px;cursor:pointer;border:none}.searchButton:hover{background:var(--accent-color);transform:scale(1.05)}.searchButton:disabled{background:#666;cursor:not-allowed}@media screen and (max-width: 620px){.searchBox{width:90%;max-width:350px}}.about-section{color:#fff;text-align:center;padding-top:4%}.about-section h1{font-size:2.4em;margin:0}.about-section p{font-family:Roboto,sans-serif;font-size:1.3em;margin:2% 10%}.footer{background-color:#0b1667;border-top:solid white 1px;margin:0;position:fixed;left:0;bottom:0;width:100%;color:#fff;text-align:center;display:flex}.footer p{margin:0}.select-sport-header{text-align:center;color:#fff;padding-top:4%}.select-sport-header h1{margin:0;padding-bottom:5%;font-size:2.4em}.sport-buttons{margin:5% 20%}.sport-btn-container img{width:100px;height:100px}.sport-btn-container img:hover{width:120px;height:120px}.error-message{background-color:#ea43351a;color:#ea4335;padding:10px 15px;border-radius:5px;font-family:Roboto,sans-serif;font-size:.9em;margin-top:15px;display:inline-block;border-left:3px solid #ea4335}.weather-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.weather-particle{position:absolute;display:block;pointer-events:none;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-100px) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(calc(100vh + 100px)) rotate(360deg);opacity:0}}.dark-mode-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--card-bg);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);z-index:1000;transition:all .3s ease}.dark-mode-toggle:hover{transform:scale(1.1)}@media screen and (max-width: 768px){.location-header h1{font-size:3.5em}.features-container{flex-direction:column;align-items:center}.feature-card{width:90%;max-width:350px}}.location-section{max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;color:#fff;min-height:calc(100vh - 70px)}.location-notification{padding:1.2rem 1.5rem;margin-top:2rem;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#121212;border:1px solid rgba(255,215,0,.3);color:gold;font-size:1rem;animation:fadeIn .4s ease-out}.location-notification p{display:flex;align-items:center;gap:.5rem;margin:0}.location-info{display:flex;align-items:center;gap:.8rem}.location-header{text-align:center;margin-bottom:2rem;animation:fadeIn .8s ease-out;max-width:800px;width:100%}.location-header h1{font-family:Quicksand,sans-serif;font-weight:700;font-size:3rem;margin-bottom:.5rem;color:gold;text-shadow:0px 2px 4px rgba(0,0,0,.3)}.location-header p{font-family:Montserrat,sans-serif;font-size:1.2rem;color:#e0e0e0;max-width:600px;margin:0 auto;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-container{max-width:800px;width:90%;margin:0 auto;animation:fadeIn .5s ease-out;padding:2rem 0;position:relative;display:flex;justify-content:center;align-items:center}.setup-step{background-color:#222;border-radius:12px;padding:1.5rem;transition:all .3s ease;border:1px solid #3a3a3a;flex:1;min-width:250px;max-width:450px;height:fit-content;box-shadow:0 2px 10px #00000080}.setup-step.active{border-color:gold;background-color:#2a2a2a;box-shadow:0 4px 15px #ffd70033}.setup-step.completed{opacity:.9;border-color:#ffd70066}.setup-step.inactive{opacity:.4;pointer-events:none}.location-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.step-title{font-family:Quicksand,sans-serif;font-weight:600;font-size:2rem;color:gold;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setup-flow-container{background-color:#ffffffe6;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem;display:flex;flex-direction:column;gap:2rem}.step-indicators{position:absolute;top:-30px;left:0;right:0;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;width:100%}.step-indicator{width:40px;height:40px;border-radius:50%;background-color:#3a3a3a;color:silver;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:1.1rem;transition:all .3s ease}.step-indicator.active{background-color:gold;color:#1a1a1a;box-shadow:0 0 0 4px #ffd70033}.step-connector{height:3px;width:100px;background-color:#3a3a3a;margin:0 10px}.setup-step{background-color:#1a1a1a;border-radius:8px;padding:1.5rem;transition:all .3s ease;border:2px solid transparent;margin-bottom:1rem;opacity:.7}.setup-step.active{border-color:#4caf50;background-color:#2a2a2a;box-shadow:0 4px 12px #0000001a;opacity:1}.setup-step.completed{border-color:#deeadd;opacity:.9}.setup-step.inactive{filter:grayscale(1);opacity:.6}.step-title{display:flex;align-items:center;font-size:1.5rem;margin-bottom:1.5rem;font-family:Quicksand,sans-serif;font-weight:600;color:#333}.step-number{width:32px;height:32px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1rem;margin-right:12px}.search-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto}.search-container{display:flex;width:100%;max-width:600px;border-radius:30px;overflow:hidden;box-shadow:0 5px 15px #0000004d;border:1px solid #333;margin:1.5rem auto;transition:transform .3s ease,box-shadow .3s ease;background-color:#121212b3;position:relative}.searchInput{width:100%;padding:1.2rem 1.5rem;padding-right:60px;border:none;font-size:1.1rem;outline:none;font-family:Montserrat,sans-serif;background-color:transparent;color:#e0e0e0;letter-spacing:.02em;transition:all .3s ease;box-sizing:border-box}.search-container:focus-within{box-shadow:0 6px 18px #ffd70026;border-color:gold;transform:translateY(-2px)}.searchButton{width:60px;height:100%;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;padding:0;margin:0;cursor:pointer;transition:all .3s ease;color:gold;font-size:1.5rem;position:absolute;right:0;top:0}.searchButton:hover{background-color:#1a1a1a;transform:scale(1.05)}.searchButton:disabled{background-color:#1a1a1a;color:#666;cursor:not-allowed}.location-error{margin:.8rem 0;color:#ff6b6b;text-align:center;font-family:Montserrat,sans-serif;padding:.7rem 1rem;border-radius:8px;background-color:#ff6b6b26;border-left:3px solid #ff6b6b;width:100%;max-width:600px;animation:fadeIn .3s ease-out}.selected-location{margin:1.2rem 0;display:flex;align-items:center;gap:10px;color:gold;font-family:Montserrat,sans-serif;padding:.7rem 1rem;background-color:#ffd70026;border-radius:8px;animation:fadeIn .3s ease-out}.selected-location svg{color:gold}.sport-selection-section{margin-top:2rem;border-top:1px solid rgba(0,0,0,.06);padding-top:1rem}.sport-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin:1rem 0}.sport-option{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);background-color:#1a1a1a;box-shadow:0 2px 8px #0003}.sport-option:hover{background-color:#ffd7001a;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.sport-option.selected{border-color:gold;background-color:#2a2a2a}.sport-icon-container{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#2a2a2a;box-shadow:0 2px 8px #00000026;margin-bottom:.6rem;overflow:hidden;transition:all .2s ease}.sport-option.selected .sport-icon-container{box-shadow:0 3px 10px #ffd7004d;background-color:gold}.sport-icon-container img{width:65%;height:65%;object-fit:contain}.sport-option p{font-size:.85rem;text-align:center;margin:0;font-family:Montserrat,sans-serif;color:silver;transition:all .2s ease}.sport-option.selected p{color:gold;font-weight:500}.next-button-container{display:flex;justify-content:flex-end;margin-left:1rem}.next-button{background-color:gold;color:#1a1a1a;border:none;border-radius:30px;padding:.8rem 1.6rem;font-size:1.1rem;font-weight:600;font-family:Quicksand,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70033;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.next-button:hover{background-color:#fc0;transform:translateY(-2px);box-shadow:0 6px 18px #ffd7004d}.next-button:disabled{background-color:#7a7244;cursor:not-allowed;transform:none;box-shadow:none}.continue-button-container{margin-top:2rem;text-align:center}.search-button{background-color:gold;color:#1a1a1a;border:none;border-radius:30px;padding:.8rem 2rem;font-size:1rem;font-weight:600;font-family:Quicksand,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70033}.search-button:hover{background-color:#fc0;transform:translateY(-2px);box-shadow:0 6px 18px #ffd7004d}.search-button:disabled{background-color:#7a7244;cursor:not-allowed;transform:none;box-shadow:none}.selected-sport{margin-top:1rem;display:none}.weather-preview-placeholder{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0aec0;text-align:center;font-family:Montserrat,sans-serif;gap:1.5rem}.placeholder-icon{font-size:4rem!important;opacity:.4}.weather-preview-content{padding:.5rem;animation:fadeIn .5s ease-out}.weather-icon{text-align:center;margin:0 auto 1.5rem;height:80px;position:relative;width:100px;display:flex;align-items:center;justify-content:center}.weather-icon .sun-icon{color:#f6ad55;font-size:3.5rem;animation:pulse 2s infinite ease-in-out;opacity:0;position:absolute}.weather-icon .cloud-icon{color:#a0aec0;font-size:3rem;opacity:0;position:absolute}.weather-icon.clear .sun-icon{opacity:1}.weather-icon.clouds .sun-icon{opacity:.4;right:15px}.weather-icon.clouds .cloud-icon{opacity:.8;left:15px}.weather-icon.rain .cloud-icon,.weather-icon.drizzle .cloud-icon,.weather-icon.thunderstorm .cloud-icon,.weather-icon.snow .cloud-icon{opacity:.9;transform:scale(1.2)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.weather-main-info{text-align:center;margin-bottom:1.5rem}.weather-main-info h3{font-family:Quicksand,sans-serif;font-size:1.5rem;margin:0 0 .5rem;color:#2d3748}.current-temp{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:.5rem}.current-temp span{font-family:Quicksand,sans-serif;font-size:2rem;font-weight:600;color:#2d3748}.current-temp svg{color:#f6ad55;font-size:1.5rem}.weather-description{font-family:Montserrat,sans-serif;color:#4a5568;margin:.5rem 0;text-transform:capitalize}.weather-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#ffffff80;border-radius:12px;box-shadow:0 2px 10px #00000008}.weather-detail-item{display:flex;align-items:center;gap:8px}.weather-detail-item svg{color:#5c8adc;font-size:1.2rem}.weather-detail-item p{font-family:Montserrat,sans-serif;margin:0;font-size:.9rem;color:#4a5568}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.get-rating-btn{background-color:#5c8adc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #5c8adc40}.get-rating-btn:hover{background-color:#4a75c4;transform:translateY(-2px);box-shadow:0 6px 15px #5c8adc4d}.view-weather-btn{background-color:#00000008;border:2px solid rgba(92,138,220,.4);color:#5c8adc;padding:.6rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.view-weather-btn:hover{background-color:#5c8adc1a;border-color:#5c8adc}.select-sport-prompt{color:#718096;text-align:center;font-style:italic;margin:.5rem 0;font-family:Montserrat,sans-serif;padding:.75rem;background-color:#00000008;border-radius:8px}.sport-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:550px;background-color:#1a1a1a;border:2px solid #2a2a2a;box-shadow:0 5px 25px #00000080;padding:2rem;border-radius:15px;outline:none;color:#fff;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #2a2a2a;padding-bottom:.75rem}.modal-header h2{font-family:Quicksand,sans-serif;color:gold;margin:0;font-size:1.6rem}.close-button{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;transition:color .2s;padding:.5rem}.close-button:hover{color:gold}.sport-options-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 900px){.main-container{width:90%}.location-content{padding:1rem}.location-header h1{font-size:2.2rem}.step-title{font-size:1.2rem}.sport-options{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.step-connector{width:40px}.sport-options{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.sport-icon-container{width:50px;height:50px}}@media (max-width: 768px){.location-notification{flex-direction:column;padding:1.2rem;gap:1rem}.next-button-container{margin-left:0;width:100%;justify-content:center}.next-button{width:100%;justify-content:center}}@media (max-width: 480px){.location-header h1{font-size:2.5rem}.location-section{padding:1.5rem .75rem}.main-container{padding:1.5rem 1rem}.step-indicator{width:30px;height:30px}.step-connector{width:30px}.search-container{max-width:100%}}.about-section{padding:2rem 0}.about-section-container{background-color:#1a1a1a;border-radius:24px;padding:2rem;max-width:1000px;margin:0 auto;box-shadow:0 10px 30px #0003;color:#fff}.about-title{text-align:center;font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:2rem;color:gold;font-size:2.2rem}.tab-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tab-button{padding:.8rem 1.5rem;border:none;border-radius:50px;background-color:#ffffff1a;color:#fff;font-family:Quicksand,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.tab-button:hover{transform:translateY(-3px);background-color:#fff3}.section-title{font-family:Montserrat,sans-serif;font-weight:600;color:gold;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.about-content{animation:fadeIn .5s ease-out;padding:1rem;display:flex;flex-direction:column;gap:2.5rem}.about-description{font-family:Quicksand,sans-serif;line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem;color:#e0e0e0}.feature-item{margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:1rem}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#ffd7001a;border-radius:10px;padding:1.5rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-name{font-family:Montserrat,sans-serif;font-weight:600;color:gold}.feature-item ul{list-style-type:none;padding-left:.5rem}.feature-item li{font-family:Quicksand,sans-serif;margin-bottom:.8rem;line-height:1.6;position:relative;padding-left:1.5rem}.how-it-works-steps{counter-reset:step-counter;list-style-type:none;padding-left:0;margin-top:1.5rem}.how-it-works-steps li{counter-increment:step-counter;display:flex;align-items:center;margin-bottom:1rem;background-color:#ffffff0d;padding:1rem;border-radius:8px;transition:all .3s ease}.how-it-works-steps li:hover{background-color:#ffd7001a}.how-it-works-steps li:before{content:counter(step-counter);background-color:gold;color:#1a1a1a;font-weight:700;font-size:1rem;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;margin-right:1rem}.step-description{font-family:Quicksand,sans-serif;font-size:1.05rem;color:#e0e0e0}.feature-highlight{color:#4caf50;font-weight:600}.how-it-works-description{font-family:Quicksand,sans-serif;line-height:1.8;margin-bottom:2rem;font-size:1.1rem}.how-it-works-steps{counter-reset:step-counter;list-style-type:none;padding-left:0}.how-it-works-steps li{counter-increment:step-counter;margin-bottom:1.5rem;padding-left:3rem;position:relative;min-height:2.5rem;display:flex;align-items:center}.step-number{position:absolute;left:0;width:2.2rem;height:2.2rem;background-color:#4caf50;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;font-weight:700}.step-description{font-family:Quicksand,sans-serif;line-height:1.6}.how-it-works-conclusion{font-family:Quicksand,sans-serif;line-height:1.8;margin-top:2rem;font-style:italic;color:#ffc107}@media (max-width: 768px){.about-section-container{padding:1.5rem;border-radius:16px}.about-title{font-size:1.8rem}.tab-button{padding:.6rem 1.2rem;font-size:.9rem}}.select-sport-container{padding:2rem 1rem;text-align:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px)}.select-sport-title{font-family:Montserrat,sans-serif;font-weight:600;color:#fff;margin-bottom:1.5rem;font-size:1.5rem;letter-spacing:.5px}.sport-icons-container{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.sport-icon-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:10px;position:relative}.sport-icon-wrapper:hover{transform:translateY(-3px)}.sport-icon-wrapper.active:after{content:"";position:absolute;bottom:-3px;left:25%;width:50%;height:3px;background:gold;border-radius:3px;animation:pulseWidth 2s ease infinite}@keyframes pulseWidth{0%{width:30%;left:35%}50%{width:50%;left:25%}to{width:30%;left:35%}}.sport-icon{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;overflow:hidden;transition:all .3s ease}.sport-icon-wrapper.active .sport-icon{box-shadow:0 0 15px #ffd7004d}.sport-icon img{width:65%;height:65%;object-fit:contain;transition:all .3s ease}.sport-icon-wrapper:hover .sport-icon img{transform:scale(1.1)}.sport-name{font-family:Quicksand,sans-serif;font-weight:500;font-size:.9rem;color:#fff;margin:0;transition:all .3s ease}.sport-icon-wrapper.active .sport-name{color:gold;font-weight:600}.news-prompt-container{margin:2rem auto;max-width:800px;padding:1.5rem;border-radius:10px;background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.news-prompt h2{color:gold;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.news-prompt-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.news-btn{padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .2s ease;border:none;font-size:1rem}.yes-btn{background-color:gold;color:#222}.yes-btn:hover{background-color:#ffdf33;transform:translateY(-2px);box-shadow:0 4px 10px #ffd7004d}.yes-btn:disabled{background-color:#ddd;color:#777;cursor:not-allowed;transform:none;box-shadow:none}.no-btn{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.no-btn:hover{border-color:gold;color:gold}.continue-btn{background-color:gold;color:#222;margin-top:1.5rem}.continue-btn:hover{background-color:#ffdf33;transform:translateY(-2px);box-shadow:0 4px 10px #ffd7004d}.sport-news-container{margin:2rem auto;animation:fadeIn .3s ease}.news-section-title{color:gold;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600;text-align:left;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.news-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:1.5rem}.news-article-card{background-color:#ffffff0d;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all .2s ease;border:1px solid rgba(255,255,255,.05)}.news-article-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a;border-color:#ffd70033}.article-image{width:100%;height:180px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:1.2rem;flex:1;display:flex;flex-direction:column;text-align:left}.article-title{font-size:1.1rem;margin:0 0 .5rem;color:#fff;font-weight:600;line-height:1.4}.article-description{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffff80;margin-top:auto;margin-bottom:.5rem}.read-more-link{display:inline-block;margin-top:.5rem;color:gold;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.read-more-link:hover{color:#ffdf33;text-decoration:underline}.news-action-buttons{display:flex;justify-content:center;margin-top:1rem}@media (max-width: 768px){.news-articles-grid{grid-template-columns:1fr}.news-prompt h2{font-size:1.3rem}}@media (max-width: 600px){.sport-icons-container{flex-direction:row;flex-wrap:wrap;gap:1rem}.sport-icon{width:50px;height:50px}.news-prompt-buttons{flex-direction:column}.news-btn{width:100%}}.circular-chart{display:block;margin:20px auto;max-width:100%;max-height:250px;position:relative}.circular-bg{fill:none;stroke-width:3.8;animation:pulse 2s infinite;transform-origin:center;filter:drop-shadow(0 0 5px var(--circle-glow-color, #4da6ff))}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:.7}}.pulse-ring{fill:none;stroke-width:2;opacity:.2;animation:pulse-outer 2.5s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring-2{animation-delay:.5s}.pulse-ring-3{animation-delay:1s}@keyframes pulse-outer{0%{stroke-width:.5;transform:scale(1);opacity:.3}50%{stroke-width:1;transform:scale(1.1);opacity:.15}to{stroke-width:.5;transform:scale(1.3);opacity:0}}.circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out}input{color:#d40000}.svg-circle-text{font-size:2rem;text-anchor:middle;fill:#fff;font-weight:700;font-family:Montserrat,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.3);animation:text-pulse 2s infinite}@keyframes text-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.rating-excellent{stroke:#4caf50;--circle-glow-color: #4CAF50}.rating-good{stroke:#8bc34a;--circle-glow-color: #8BC34A}.rating-average{stroke:#ffc107;--circle-glow-color: #FFC107}.rating-poor{stroke:#ff9800;--circle-glow-color: #FF9800}.rating-bad{stroke:#f44336;--circle-glow-color: #F44336}.pulse-ring.rating-excellent,.pulse-ring.rating-good{animation:pulse-green 2.5s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring.rating-average{animation:pulse-yellow 2.5s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring.rating-poor,.pulse-ring.rating-bad{animation:pulse-red 2.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-green{0%{stroke:#4caf504d;transform:scale(1);opacity:.3}50%{stroke:#4caf50b3;transform:scale(1.1);opacity:.15}to{stroke:#4caf504d;transform:scale(1.3);opacity:0}}@keyframes pulse-yellow{0%{stroke:#ffc1074d;transform:scale(1);opacity:.3}50%{stroke:#ffc107b3;transform:scale(1.1);opacity:.15}to{stroke:#ffc1074d;transform:scale(1.3);opacity:0}}@keyframes pulse-red{0%{stroke:#f443364d;transform:scale(1);opacity:.3}50%{stroke:#f44336b3;transform:scale(1.1);opacity:.15}to{stroke:#f443364d;transform:scale(1.3);opacity:0}}.current-weather-main-container{width:100%;min-height:calc(100vh - 100px);padding:0;margin:0;display:flex;flex-direction:column;animation:fadeIn .5s ease;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.current-weather-content{width:100%;display:flex;flex-direction:column;flex:1}.weather-header-wrapper{padding:2rem 2rem 1rem;width:100%}.weather-hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.weather-hero-left{flex:3;min-width:280px}.weather-hero-right{flex:1;min-width:180px;display:flex;justify-content:center}.location-name{font-size:2.5rem;font-weight:700;color:gold;margin:0 0 .5rem;letter-spacing:-.5px}.weather-day-info{margin-bottom:1rem}.weather-day-info p{color:#ffffffb3;font-size:1rem;margin:0}.temperature-display{display:flex;align-items:flex-start;margin-bottom:1rem}.temp-value{font-size:5rem;font-weight:700;color:#fff;margin:0;line-height:1}.feels-like{margin-left:1rem;margin-top:1rem}.feels-like p{color:#ffffffb3;font-size:1rem;margin:0}.weather-description{display:flex;align-items:center}.weather-description img{width:60px;height:60px;margin-left:-10px}.weather-description p{font-size:1.2rem;color:#fff;text-transform:capitalize;margin:0}.sport-rating-summary{text-align:center}.sport-rating-summary h2{color:gold;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.weather-info-area{flex:1;padding:0 2rem 2rem}.weather-grid-container{display:flex;flex-direction:column;gap:2rem}.weather-grid-section h2{color:gold;font-size:1.5rem;margin:0 0 1.2rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.weather-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.weather-card{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.2rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.05)}.weather-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a;background-color:#ffffff12;border-color:#ffd70033}.card-icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center}.card-icon img{width:40px;height:40px;filter:brightness(1.5)}.card-content{flex:1}.card-content h3{margin:0 0 .3rem;font-size:1rem;color:#ffffffb3;font-weight:500}.card-content p{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.weather-placeholder{flex:1;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.weather-placeholder-content{text-align:center;max-width:600px}.weather-placeholder h2{color:gold;font-size:2rem;margin-bottom:1rem;font-weight:600}.weather-placeholder p{color:#ffffffb3;font-size:1.2rem;line-height:1.6}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.alert-card{border-radius:10px;padding:1rem 1.2rem;font-weight:500;background-color:#ffffff0d;border-left:3px solid #ffd700}.alert-card p{margin:0;font-size:1rem}.alert-heat{border-color:#f55}.alert-wind{border-color:#00acc1}.alert-pop{border-color:#2196f3}.alert-uvi{border-color:#ffc107}.alert-pollution{border-color:#9c27b0}.alert-good{border-color:gold}.circle-container{display:flex;justify-content:center;margin:1rem 0}.circle-container.animating{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.sport-rating-summary h2{color:gold;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.current-weather-icon-des{grid-column-start:9;grid-column-end:11;grid-row-start:2;grid-row-end:3;text-align:center;font-size:2.2em}.current-weather-icon-des img{width:80px;height:80px;filter:brightness(1.5)}.current-weather-des{margin-left:10%}.current-weather-pop{grid-column-start:3;grid-column-end:5;grid-row-start:3;grid-row-end:4;margin-bottom:12%;text-align:center}.current-weather-pop p{font-size:1.3em;margin:2%}.current-weather-vis{grid-column-start:9;grid-column-end:11;grid-row-start:3;grid-row-end:4;text-align:center}.current-weather-vis img{width:50px;height:50px;filter:brightness(1.5)}.current-weather-vis p{font-size:1.3em;margin:2%}.current-weather-wind{grid-column-start:2;grid-column-end:6;grid-row-start:4;grid-row-end:5;margin-bottom:12%;text-align:center}.current-weather-wind img{width:50px;height:50px;filter:brightness(1.5)}.current-weather-wind p{font-size:1.3em;margin:2%}.current-weather-hum{grid-column-start:6;grid-column-end:8;grid-row-start:4;grid-row-end:5;text-align:center}.current-weather-hum img{width:40px;height:40px;filter:brightness(1.5)}.current-weather-hum p{font-size:1.3em;margin:5%}.current-weather-uvi{grid-column-start:9;grid-column-end:11;grid-row-start:4;grid-row-end:5;text-align:center;font-size:1em}.current-weather-uvi img{width:50px;height:50px;filter:brightness(1.5)}.current-weather-uvi p{font-size:1.3em;margin:5%}.weather-conditions-section,.sport-suitability-section,.alerts-section{padding:.5rem 0}.weather-conditions-section h2,.sport-suitability-section h2,.alerts-section h2{color:gold;font-size:1.6rem;margin-bottom:1.5rem;font-weight:600;border-left:4px solid #ffd700;padding-left:12px}.alerts-container{display:grid;grid-template-columns:1fr;gap:.75rem}.alert-card{padding:1rem;border-radius:8px;font-weight:500}.alert-card p{margin:0}.alert-heat{background-color:#fee;border-left:4px solid #ff5555}.alert-wind{background-color:#e0f7fa;border-left:4px solid #00acc1}.alert-pop{background-color:#e3f2fd;border-left:4px solid #2196f3}.alert-uvi{background-color:#fff8e1;border-left:4px solid #ffc107}.alert-pollution{background-color:#f3e5f5;border-left:4px solid #9c27b0}.alert-good{background-color:#ffd7001a;border-left:4px solid #ffd700}.weather-not-loaded,.rating-not-loaded{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:8px;margin:1rem 0}.weather-not-loaded h3,.rating-not-loaded h3{color:#555;margin-top:0}@media (max-width: 768px){.weather-cards-grid{grid-template-columns:1fr 1fr;gap:1rem}.alerts-grid{grid-template-columns:1fr}.weather-header-wrapper{padding:1.5rem 1.5rem 1rem}.weather-info-area{padding:0 1.5rem 1.5rem}.location-name{font-size:2rem}.temp-value{font-size:4rem}.weather-hero{flex-direction:column;align-items:flex-start}.weather-hero-right{width:100%;justify-content:flex-start}}@media (max-width: 480px){.weather-cards-grid{grid-template-columns:1fr}.weather-header-wrapper{padding:1.2rem 1.2rem .8rem}.weather-info-area{padding:0 1.2rem 1.2rem}.temp-value{font-size:3.5rem}}.current-weather-main-container{max-width:1200px;margin:0 auto;padding:1rem}.continue-button-container{grid-column:span 12;display:flex;justify-content:center;margin-top:2rem}.continue-button{background-color:gold;color:#000;border:none;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}.continue-button:hover{background-color:#ffdf33;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.continue-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.view-button{background-color:gold;color:#1a1a1a;border:none;border-radius:30px;padding:.8rem 1.5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 8px #0003}.view-button:hover{background-color:#fc0;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.back-button{background-color:#333;color:gold;border:1px solid #ffd700}.back-button:hover{background-color:#444;border-color:#fc0}.app-footer{padding:.3rem;text-align:center;width:100%;margin-top:3rem;position:relative}.footer-text{font-size:.55rem;color:#777;margin:0;padding:0;font-family:Montserrat,sans-serif;font-weight:300;letter-spacing:.02rem}.pulse-text{color:gold;animation:textPulse 2s ease-in-out infinite;letter-spacing:.03rem}@keyframes textPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}body{margin:0;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;transition:all .3s ease}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600}button{font-family:Quicksand,sans-serif;transition:all .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}