*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;font-family:inter,arial,sans-serif;color:#292929;background-color:#fcfafa}html{font-size:100%}body{font-family:Inter;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:2rem;font-family:Inter;font-weight:700}p{margin-bottom:1rem}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}form{display:flex;flex-direction:column}input[type=text],input[type=email],input[type=password],textarea{padding:2rem;margin-bottom:2rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:#ff9500}button{padding:2rem 3rem;background-color:#ff9500;color:#fcfafa;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#c70}button:focus{outline:none;box-shadow:0 0 5px #ff9500b3}input[type=checkbox],input[type=radio]{margin-right:1rem}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background-color:#fcfafa;padding:3rem;border-radius:4px;width:90%;max-width:50rem}@media (min-width: 576px){.modal-content{padding:2rem}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{margin:0}.modal-header .close-btn{background-color:transparent;border:none;color:#292929;font-size:1.5rem;cursor:pointer}.modal-header .close-btn:hover{color:#101010}.modal-body{margin-bottom:2rem}.modal-footer{display:flex;justify-content:flex-end}.modal-footer button{margin-left:1rem}.toasts-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}@media (min-width: 576px){.toasts-container{width:90%;max-width:none}}.toast{background-color:#3498dbcc;color:#fcfafa;padding:2rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.toast.success{background-color:#2ecc71cc}.toast.error{background-color:#e74c3ccc}.toast.warning{background-color:#f1c40fcc}.toast-message{margin-right:2rem}.toast-close-btn{background-color:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer}.toast-close-btn:hover{color:color-mix(in srgb,#fcfafa 90%,black)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-fade-enter{animation:toastSlideIn .3s ease-out}.toast-fade-leave{animation:toastSlideOut .3s ease-in}@media (prefers-contrast: high){.toast{border:2px solid}.toast.success{border-color:#2ecc71}.toast.error{border-color:#e74c3c}.toast.warning{border-color:#f1c40f}.toast.info{border-color:#3498db}}@media (prefers-reduced-motion: reduce){.toast-fade-enter,.toast-fade-leave{animation:none}.toast{transition:none}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (min-width: 768px){.section-header{margin-bottom:24px}}.section-header .section-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#292929;margin:0;display:flex;align-items:center;gap:8px;line-height:1.2}.section-header .section-title ng-icon{color:#ff9500;font-size:20px;display:flex;align-items:center}.section-header .header-content{display:flex;align-items:center;gap:15px}.section-header .header-content .header-icon{font-size:24px;color:#ff9500}.section-header .view-all-link{display:flex;align-items:center;gap:4px;color:#292929;text-decoration:none;font-weight:600;font-size:13px;transition:.2s all}.section-header .view-all-link:hover{color:#ff9500;text-decoration:underline}.section-header .view-all-link:hover ng-icon{transform:translate(2px)}.section-header .view-all-link ng-icon{font-size:14px;transition:transform .2s ease}.catalog-section-header{margin-bottom:1.5rem}.catalog-section-header .header-content{display:flex;align-items:center;gap:15px}.catalog-section-header .header-content .header-icon{font-size:24px;color:#ff9500}