.app-header h1{font-size:2rem;font-weight:400;transition:all .8s}.app-header h1:hover{font-weight:600;color:#000}@media (max-width: 768px){.app-header h1{font-size:1.6rem}}@media (max-width: 480px){.app-header h1{font-size:1.4rem}}.header-container{padding:1rem;width:30%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #333}@media (max-width: 768px){.header-container{width:50%;padding:.8rem}}@media (max-width: 480px){.header-container{width:80%;padding:.6rem}}.app-nav{width:90%;padding:1rem;gap:1rem;display:flex;justify-content:center;align-items:center;font-weight:500}.app-nav .nav-link{padding:.5rem 1rem;transition:all 1.4s;color:#333;border:1px solid #f1f1f1}.app-nav .nav-link:hover{border:1px solid #333}@media (max-width: 768px){.app-nav{flex-wrap:wrap;width:100%}}@media (max-width: 480px){.app-nav .nav-link{padding:.5rem .8rem}}.profile-container{width:90%;margin:0 auto;padding:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media (max-width: 768px){.profile-container{width:70%;padding:.8rem 0}}@media (max-width: 480px){.profile-container{width:90%;padding:.5rem 0}}.profile-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}@media (max-width: 768px){.profile-flex{gap:8px}}@media (max-width: 480px){.profile-flex{gap:6px}}.home{width:80%;margin:4rem auto;display:flex;justify-content:center;align-items:center;padding:1rem}@media (max-width: 768px){.home{width:95%;flex-direction:column;margin:2rem auto}}.guide-list{padding:1rem}.guide-list li{transition:all 1.4s}.guide-list li:hover{transform:translate(60px)}@media (max-width: 768px){.guide-list{padding:.5rem}.guide-list li{font-size:14px}}@media (max-width: 480px){.home{width:100%;padding:.5rem}.guide-list{padding:.3rem}.guide-list li{font-size:12px}}.footer{border-top:1px solid #333;text-align:center;bottom:0;width:50%;padding:1rem;margin:1rem auto}.footer h3{transition:all 1.4s}.footer:hover h3{transform:translateY(-50px) scale(1.3)}.main-layout{width:95%;margin:0 auto;padding:1rem}.main-layout .index{margin-top:1rem}.index-flex{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center}.filter{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}.filter div{display:flex;flex-direction:column}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;box-shadow:0 4px 10px #0003;width:400px;max-width:90%;display:flex;flex-direction:column;gap:20px}.modal-close-button{background:transparent;border:none;font-size:24px;color:#000;position:absolute;top:10px;right:10px;cursor:pointer;transition:color .3s}.modal-close-button:hover{color:red}.form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}label{font-size:14px;color:#333}input,textarea{padding:10px;border:1px solid #ccc;color:#333;font-size:16px}input:focus,textarea:focus{border-color:#c5c5c5;outline:none}textarea{resize:vertical;min-height:100px}button:focus{outline:none}@media (max-width: 500px){.modal-content{width:90%}}.bug-list{padding:1rem;width:80%;margin:0 auto}.bug-list li{padding:1rem 0;gap:1rem;display:grid;grid-template-columns:3fr 1fr}.bug-list li:hover{color:#4a4949;font-weight:800}.bug-list li div{display:flex;justify-content:space-evenly}@media (max-width: 768px){.bug-list{width:95%}.bug-list li{grid-template-columns:1fr;padding:.8rem 0}}@media (max-width: 480px){.bug-list li{grid-template-columns:1fr;padding:.5rem 0}}.bug-preview{display:grid;grid-template-columns:3fr 1fr 2fr;justify-content:center;transition:all .5s ease-in-out}.bug-preview:hover{cursor:pointer;transform:scale(1.05)}@media (max-width: 768px){.bug-preview{grid-template-columns:1fr;padding:0 1rem}}@media (max-width: 480px){.bug-preview{grid-template-columns:1fr;padding:0 .5rem}}.bug-details{border:1px solid #333;width:90%;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:2rem}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.user-msg{position:fixed;top:2rem;right:0;padding:1rem 2rem;display:flex;gap:2rem;animation:slideIn .5s ease-out forwards}.success{background-color:#333;color:#fff}.error{background-color:coral;color:#fff}.user-msg.fade-out{animation:fadeOut 2s ease forwards}.user-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.user-list{grid-template-columns:repeat(2,1fr);gap:.8rem}}@media (max-width: 480px){.user-list{grid-template-columns:1fr;gap:.5rem}}.user-preview{border:1px solid #333;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}@media (max-width: 768px){.user-preview{padding:.8rem}}@media (max-width: 480px){.user-preview{padding:.5rem}}.user-layout{width:60%;margin:1rem auto;display:flex;flex-direction:column;justify-content:center;gap:1rem}@media (max-width: 768px){.user-layout{width:80%;margin:.8rem auto}}@media (max-width: 480px){.user-layout{width:95%;margin:.5rem auto}}.sign-up-container{width:80%;margin:0 auto;text-align:center;padding:1rem}.sign-up-container .flex-form{display:flex;flex-direction:column;gap:1rem}.btn-box{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}body{font-family:quicksand,sans-serif;color:#4b4b4b;background-color:#f1f1f1}.active{text-decoration:underline}ul{list-style:none;width:100%;padding:1rem}ul li{padding:1.5rem;border-bottom:1px solid #bfbfbf;transition:all 1.1s}.main-container{margin:0 auto;position:relative;height:90vh;display:flex;flex-direction:column;justify-content:space-between}button{padding:.5rem 1rem;transition:all 1.4s;color:#333;border:1px solid #f1f1f1;border-bottom:1px solid #333}button:hover{border:1px solid #4f4f4f}.edit-form{width:50%;margin:1rem auto;padding:1rem}