*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Calibri,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-width:320px;background:#fff}button,input{-webkit-tap-highlight-color:transparent;appearance:none;font:inherit}.mangel-header{color:#fff;padding:1.5rem 0 0rem;position:relative}.mangel-header:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="%23ffffff" opacity="0.05"/></pattern></defs><rect width="100" height="20" fill="url(%23grain)"/></svg>') repeat;content:"";inset:0;opacity:.1;position:absolute}.container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.mangel-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:300;margin-bottom:2rem}.search-container{max-width:500px;position:relative}.search-icon{color:#202c5e;left:1.35rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:#fffffff2;border:0;border-radius:50px;box-shadow:0 8px 32px #0000001a;font-size:1.1rem;padding:1rem 1.5rem 1rem 3.35rem;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;box-shadow:0 12px 48px #00000026;outline:3px solid rgba(255,255,255,.8);outline-offset:3px;transform:translateY(-2px)}.search-input:focus:not(:focus-visible){outline:0}.search-input::placeholder{color:#6b7280}.search-highlight{background:#ffb347;border-radius:3px;color:#1f2937;padding:0 .12em}.mangel-main{min-height:60vh;padding:4rem 0}.category-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.category-section{animation:fadeInUp .6s ease forwards;background:transparent;border:1px solid transparent;border-radius:16px;box-shadow:none;overflow:visible;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}.category-section:nth-child(2){animation-delay:.1s}.category-section:nth-child(3){animation-delay:.2s}.category-section:nth-child(4){animation-delay:.3s}.category-section.active{background:#fff;border-color:#0000000d;box-shadow:0 8px 30px #00000014;overflow:hidden}.category-header{align-items:flex-start;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;min-height:104px;padding:2rem 4.5rem 2rem 2rem;position:relative;text-align:left;transition:background .18s ease,transform .18s ease;touch-action:manipulation;width:100%}.category-header:hover{background:#ffffff05}.category-header.active{background:linear-gradient(135deg,#202c5e 0% 100%);color:#fff}.category-header:focus-visible,.subcategory-item a:focus-visible,.subcategory-button:focus-visible{outline:3px solid #8fb3ff;outline-offset:-3px}.header-content{align-items:flex-start;display:flex;gap:1.5rem;width:100%}.icon-wrapper{align-items:center;background-color:#202c5e;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.icon-svg{height:36px;object-fit:contain;width:36px}.icon{color:#fff;font-size:1.8rem}.content-area{flex:1;min-width:0}.category-title{color:#202c5e;display:block;font-size:1.4rem;font-weight:700;line-height:1.25;margin-bottom:.5rem;transition:color .3s ease;overflow-wrap:anywhere}.category-header.active .category-title{color:#fff}.category-description{color:#6b7280;display:block;font-size:1rem;line-height:1.5;transition:color .3s ease;overflow-wrap:anywhere}.category-header.active .category-description{color:#ffffffe6}.arrow{color:#6b7280;font-size:1.2rem;position:absolute;right:2rem;top:2rem;transition:all .3s ease}.category-header.active .arrow{color:#fff;transform:rotate(90deg)}.subcategory-container{background:transparent;max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.4,0,.2,1),opacity .35s ease,background .45s ease}.category-header.active+.subcategory-container{max-height:min(80vh,1400px);opacity:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.category-section.active .subcategory-container{background:#f8f9fa}.subcategory-list{list-style:none;margin:0;padding:0}.subcategory-item{border-bottom:1px solid rgba(0,0,0,.05)}.subcategory-item.search-match{background:#fff0d9;box-shadow:inset 4px 0 #f97316}.subcategory-item.search-match a,.subcategory-item.search-match .subcategory-button{color:#1f2937;font-weight:700}.subcategory-item:last-child{border-bottom:0}.subcategory-item a,.subcategory-button{--subcategory-x-padding: 2rem;background:transparent;border:0;color:#374151;cursor:pointer;display:block;font-weight:500;min-height:48px;padding:1rem var(--subcategory-x-padding);position:relative;text-align:left;text-decoration:none;transition:all .3s ease;touch-action:manipulation;width:100%;overflow-wrap:anywhere}.subcategory-item a:hover,.subcategory-button:hover{background:linear-gradient(135deg,#202c5e,#131b39);color:#fff;padding-left:calc(var(--subcategory-x-padding) + .5rem)}.subcategory-item a:hover .search-highlight,.subcategory-button:hover .search-highlight{background:#ffffff3d}.subcategory-item a:hover:before,.subcategory-button:hover:before{color:#fff;content:"→";left:1rem;position:absolute}.no-results{color:#6b7280;padding:4rem 2rem;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.no-results p{font-size:1.1rem}.legal-modal-backdrop{align-items:center;background:#131b399e;display:flex;justify-content:center;inset:0;padding:1.5rem;position:fixed;z-index:1000}.legal-modal{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;max-height:min(88vh,820px);max-width:860px;overflow:hidden;width:100%}.legal-modal-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.legal-modal-header h2{color:#202c5e;font-size:1.8rem;line-height:1.25;margin:0}.legal-close-button{align-items:center;background:#eef2f7;border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#202c5e;cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;touch-action:manipulation;width:44px}.legal-close-button:hover,.legal-close-button:focus-visible{background:#202c5e;color:#fff;outline:3px solid #8fb3ff;outline-offset:2px}.legal-modal-body{overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.legal-note{background:#fff0d9;border-left:4px solid #f97316;color:#374151;font-weight:700;margin-bottom:1.5rem;padding:.85rem 1rem}.legal-section{margin-top:1.25rem}.legal-section h3{color:#202c5e;font-size:1rem;line-height:1.35;margin-bottom:.4rem}.legal-section p{color:#374151;line-height:1.55;margin:.2rem 0;overflow-wrap:anywhere}.mangel-footer{background:#131b39;color:#ffffffd6;padding:1.25rem 0}.footer-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.legal-nav{display:flex;gap:.5rem}.legal-nav button{background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#fff;cursor:pointer;min-height:44px;padding:.6rem .9rem;touch-action:manipulation}.legal-nav button:hover,.legal-nav button:focus-visible{background:#ffffff1f;outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:0 1rem}.mangel-header{padding:1rem 0}.mangel-header h1{font-size:2rem}.subtitle{font-size:1rem}.category-grid{gap:1.5rem;grid-template-columns:1fr}.category-header{min-height:82px;padding:1.5rem 3.75rem 1.5rem 1.5rem}.header-content{gap:1rem}.icon-wrapper{height:50px;width:50px}.icon{font-size:1.5rem}.category-title{font-size:1.2rem}.category-description{font-size:.95rem}.arrow{right:1.5rem;top:1.5rem}.subcategory-item a,.subcategory-button{--subcategory-x-padding: 1.5rem;min-height:48px;padding:.8rem var(--subcategory-x-padding)}.subcategory-item a:hover,.subcategory-button:hover{padding-left:2rem}.subcategory-item a:hover:before,.subcategory-button:hover:before{left:1.5rem}.legal-modal-backdrop{padding:1rem}.footer-content{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.mangel-header{padding:.75rem 0}.mangel-main{padding:2rem 0}.category-grid{gap:1rem;grid-template-columns:1fr}.category-header{min-height:76px;padding:1rem 3rem 1rem 1rem}.header-content{align-items:center;gap:.75rem}.icon-wrapper{border-radius:10px;height:44px;width:44px}.icon-svg{height:30px;width:30px}.category-title{font-size:1.05rem}.category-description{font-size:.9rem;line-height:1.35}.arrow{right:1rem;top:1.35rem}.search-input{font-size:16px;padding:.8rem 1.2rem .8rem 3rem}.search-icon{left:1.1rem}.subcategory-item a,.subcategory-button{--subcategory-x-padding: 1rem;padding:.95rem var(--subcategory-x-padding)}.legal-modal-backdrop{align-items:stretch;padding:.75rem}.legal-modal{max-height:100%}.legal-modal-header{padding:1rem}.legal-modal-header h2{font-size:1.45rem}.legal-modal-body{padding:1rem}.legal-nav{width:100%}.legal-nav button{flex:1}}@media(hover:none)and (pointer:coarse){.search-input:focus{transform:none}.category-header:hover{background:transparent}.category-header.active:hover{background:linear-gradient(135deg,#202c5e 0% 100%)}.subcategory-item a:hover,.subcategory-button:hover{background:transparent;color:#374151;padding-left:var(--subcategory-x-padding)}.subcategory-item a:hover:before,.subcategory-button:hover:before{content:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}