*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.btn-secondary{background-color:#e2e8f0;color:#334155}.btn-secondary:hover{background-color:#cbd5e1}.btn-outline{background-color:transparent;border:2px solid #3b82f6;color:#3b82f6}.btn-outline:hover{background-color:#3b82f6;color:#fff}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.card-body{padding:1.5rem}.card-footer{padding:1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.input-group{display:flex;gap:.5rem}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.alert-success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-error{background-color:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.weather-card{display:flex;flex-direction:column;height:100%}.weather-card-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.weather-card-body{padding:1.5rem;flex:1}.weather-card-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc}.temp-display{font-size:3rem;font-weight:800;margin:.5rem 0}.humidity-display,.wind-display,.uv-display{display:flex;align-items:center;gap:.5rem}.weather-icon{font-size:3rem;margin:1rem 0}.daily-forecast{display:flex;overflow-x:auto;gap:1rem;padding:.5rem 0}.daily-item{flex:0 0 auto;min-width:100px;text-align:center;padding:1rem;border-radius:.5rem;background-color:#f8fafc;box-shadow:0 1px 3px #0000000d}.hourly-forecast{display:flex;overflow-x:auto;gap:1rem;padding:.5rem 0}.hourly-item{flex:0 0 auto;min-width:70px;text-align:center;padding:1rem;border-radius:.5rem;background-color:#f8fafc;box-shadow:0 1px 3px #0000000d}.navbar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #0000001a}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff}.nav-link{color:#ffffffe6;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease}.nav-link:hover{background-color:#ffffff1a;color:#fff}.footer{background-color:#0f172a;color:#cbd5e1;padding:3rem 0;margin-top:3rem}.footer-heading{color:#fff;margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#94a3b8;transition:color .3s ease}.footer-links a:hover{color:#fff}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:3rem;height:3rem;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}.grid{gap:1rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.input-group{flex-direction:column}.daily-item,.hourly-item{min-width:80px}.navbar{padding:.75rem 1rem}.nav-link{padding:.5rem;font-size:.9rem}}.text-bold{font-weight:700}.text-medium{font-weight:500}.text-light{font-weight:300}.text-white{color:#fff}.text-gray-700{color:#334155}.text-gray-600{color:#475569}.text-blue-600{color:#3b82f6}.bg-blue-100{background-color:#dbeafe}.bg-blue-50{background-color:#eff6ff}.bg-gray-100{background-color:#f1f5f9}.rounded-lg{border-radius:.75rem}.rounded-md{border-radius:.5rem}.rounded-sm{border-radius:.25rem}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.p-4{padding:1rem}.p-6{padding:1.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.col-md-6{grid-column:span 6 / span 6}.col-md-8{grid-column:span 8 / span 8}.col-md-4{grid-column:span 4 / span 4}}button,input,textarea,select{font-family:inherit}:focus{outline:2px solid #3b82f6;outline-offset:2px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}