.sup-hero{background:linear-gradient(135deg,#253657 0%,#5c88da 100%);color:#fff;text-align:center;}@media(max-width:992px){.sup-hero{padding:4rem 1.5rem 3rem;}}@media(min-width:992px){.sup-hero{padding:7rem 2rem 5rem;}}.sup-hero h1{color:#fff;margin-bottom:1rem;}@media(max-width:768px){.sup-hero h1{font-size:1.8rem;}}.sup-hero-subtitle{max-width:700px;margin:0 auto 2rem;font-size:1.2rem;line-height:1.8;color:rgba(255,255,255,.9);font-family:"Metrophobic",sans-serif;}.sup-hero-contact{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem;}.sup-hero-contact-item{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:1.1rem;font-family:"Metrophobic",sans-serif;transition:color .2s ease-in-out;}.sup-hero-contact-item:hover{color:#b8ccea;}.sup-hero-contact-item svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}.sup-nav{background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0;z-index:10;overflow-x:auto;-webkit-overflow-scrolling:touch;}.sup-nav-inner{display:flex;justify-content:center;gap:0;max-width:1000px;margin:0 auto;padding:0 1rem;}@media(max-width:768px){.sup-nav-inner{justify-content:flex-start;}}.sup-nav-link{display:inline-block;padding:1rem 1.25rem;font-family:"Metrophobic",sans-serif;font-size:.95rem;font-weight:700;color:#404040;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;transition:color .2s,border-color .2s;}.sup-nav-link:hover{color:#5c88da;border-bottom-color:#5c88da;}.sup-section{max-width:1000px;margin:0 auto;scroll-margin-top:60px;}@media(max-width:992px){.sup-section{padding:3rem 1.5rem;}}@media(min-width:992px){.sup-section{padding:4rem 2rem;}}.sup-section-alt{background-color:#ecf0f1;}.sup-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;}.sup-section-title h2{margin:0;}.sup-section-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;background-color:rgba(92,136,218,.1);}.sup-section-icon svg{width:22px;height:22px;stroke:#5c88da;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.sup-hotline-card{background-color:#fff;border-radius:.5rem;padding:1.5rem 2rem;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;align-items:center;gap:1.5rem;margin:1.5rem auto 0;width:fit-content;max-width:100%;box-sizing:border-box;}@media(max-width:768px){.sup-hotline-card{flex-direction:column;text-align:center;width:100%;}}.sup-hotline-avatar{width:64px;height:64px;min-width:64px;border-radius:50%;background-color:#5c88da;display:flex;align-items:center;justify-content:center;}.sup-hotline-avatar svg{width:32px;height:32px;stroke:white;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.sup-hotline-info p{margin:.15rem 0;line-height:1.5;}.sup-hotline-name{font-weight:700;font-size:1.15rem;color:#222223;}.sup-hotline-detail{font-size:1rem;color:#404040;}.sup-hotline-detail a{color:#5c88da;text-decoration:none;font-weight:700;}.sup-hotline-detail a:hover{text-decoration:underline;}.sup-channels{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;justify-content:center;}.sup-channel-badge{display:inline-flex;align-items:center;gap:.4rem;background-color:#ecf0f1;border-radius:2rem;padding:.4rem 1rem;font-size:.9rem;color:#404040;font-family:"Metrophobic",sans-serif;}.sup-channel-badge svg{width:16px;height:16px;stroke:#5c88da;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.sup-info-grid{display:grid;gap:1.5rem;margin-top:1.5rem;}@media(max-width:768px){.sup-info-grid{grid-template-columns:1fr;}}@media(min-width:768px){.sup-info-grid{grid-template-columns:1fr 1fr;}}.sup-info-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border-left:4px solid #5c88da;}.sup-info-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.15rem;}.sup-info-card p{margin:0;font-size:1rem;line-height:1.7;color:#404040;}.sup-topics-grid{display:grid;gap:1rem;margin-top:1.5rem;}@media(max-width:768px){.sup-topics-grid{grid-template-columns:1fr 1fr;}}@media(min-width:768px){.sup-topics-grid{grid-template-columns:repeat(3,1fr);}}.sup-topic-card{background-color:#fff;border-radius:.5rem;padding:1.25rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;}.sup-topic-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1);}.sup-topic-icon{width:40px;height:40px;margin:0 auto .75rem;stroke:#5c88da;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.sup-topic-card h4{margin:0;font-size:.95rem;color:#404040;}.sup-notice{background-color:rgba(92,136,218,.06);border:1px solid rgba(92,136,218,.15);border-radius:.5rem;padding:1.5rem 2rem;display:flex;gap:1rem;align-items:flex-start;}@media(max-width:768px){.sup-notice{flex-direction:column;}}.sup-notice-icon{min-width:40px;width:40px;height:40px;}.sup-notice-icon svg{width:40px;height:40px;stroke:#5c88da;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.sup-notice p{margin:.25rem 0;color:#404040;line-height:1.7;}.sup-notice a{color:#5c88da;font-weight:700;text-decoration:none;}.sup-notice a:hover{text-decoration:underline;}.sup-legacy-group{margin-top:1.5rem;}.sup-legacy-group-label{display:inline-flex;align-items:center;gap:.5rem;font-family:"Metrophobic",sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:.3rem .9rem;border-radius:.25rem;}.sup-legacy-group-label svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.sup-legacy-group-caution .sup-legacy-group-label{background-color:rgba(231,76,60,.08);color:#e74c3c;}.sup-legacy-group-ok .sup-legacy-group-label{background-color:rgba(92,136,218,.08);color:#5c88da;}.sup-legacy-grid{display:grid;gap:.75rem;}@media(max-width:576px){.sup-legacy-grid{grid-template-columns:1fr 1fr;}}@media(min-width:576px) and (max-width:768px){.sup-legacy-grid{grid-template-columns:repeat(3,1fr);}}@media(min-width:768px){.sup-legacy-grid{grid-template-columns:repeat(4,1fr);}}.sup-legacy-item{display:flex;align-items:center;gap:.65rem;background-color:#fff;border-radius:.4rem;padding:.75rem 1rem;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:box-shadow .2s ease-in-out;}.sup-legacy-item:hover{box-shadow:0 3px 10px rgba(0,0,0,.1);}.sup-legacy-item-icon{width:40px;height:40px;min-width:40px;}.sup-legacy-group-caution .sup-legacy-item-icon{color:#898d8d;}.sup-legacy-group-ok .sup-legacy-item-icon{color:#5c88da;}.sup-legacy-item-name{font-size:1rem;font-weight:700;color:#404040;margin:0;line-height:1.3;}.sup-divider{max-width:1000px;margin:0 auto;padding:0 2rem;}.sup-divider hr{border:0;border-top:1px solid #e0e0e0;margin:0;}.sup-cta{background-color:#5c88da;text-align:center;}@media(max-width:992px){.sup-cta{padding:4rem 1.5rem;}}@media(min-width:992px){.sup-cta{padding:5rem 2rem;}}.sup-cta h2{color:#fff;margin-bottom:1rem;}.sup-cta p{color:rgba(255,255,255,.85);max-width:550px;margin:0 auto 2rem;font-size:1.1rem;}