header{display:flex;justify-content:space-between;align-items:center;padding:20px;margin:2rem 0;background:var(--neutral-0);box-shadow:0 2px 4px var(--neutral-200);border-radius:15px}.dark-mode header{background:var(--neutral-800);box-shadow:0 2px 3px var(--neutral-800)}.style-mode-btn{background:var(--neutral-300);border-style:inherit;border-radius:10px;padding:5px 6px;cursor:pointer}.style-mode-btn .light{display:none}.dark-mode .style-mode-btn{background:var(--neutral-700)}.radio-group{display:flex;gap:12px;padding:20px 0}.input-radio{display:none}.input-radio-label{padding:8px 20px;border-radius:999px;border:1px solid var(--neutral-300);background-color:var(--neutral-0);font-weight:500;cursor:pointer;transition:all .3s ease}.input-radio-label:hover{color:var(--neutral-600)}.input-radio:checked+*{background-color:var(--red-500);color:var(--neutral-0);border:none}.input-radio-label:has(.input-radio:checked){background-color:var(--red-500);color:var(--neutral-0);border:none}.input-radio-label:has(.input-radio:checked):hover{background:var(--red-400)}.dark-mode .input-radio-label{background-color:var(--neutral-700);border:1px solid var(--neutral-600)}.dark-mode .input-radio-label:has(.input-radio:checked){background-color:var(--red-400);color:var(--neutral-900)}.card{background:var(--neutral-0);border:1px solid;border-color:var(--neutral-300);border-radius:15px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:40px 0;width:100%}.dark-mode .card{background:var(--neutral-800);border-color:var(--neutral-600)}.card .card-header{display:flex;align-items:start;gap:1rem}.card-header .header-text{display:flex;flex-direction:column;gap:5px}.card-header .header-text p{color:var(--neutral-600)}.dark-mode .card-header .header-text p{color:var(--neutral-300)}.card .card-actions{display:flex;justify-content:space-between}.card-actions button{background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:15px;padding:8px 15px;font-size:15px;cursor:pointer}.card-actions button:hover{background:var(--red-700);color:var(--neutral-0)}.dark-mode .card-actions button{background:var(--neutral-800);border-color:var(--neutral-600);color:var(--neutral-0)}.dark-mode .card-actions button:hover{background:var(--red-400);color:var(--neutral-0);color:var(--neutral-900)}@media (width >= 64rem){.card{max-width:400px}}@media (width >= 80rem){.card{max-width:370px}}.switch{position:relative;display:inline-block;height:1.55rem;width:3rem;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:9999px;background:var(--neutral-300);transition:all .3s ease}.dark-mode .switch{background:var(--neutral-600)}.switch:hover{background:var(--neutral-300)}.dark-mode .switch:hover{background:var(--neutral-700)}.switch:checked{background:var(--red-700)}.dark-mode .switch:checked{background:var(--red-400)}.switch:checked:hover{background:var(--red-500)}.dark-mode .switch:checked:hover{background:var(--red-700)}.switch:before{position:absolute;content:"";top:.1rem;left:.1rem;height:1.2rem;width:1.2rem;border:1px solid var(--neutral-600);border-radius:9999px;background:var(--neutral-0);transition:all .3s ease}.switch:checked:before{transform:translate(1.6rem);border-color:var(--red-700)}.modalBackground{width:100vw;height:100vh;background:#212121e6;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContainer{display:flex;flex-direction:column;width:90%;max-width:500px;border-radius:20px;background-color:#fff;box-shadow:#00000059 0 5px 15px}.modalContainer .title{display:flex;flex-direction:row;text-align:center;align-items:center;justify-content:space-between;padding:8px;border-top-right-radius:20px;border-top-left-radius:20px;background-color:var(--red-500);color:var(--neutral-0)}.dark-mode .modalContainer .title{background:var(--neutral-700);color:var(--neutral-0)}.titleCloseBtn{display:flex;justify-content:flex-end}.titleCloseBtn button{background-color:transparent;border:none;font-size:25px;cursor:pointer}.modalContainer .body{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.dark-mode .modalContainer .body{color:var(--neutral-700)}.modalContainer .footer{display:flex;justify-content:center;align-items:center}.modalContainer .footer button{width:150px;height:45px;margin:10px;border:none;background-color:var(--neutral-700);color:#fff;border-radius:8px;font-size:20px;cursor:pointer}#cancelBtn{background-color:var(--red-700)}.main-content{display:flex;flex-direction:column;gap:20px}.card-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);gap:20px;justify-items:center}.filter-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (width >= 64rem){.card-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.filter-container{flex-direction:row}}@media (width >= 80rem){.card-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:20px 70px}}:root{--neutral-900: hsl(227, 75%, 14%);--neutral-800: hsl(226, 25%, 17%);--neutral-700: hsl(225, 23%, 24%);--neutral-600: hsl(226, 11%, 37%);--neutral-300: hsl(0, 0%, 78%);--neutral-200: hsl(217, 61%, 90%);--neutral-100: hsl(0, 0%, 93%);--neutral-0: hsl(200, 60%, 99%);--red-400: hsl(3, 86%, 64%);--red-500: hsl(3, 71%, 56%);--red-700: hsl(3, 77%, 44%);--light-gradient: linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--dark-gradient: linear-gradient(180deg, #040918 0%, #091540 100%)}body{color:var(--neutral-900);font-family:Noto Sans,sans-serif;font-size:16px;margin:0;width:100%;height:100%;background:var(--light-gradient)}h1,h2,h3,h4,h5,h6,p{margin:0}.dark-mode body{background:var(--dark-gradient);color:var(--neutral-100)}.container{display:grid;min-height:100dvh;grid-template-rows:auto 1fr auto;gap:1rem;padding:1rem 2rem}@media (width >= 80rem){.container{padding:1rem 7rem}}