*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,monospace;color:#3e2723;background-color:#928579;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.btn{display:inline-block;padding:.5rem 1rem;border:2px solid #A89880;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-family:Courier New,monospace}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn:active{transform:translateY(0)}.btn.btn-primary{background-color:#d4a574;color:#3e2723;border-color:#a89880}.btn.btn-secondary{background-color:#6b8e23;color:#fff;border-color:#5a7a1c}.btn.btn-danger{background-color:#8b4513;color:#fff;border-color:#6d2e0c}.card{background:#e8ded0;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px #00000026;border:2px solid #A89880}.card.card-hover{transition:all .2s}.card.card-hover:hover{box-shadow:0 6px 12px #0003;transform:translateY(-4px)}.input{width:100%;padding:.5rem .75rem;border:1px solid #A89880;border-radius:.375rem;font-size:1rem}.input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 3px #4f46e51a}.navbar{background:#fff;box-shadow:0 1px 3px #0000001a;padding:1rem 0}.navbar .nav-link{color:#3e2723;text-decoration:none;padding:.5rem 1rem;transition:color .2s}.navbar .nav-link:hover{color:#d4a574}.navbar .nav-link.active{color:#d4a574;font-weight:600}.main-layout{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:2rem 0}@media(max-width:768px){.container{padding:0 1rem}.main-layout__content{padding:1rem}}