.color-palette-blue{--lch-10: lch(10, 50, 280);--lch-20: lch(20, 50, 280);--lch-30: lch(30, 50, 280);--lch-40: lch(40, 50, 280);--lch-50: lch(50, 50, 280);--lch-60: lch(60, 50, 280);--lch-70: lch(70, 50, 280);--lch-80: lch(80, 50, 280);--lch-90: lch(90, 50, 280);--lch-100: lch(100, 50, 280)}.color-palette-grey{--lch-10: lch(10, 0, 0);--lch-20: lch(20, 0, 0);--lch-30: lch(30, 0, 0);--lch-40: lch(40, 0, 0);--lch-50: lch(50, 0, 0);--lch-60: lch(60, 0, 0);--lch-70: lch(70, 0, 0);--lch-80: lch(80, 0, 0);--lch-90: lch(90, 0, 0);--lch-100: lch(100, 0, 0)}:root{--primary-color: #075faf;--secondary-color: #98c6ff;--success-color: #79fc8f;--warning-color: #f7f791;--error-color: #fe3b35;--info-color: #7e91fb;--bg-dark: hsl(0, 0%, 90%);--bg: hsl(0, 0%, 95%);--bg-light: hsl(0, 0%, 100%);--text-color: hsl(0, 0%, 0%);--text-color-muted: hsl(0, 0%, 30%);--border-color: hsl(0, 0%, 80%);--gradient: linear-gradient(0deg, var(--bg) 90%, var(--bg-light) 100%);--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight-color: hsl(0, 0%, 100%);--border-card: solid 2px var(--bg);--shadow: 0px 2px 2px hsla(0, 0%, 0%, .1), 0px 4px 6px hsla(0, 0%, 0%, .2)}@media (prefers-color-scheme: dark){:root{--primary-color: #98c6ff;--secondary-color: #075faf;--bg-dark: hsl(0, 0%, 0%);--bg: hsl(0, 0%, 15%);--bg-light: hsl(0, 0%, 25%);--text-color: hsl(0, 0%, 100%);--text-color-muted: hsl(0, 0%, 80%);--border-color: hsl(0, 0%, 30%);--gradient: linear-gradient(0deg, var(--bg) 90%, var(--bg-light) 100%);--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight-color: hsl(0, 0%, 40%);--border-card: solid 2px var(--border-color);--shadow: 0px 2px 2px hsla(0, 0%, 0%, .1), 0px 4px 6px hsla(0, 0%, 0%, .2)}}.dark-mode,[data-theme=dark]{--primary-color: #98c6ff;--secondary-color: #075faf;--bg-dark: hsl(0, 0%, 0%);--bg: hsl(0, 0%, 15%);--bg-light: hsl(0, 0%, 25%);--text-color: hsl(0, 0%, 100%);--text-color-muted: hsl(0, 0%, 80%);--border-color: hsl(0, 0%, 30%);--gradient: linear-gradient(0deg, var(--bg) 90%, var(--bg-light) 100%);--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight-color: hsl(0, 0%, 40%);--border-card: solid 2px var(--border-color);--shadow: 0px 2px 2px hsla(0, 0%, 0%, .1), 0px 4px 6px hsla(0, 0%, 0%, .2)}.light-mode,[data-theme=light]{--primary-color: #075faf;--secondary-color: #98c6ff;--bg-dark: hsl(0, 0%, 90%);--bg: hsl(0, 0%, 95%);--bg-light: hsl(0, 0%, 100%);--text-color: hsl(0, 0%, 0%);--text-color-muted: hsl(0, 0%, 30%);--border-color: hsl(0, 0%, 80%);--gradient: linear-gradient(0deg, var(--bg) 90%, var(--bg-light) 100%);--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight-color: hsl(0, 0%, 100%);--border-card: solid 2px var(--bg);--shadow: 0px 2px 2px hsla(0, 0%, 0%, .1), 0px 4px 6px hsla(0, 0%, 0%, .2)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;height:100%}h1{color:#00f;font-family:Nunito,sans-serif;font-weight:700;text-align:center;padding:1.5rem;margin:0}h2{color:#00f;font-family:Nunito,sans-serif;font-weight:600;text-align:center;margin:0}h3,p{color:#00f;font-family:Nunito,sans-serif;font-weight:500;text-align:center;margin:0}button{cursor:pointer;padding:clamp(16px,1vw,32px);border:2px solid var(--border-color);border-radius:clamp(16px,2vw,32px);background-color:#00f;width:15rem;color:#fff;font-family:Nunito,sans-serif;font-weight:600;text-align:center;font-size:1rem}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid blue;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){h1{font-size:1.5rem;color:#00f;font-family:Nunito,sans-serif;font-weight:700;text-align:center;margin:0}h2{font-size:1.25rem;color:#00f;font-family:Nunito,sans-serif;font-weight:600;text-align:center;margin:0}h3,p{font-size:1rem;color:#00f;font-family:Nunito,sans-serif;font-weight:500;text-align:center;margin:0}}