@font-face{font-family:Nexa;src:url(/Nexa-ExtraLight.ttf) format("truetype");font-weight:400}@font-face{font-family:Nexa;src:url(/Nexa-ExtraLight.ttf) format("truetype");font-weight:700}body,html{margin:0;padding:0;min-height:100vh;background:#f9f9fb;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:2rem 1rem}.main-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem}.nav-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.nav-button{background:#7d4ccc;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background .3s,transform .2s}.nav-button:hover{background:#5f259f;transform:translateY(-2px)}.nav-button.active{background:#5f259f}.spinner-wrapper{display:flex;justify-content:center;align-items:center;min-height:40vh}.spinner{width:48px;height:48px;border:5px solid #5f259f;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.weather-card{background:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 10px #0000000d;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.temp-circle{width:80px;height:80px;background:#7d4ccc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:inset 0 2px 4px #0000001a}.title{font-size:2rem;font-weight:700}.subtitle{font-size:1.1rem;color:#555}.highlight{color:#5f259f;font-weight:600}.section{background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 10px #0000000d;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;border-left:4px solid #5f259f;padding-left:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card{background:#f9f9fb;border:1px solid #eee;padding:1rem;border-radius:1rem;transition:all .3s;box-shadow:0 2px 6px #00000008}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.card-title{font-size:1.2rem;font-weight:700;color:#5f259f;margin-bottom:.5rem}.card-detail{font-size:.95rem;color:#555;display:flex;align-items:center;gap:.5rem}.icon{width:1rem;height:1rem}.no-data-message{color:#888;font-style:italic;text-align:center;margin-top:1rem}.footer{text-align:center;font-size:.8rem;color:#aaa;margin-top:2rem}@font-face{font-family:Nexa;src:url(/Nexa-ExtraLight.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nexa;src:url(/Nexa-ExtraLight.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Nexa,sans-serif;color:#5f259f}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f9f9fb;color:#333;line-height:1.6;font-size:16px;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}#root{width:100%;max-width:1280px;padding:20px}a{color:#5f259f;text-decoration:none}a:hover{text-decoration:underline}button,select,input{transition:all .3s ease}