@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(180deg,#e3f2fd,#f1f8e9);display:flex;justify-content:center;min-height:100vh}.app-container{max-width:900px;padding:2rem;width:100%}.header{margin-bottom:2.5rem;text-align:center}.title-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.title{color:#0288d1;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin:0}.subtitle{color:#546e7a;font-size:1rem;font-weight:400;line-height:1.5;margin:0 auto 1.5rem;max-width:600px}.tags{flex-wrap:wrap;gap:.75rem;justify-content:center}.tag,.tags{display:flex}.tag{align-items:center;background:#ffffffe6;border:1px solid #1e88e533;border-radius:20px;color:#0288d1;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem 1rem}.form-card{background:#fffffff2;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:2.5rem}.card-header{margin-bottom:2rem;text-align:center}.card-icon-container{margin-bottom:.75rem}.card-title{color:#0288d1;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.card-subtitle{color:#78909c;font-size:.875rem;font-weight:400;line-height:1.4}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:#37474f;font-size:.875rem;font-weight:500;gap:.4rem}.input-group label,.label-icon{align-items:center;display:flex}.input-group input{background:#fafafa;border:1px solid #cfd8dc;border-radius:8px;color:#37474f;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.input-group input:focus{background:#fff;border-color:#90caf9;box-shadow:0 0 0 3px #90caf933}.custom-select-container{position:relative;width:100%}.custom-select-trigger{align-items:center;background:#fafafa;border:1px solid #cfd8dc;border-radius:8px;color:#90a4ae;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.custom-select-trigger.selected{color:#37474f}.custom-select-trigger.open{background:#fff;border-color:#90caf9;box-shadow:0 0 0 3px #90caf933}.select-arrow{color:#1e88e5;font-size:.65rem;transition:transform .2s ease}.custom-select-options{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-option{color:#546e7a;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .15s ease}.custom-option:hover{background:#e3f2fd;color:#1565c0}.submit-btn{background:#1e88e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem;transition:all .2s ease;width:100%}.submit-btn:hover{background:#1976d2}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.result-overlay{animation:fadeIn .5s ease;border:1px solid;border-radius:8px;margin-top:1.25rem;padding:1rem;text-align:center}.result-overlay.good{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.result-overlay.poor{background:#ffebee;border-color:#f44336;color:#c62828}.result-text{font-size:.95rem;font-weight:500;margin-bottom:.25rem}.result-subtext{font-size:.85rem;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.weather-input-container{display:flex;flex-direction:column;gap:.5rem}.weather-header{justify-content:space-between}.input-label,.weather-header{align-items:center;display:flex}.input-label{color:#37474f;font-size:.875rem;font-weight:500;gap:.4rem}.detect-weather-btn{align-items:center;background:#0000;border:1px solid #90caf9;border-radius:12px;color:#1e88e5;cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;padding:.25rem .6rem;transition:all .2s ease}.detect-weather-btn:hover{background:#e3f2fd;transform:translateY(-1px)}.detect-weather-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}
/*# sourceMappingURL=main.74cb8cee.css.map*/