/*!* Primary, Secondary, Accent, Neutral, Text, and Button/Link Colors *!*/:root{--primary-color: #1D3557;--secondary-color: #A8DADC;--accent-color: #FFD700;--neutral-color: #F1F1F1;--text-color: #333333;--button-link-color: #00A6FB;--red-accent-color: #E63946}.title-1{color:var(--accent-color)}.title-2{color:var(--red-accent-color)}body{background-color:var(--neutral-color)}footer{background-color:var(--primary-color);color:#fff;padding:20px;text-align:center;width:100%;box-shadow:0 -4px 8px #0003;margin-top:auto}header{background-color:var(--primary-color);color:#fff;padding:20px;width:100%;text-align:center;box-shadow:0 4px 8px #0003;font-size:1.8em;font-weight:700;margin:0;display:flex;justify-content:center;align-items:center}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:80%;opacity:.75;z-index:0}.card *{position:relative;z-index:1}.card-header{text-align:center;font-size:1.8em;font-weight:700;color:#fff;background-color:var(--primary-color);padding:15px;border-radius:2px;margin-bottom:20px}.data-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--primary-color);color:#fff;margin-bottom:10px;transition:transform .3s,background-color .3s;width:100%;box-sizing:border-box;border-radius:.2rem}.data-item:hover{transform:translateY(-3px);background-color:var(--accent-color);color:var(--primary-color)}.data-item:nth-last-child(2){background-color:var(--accent-color);color:var(--primary-color);font-weight:700}.label{font-size:1em}.value{font-size:1.2em;font-weight:700}.value.negative{color:#fdd}.card-link{display:block;text-align:right;margin-top:10px}.card img{width:100%;object-fit:contain;margin-bottom:1rem}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0}.card{background-color:#fff;border-radius:2px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;flex:1 1 300px;max-width:500px;display:flex;flex-direction:column;align-items:center}.card3{background-color:#fff;border-radius:2px;box-shadow:0 4px 8px #0000001a;padding:2rem;margin:2rem auto;display:flex;flex-direction:column;gap:1rem;width:calc(1000px + 1.5rem);max-width:95%}@media(max-width:850px){.card{max-width:400px;margin:10px}.card3{width:100%}.card-container{flex-direction:column;align-items:center;margin:0}}.state-form{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2%}.state-button{background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px;transition:transform .3s,background-color .3s;box-sizing:border-box;border-radius:.2rem;border-width:0!important}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff80;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
