.category-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(50vh,70vh,90vh);background:linear-gradient(135deg,var(--color-background) 0%,rgba(77,166,201,0.1) 100%);overflow:hidden;border-radius:clamp(0px,1vw,20px) 0;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.category-header__image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.category-header__image{width:100%;height:100%;object-fit:cover;filter:brightness(0.8) contrast(1.1);transition:transform 0.6s ease-in-out,filter 0.6s ease-in-out}.category-header:hover .category-header__image{transform:scale(1.05);filter:brightness(1) contrast(1.2)}.category-header__content{position:relative;z-index:2;text-align:center;max-width:800px;padding:clamp(20px,5vw,40px);background:rgba(230,243,255,0.9);border-radius:clamp(10px,2vw,30px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,0.1);margin:clamp(20px,5vw,40px);border:2px solid rgba(0,105,148,0.2);animation:waveFloat 4s ease-in-out infinite}@keyframes waveFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.category-header__title{font-family:var(--font-family-heading);font-size:clamp(2rem,5vw,4rem);line-height:var(--line-height-heading);color:var(--color-text-primary);margin:0 0 clamp(10px,2vw,20px) 0;position:relative}.category-header__title::before{content:'⚓';position:absolute;left:20%;top:50%;transform:translateY(-50%);font-size:clamp(1.5rem,4vw,3rem);color:var(--color-primary);opacity:0.7}.category-header__excerpt{font-family:var(--font-family-body);font-size:clamp(1rem,2.5vw,1.25rem);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0;max-width:600px;margin:0 auto}.category-header__title:hover::before{animation:anchorSway 2s ease-in-out infinite}@keyframes anchorSway{0%,100%{transform:translateY(-50%) rotate(0deg)}25%{transform:translateY(-50%) rotate(5deg)}75%{transform:translateY(-50%) rotate(-5deg)}}@media (max-width:768px){.category-header{flex-direction:column;position:static}.category-header__content{margin:clamp(10px,3vw,20px)}.category-header__title::before{display:none}}@media (max-width:480px){.category-header{min-height:60vh}.category-header__content{padding:clamp(15px,4vw,25px)}}.category-content{position:relative;max-width:1600px;margin:0 auto;background-color:var(--color-background-paper);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:clamp(0.5rem,2vw,1rem)}.category-content__wave-top{position:absolute;top:0;left:0;right:0;height:clamp(3rem,8vw,6rem);background-color:var(--color-background-default);clip-path:polygon(0 100%,100% 100%,100% 0,90% 20%,80% 10%,70% 30%,60% 20%,50% 40%,40% 30%,30% 50%,20% 40%,10% 60%,0 50%);animation:wave-top-flow 8s ease-in-out infinite}@keyframes wave-top-flow{0%,100%{clip-path:polygon(0 100%,100% 100%,100% 0,90% 20%,80% 10%,70% 30%,60% 20%,50% 40%,40% 30%,30% 50%,20% 40%,10% 60%,0 50%)}50%{clip-path:polygon(0 100%,100% 100%,100% 0,90% 15%,80% 25%,70% 15%,60% 35%,50% 25%,40% 45%,30% 35%,20% 55%,10% 45%,0 55%)}}.category-content__content{position:relative;z-index:1;padding:clamp(2rem,5vw,4rem);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:clamp(1rem,2vw,1.125rem);line-height:var(--line-height-body);background-color:var(--color-paper);border-radius:clamp(0.25rem,1vw,0.5rem);margin:clamp(1rem,3vw,2rem);box-shadow:inset 0 2px 8px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease}.category-content__content:hover{transform:translateY(-2px);box-shadow:inset 0 4px 16px rgba(0,0,0,0.1)}.category-content__content h1,.category-content__content h2,.category-content__content h3,.category-content__content h4,.category-content__content h5,.category-content__content h6{font-family:var(--font-family-heading);line-height:var(--line-height-heading);color:var(--color-primary);margin-bottom:clamp(0.5rem,2vw,1rem);position:relative}.category-content__content h1{font-size:clamp(1.5rem,4vw,2.5rem)}.category-content__content h2{font-size:clamp(1.25rem,3vw,2rem)}.category-content__content h3{font-size:clamp(1.125rem,2.5vw,1.75rem)}.category-content__content h4{font-size:clamp(1rem,2vw,1.5rem)}.category-content__content h5{font-size:clamp(0.875rem,1.5vw,1.25rem)}.category-content__content h6{font-size:clamp(0.75rem,1vw,1rem)}.category-content__content p,.category-content__content ul,.category-content__content ol{margin-bottom:clamp(1rem,3vw,1.5rem)}.category-content__content a{color:var(--color-primary);text-decoration:none;transition:color 0.3s ease}.category-content__content a:hover{color:var(--color-primary-light)}.category-content__wave-bottom{position:absolute;bottom:0;left:0;right:0;height:clamp(3rem,8vw,6rem);background-color:var(--color-background-default);clip-path:polygon(0 0,100% 0,100% 100%,90% 80%,80% 90%,70% 70%,60% 80%,50% 60%,40% 70%,30% 50%,20% 60%,10% 40%,0 50%);animation:wave-bottom-flow 8s ease-in-out infinite reverse}@keyframes wave-bottom-flow{0%,100%{clip-path:polygon(0 0,100% 0,100% 100%,90% 80%,80% 90%,70% 70%,60% 80%,50% 60%,40% 70%,30% 50%,20% 60%,10% 40%,0 50%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,90% 85%,80% 75%,70% 85%,60% 65%,50% 75%,40% 55%,30% 65%,20% 45%,10% 55%,0 45%)}}@media (max-width:768px){.category-content{max-width:100%;margin:0 clamp(1rem,5vw,2rem)}.category-content__content{padding:clamp(1.5rem,4vw,3rem)}.category-content__wave-top,.category-content__wave-bottom{height:clamp(2rem,6vw,4rem)}}@media (max-width:480px){.category-content__content{padding:clamp(1rem,3vw,2rem);margin:clamp(0.5rem,2vw,1rem)}.category-content__wave-top,.category-content__wave-bottom{height:clamp(1.5rem,4vw,3rem)}}.category-subcategory-grid-container{max-width:1600px;margin:0 auto;padding:clamp(2rem,4vw,4rem);background:var(--color-background)}.category-subcategory-grid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1.5rem,3vw,2.5rem);position:relative}.category-subcategory-grid-item{background:var(--color-paper);border-radius:clamp(8px,2vw,16px);overflow:hidden;box-shadow:0 4px 12px rgba(0,105,148,0.1),0 8px 24px rgba(0,105,148,0.05);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s ease;position:relative;clip-path:polygon(0 0,100% 0,100% 90%,95% 95%,90% 100%,10% 100%,5% 95%,0 90%)}.category-subcategory-grid-item:hover{transform:translateY(-8px) rotateX(5deg) rotateY(2deg);box-shadow:0 12px 32px rgba(0,105,148,0.2),0 20px 48px rgba(0,105,148,0.1)}.category-subcategory-grid-image-wrapper{position:relative;overflow:hidden;height:clamp(200px,40vw,300px)}.category-subcategory-grid-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.category-subcategory-grid-item:hover .category-subcategory-grid-image{transform:scale(1.05) translateY(-5px)}.category-subcategory-grid-content{padding:clamp(1rem,2vw,1.5rem);position:relative;z-index:1}.category-subcategory-grid-title{margin:0 0 clamp(0.5rem,1vw,1rem) 0;font-family:var(--font-family-heading);font-size:clamp(1.25rem,3vw,1.5rem);line-height:var(--line-height-heading);color:var(--color-text-primary)}.category-subcategory-grid-link{color:var(--color-primary);text-decoration:none;position:relative;transition:color 0.3s ease}.category-subcategory-grid-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width 0.3s ease}.category-subcategory-grid-link:hover::after{width:100%}.category-subcategory-grid-link:hover{color:var(--color-accent)}.category-subcategory-grid-excerpt{margin:0 0 clamp(0.75rem,1.5vw,1rem) 0;font-family:var(--font-family-body);font-size:clamp(0.875rem,2vw,1rem);line-height:var(--line-height-body);color:var(--color-text-secondary)}.category-subcategory-grid-count{font-family:var(--font-family-body);font-size:var(--font-size-small);color:var(--color-text-disabled);display:inline-block;background:rgba(46,139,87,0.1);padding:clamp(0.25rem,0.5vw,0.5rem);border-radius:clamp(4px,1vw,8px);border:1px solid rgba(46,139,87,0.2)}.category-subcategory-grid-wave-decoration{position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none;opacity:0.3;mix-blend-mode:multiply;clip-path:ellipse(100% 50% at 50% 100%);animation:wave-float 6s ease-in-out infinite}.category-subcategory-grid_temp_9032399e-image{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}@keyframes wave-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}@media (max-width:1024px){.category-subcategory-grid-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.category-subcategory-grid-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-subcategory-grid-item{clip-path:none}}@media (max-width:480px){.category-subcategory-grid-container{padding:clamp(1rem,2vw,2rem)}.category-subcategory-grid-grid{grid-template-columns:1fr}.category-subcategory-grid-wave-decoration{display:none}}.category-articles-grid-container{--_container-padding:clamp(1rem,2vw,2rem);--_item-gap:clamp(1rem,2vw,1.5rem);--_border-radius:clamp(0.5rem,1vw,1rem);--_shadow-soft:0 2px 8px rgba(0,0,0,0.1);--_wave-clip:polygon(0% 0%,100% 0%,95% 100%,5% 100%);max-width:1600px;margin:0 auto;padding:var(--_container-padding);background:linear-gradient(135deg,var(--color-background-paper) 0%,rgba(230,243,255,0.8) 100%);border-radius:var(--_border-radius);box-shadow:var(--_shadow-soft);position:relative;overflow:hidden}.category-articles-grid-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(77,166,201,0.1) 0%,rgba(77,166,201,0) 50%);pointer-events:none}.category-articles-grid-header{text-align:center;margin-bottom:clamp(1.5rem,3vw,3rem);position:relative}.category-articles-grid-title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h3),4vw,var(--font-size-h2));line-height:var(--line-height-heading);color:var(--color-primary);margin:0;position:relative;display:inline-block}.category-articles-grid-title::after{content:'';position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));border-radius:1px}.category-articles-grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--_item-gap)}.category-articles-grid-item{background:var(--color-paper);border-radius:var(--_border-radius);box-shadow:var(--_shadow-soft);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;clip-path:var(--_wave-clip)}.category-articles-grid-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 16px rgba(0,0,0,0.15)}.category-articles-grid-item-image{margin:0;position:relative;overflow:hidden}.category-articles-grid-item-image img{width:100%;height:clamp(180px,20vw,250px);object-fit:cover;transition:transform 0.4s ease}.category-articles-grid-item:hover .category-articles-grid-item-image img{transform:scale(1.05)}.category-articles-grid-item-content{padding:clamp(1rem,2vw,1.5rem);background:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,var(--color-paper) 100%)}.category-articles-grid-item-title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h5),3vw,var(--font-size-h4));line-height:var(--line-height-heading);margin:0 0 0.5rem 0;color:var(--color-text-primary)}.category-articles-grid-item-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.category-articles-grid-item-title a:hover{color:var(--color-primary)}.category-articles-grid-item-excerpt{font-family:var(--font-family-body);font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}@media (max-width:768px){.category-articles-grid-items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.category-articles-grid-items{grid-template-columns:1fr}.category-articles-grid-container{padding:clamp(0.5rem,2vw,1rem)}}.category-secondary-content-category-container{position:relative;width:100%;max-width:1600px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);background:var(--color-background);overflow:hidden}.category-secondary-content-category-wave-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(200px,40vh,400px);background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));border-radius:clamp(8px,2vw,16px);box-shadow:0 4px 20px rgba(var(--color-primary-dark),0.1);transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.6s ease}.category-secondary-content-category-wave-wrapper:hover{transform:translateY(-8px);box-shadow:0 8px 40px rgba(var(--color-primary-dark),0.2)}.category-secondary-content-category-content{position:relative;z-index:2;width:100%;max-width:1200px;padding:clamp(1rem,3vw,2rem);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:clamp(var(--font-size-base),2.5vw,var(--font-size-h4));line-height:var(--line-height-body);text-align:center;background:rgba(var(--color-paper),0.9);border-radius:clamp(4px,1vw,8px);backdrop-filter:blur(10px);transition:opacity 0.5s ease,transform 0.5s ease}.category-secondary-content-category-content:hover{opacity:0.95;transform:scale(1.02)}.category-secondary-content-category-content h1,.category-secondary-content-category-content h2,.category-secondary-content-category-content h3,.category-secondary-content-category-content h4,.category-secondary-content-category-content h5,.category-secondary-content-category-content h6{font-family:var(--font-family-heading);line-height:var(--line-height-heading);margin-bottom:clamp(0.5rem,1.5vw,1rem)}.category-secondary-content-category-content h1{font-size:clamp(var(--font-size-h3),3vw,var(--font-size-h1))}.category-secondary-content-category-content h2{font-size:clamp(var(--font-size-h4),2.5vw,var(--font-size-h2))}.category-secondary-content-category-content h3{font-size:clamp(var(--font-size-h5),2vw,var(--font-size-h3))}.category-secondary-content-category-content h4{font-size:clamp(var(--font-size-h6),1.5vw,var(--font-size-h4))}.category-secondary-content-category-content h5{font-size:clamp(var(--font-size-small),1.25vw,var(--font-size-h5))}.category-secondary-content-category-content h6{font-size:clamp(0.75rem,1vw,var(--font-size-h6))}.category-secondary-content-category-content p{margin-bottom:clamp(0.75rem,2vw,1.5rem)}.category-secondary-content-category-ornament{position:absolute;width:clamp(80px,15vw,150px);height:clamp(60px,12vw,120px);background:var(--color-accent);clip-path:polygon(0% 100%,50% 0%,100% 100%);opacity:0.7;transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.8s ease}.category-secondary-content-category-ornament-left{bottom:-10px;left:-20px;transform:rotateY(180deg)}.category-secondary-content-category-ornament-right{bottom:-10px;right:-20px}.category-secondary-content-category-wave-wrapper:hover .category-secondary-content-category-ornament{transform:translateY(-10px) scale(1.1);opacity:0.9}.category-secondary-content-category-wave-wrapper:hover .category-secondary-content-category-ornament-left{transform:rotateY(180deg) translateY(-10px) scale(1.1)}@media (max-width:1024px){.category-secondary-content-category-wave-wrapper{flex-direction:column;max-width:90%}}@media (max-width:768px){.category-secondary-content-category-container{padding:clamp(1rem,4vw,2rem) clamp(0.5rem,2vw,1rem)}.category-secondary-content-category-wave-wrapper{min-height:clamp(150px,30vh,300px)}.category-secondary-content-category-content{padding:clamp(0.5rem,2vw,1rem)}.category-secondary-content-category-ornament{width:clamp(60px,12vw,100px);height:clamp(45px,9vw,90px)}}@media (max-width:480px){.category-secondary-content-category-wave-wrapper{min-height:clamp(120px,25vh,250px)}.category-secondary-content-category-content{text-align:left}.category-secondary-content-category-ornament{width:clamp(40px,10vw,80px);height:clamp(30px,7vw,60px)}}#category-faq{--_wave-shadow:0 4px 8px rgba(0,105,148,0.1);--_border-radius:clamp(8px,2vw,16px);--_padding-item:clamp(12px,3vw,24px);--_transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.category-faq-container{max-width:1600px;margin:0 auto;padding:clamp(24px,5vw,48px);background:linear-gradient(135deg,var(--color-background) 0%,rgba(77,166,201,0.1) 100%);border-radius:var(--_border-radius);box-shadow:var(--_wave-shadow)}.category-faq-item{margin-bottom:clamp(12px,2vw,24px);border:1px solid rgba(0,105,148,0.2);border-radius:var(--_border-radius) var(--_border-radius) 0 0;background:var(--color-paper);overflow:hidden;transition:var(--_transition);box-shadow:var(--_wave-shadow)}.category-faq-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px rgba(0,105,148,0.15)}.category-faq-item[open]{animation:wave-open 0.6s ease-out}.category-faq-item:not([open]) .category-faq-answer{animation:wave-close 0.4s ease-in}.category-faq-question{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-h4),2vw,var(--font-size-h3));line-height:var(--line-height-heading);color:var(--color-primary);cursor:pointer;padding:var(--_padding-item);list-style:none;position:relative;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-primary-contrast);border-radius:var(--_border-radius) var(--_border-radius) 0 0;transition:var(--_transition)}.category-faq-question::after{content:'';position:absolute;right:var(--_padding-item);top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;background-size:contain;transition:transform 0.3s ease}.category-faq-item[open] .category-faq-question::after{transform:translateY(-50%) rotate(180deg)}.category-faq-question:hover{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.category-faq-answer{padding:var(--_padding-item);background:var(--color-background);font-family:var(--font-family-body);font-size:clamp(var(--font-size-small),1.5vw,var(--font-size-base));line-height:var(--line-height-body);color:var(--color-text-primary);border-radius:0 0 var(--_border-radius) var(--_border-radius);transform:translateY(-10px);opacity:0;transition:var(--_transition)}.category-faq-item[open] .category-faq-answer{transform:translateY(0);opacity:1}.category-faq-answer p{margin:0}@keyframes wave-open{0%{border-radius:var(--_border-radius) var(--_border-radius) 0 0;transform:scale(1)}50%{border-radius:var(--_border-radius) var(--_border-radius) 50% 50%;transform:scale(1.01)}100%{border-radius:var(--_border-radius) var(--_border-radius) 0 0;transform:scale(1)}}@keyframes wave-close{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-10px);opacity:0}}@media (max-width:768px){.category-faq-container{padding:clamp(16px,4vw,32px)}.category-faq-item{margin-bottom:clamp(8px,1.5vw,16px)}.category-faq-question{font-size:clamp(var(--font-size-h5),2.5vw,var(--font-size-h4))}.category-faq-answer{font-size:clamp(var(--font-size-small),2vw,var(--font-size-base))}}@media (max-width:480px){.category-faq-container{padding:clamp(12px,3vw,24px)}.category-faq-question::after{width:12px;height:12px}}