.intro-section{.container{text-align:right;>div:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);.intro-image{display:none}.intro-content{color:var(--color-text-light);line-height:var(--line-height-lg);h1{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);span{font-weight:var(--font-weight-bold)}}p{font-size:var(--font-size-small);padding-right:var(--spacing-md);border-right:.0625rem solid #fff;font-weight:var(--font-weight-regular);position:relative;&::before{--shape:3rem;content:"";position:absolute;top:20%;right:calc((0.25rem / 2) * -1);width:.25rem;height:var(--shape);border-radius:var(--border-radius-sm);background-color:#fff;animation:rectangle-anim calc(var(--transition-speed-slow) * 2) var(--transition-ease) infinite alternate}&::after{content:"";position:absolute;width:.8rem;height:.8rem;top:-15%;right:calc(((0.8rem) / 2) * -1);border:2px solid #fff;border-radius:var(--border-radius-full);animation:ball-anim calc(var(--transition-speed-slow) * 2) var(--transition-ease) infinite alternate}}}}}}@media(min-width:992px){.intro-section{padding-top:0;.container{>div:first-child{flex-direction:row;.intro-image{display:block;aspect-ratio:1 / 1;width:100%;max-width:500px;overflow:hidden;img{width:100%;height:100%;filter:drop-shadow(10px 10px 1px #121212)}}.intro-content{flex-basis:80%;p{&::before{--shape:4rem}}}}}}}.status_section{.container{>.title{color:var(--color-text-dark);font-size:var(--font-size-large);font-weight:var(--font-weight-regular);.count{color:var(--color-accent);font-weight:var(--font-weight-bold)}}.status{margin-top:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);.statu{flex-shrink:1;.classification{color:var(--color-text-dark);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);i{aspect-ratio:1 / 1;font-size:var(--font-size-medium);color:var(--color-accent)}.count{color:var(--color-accent);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}}}}}}.controal-section{overflow:hidden;padding:var(--spacing-sm) 0;.container{background-color:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--spacing-md);color:var(--color-text-dark);position:relative;&::before,&::after{--pos:.5rem;content:"";position:absolute;background-color:var(--color-accent);width:150px;height:150px;border-radius:var(--border-radius-md);z-index:-1;transition:var(--transition-speed-normal) var(--transition-ease)}&::before{top:calc(var(--pos) * -1);left:calc(var(--pos) * -1)}&::after{bottom:calc(var(--pos) * -1);right:calc(var(--pos) * -1)}&:hover:before{transform:translateY(20%)}&:hover:after{transform:translateY(-20%)}>div{display:flex;flex-direction:column;gap:var(--spacing-md);.title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}}.search-container{width:100%;.search-bar{border:2px solid var(--color-accent);width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);i{color:var(--color-accent);font-size:1.5rem}input[type="search"]{flex-grow:1;text-align:right;background-color:#fff0;font-size:var(--font-size-base);&::placeholder{font-size:var(--font-size-base);color:var(--color-text-secondary);background-color:#fff0}&::-moz-placeholder{font-size:var(--font-size-base);color:var(--color-text-secondary);background-color:#fff0}}}}.filter-container{width:100%;.filter-buttons{display:flex;align-items:flex-start;flex-direction:column-reverse;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-around;>div{display:flex;flex-direction:column;gap:var(--spacing-xs);select[id="subjects"],button[id="favorites"]{width:100%;height:40px}select[id="subjects"]{background-color:#fff0;color:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);option{font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}}button[id="favorites"]{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);font-family:var(--font-family-primary);span{i{color:crimson}}}}}}}}@media(min-width:992px){.controal-section{.container{padding:var(--spacing-xxl);.search-container{.search-bar{width:70%;margin:0 auto}}.filter-container{.filter-buttons{flex-direction:row}}}}}.help-links-section{min-height:70dvh;.container{.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%, 300px),1fr));gap:var(--spacing-xs)}}}