* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
color: #333;
background: #f5f5f5;
}

img {
max-width: 100%;
height: auto;
display: block;
}

.container-5w9p1 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.nav-8h3x2 {
background: #fff;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.nav-8h3x2 .container-5w9p1 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}

.logo-4t6m9 {
display: flex;
align-items: center;
gap: 12px;
font-size: 24px;
font-weight: 700;
color: #2c3e50;
}

.logo-4t6m9 img {
width: 160px;
height: 40px;
object-fit: contain;
}

.nav-menu-6r4v8 {
display: flex;
list-style: none;
gap: 30px;
}

.nav-menu-6r4v8 a {
color: #2c3e50;
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}

.nav-menu-6r4v8 a:hover {
color: #667eea;
}

.menu-toggle-2n7k5 {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 5px;
}

.menu-toggle-2n7k5 span {
width: 25px;
height: 3px;
background: #2c3e50;
border-radius: 3px;
transition: 0.3s;
}

.hero-9m2k7 {
position: relative;
overflow: hidden;
background: #f8f9fa;
padding: 60px 0;
}

.hero-carousel-3k8m5 {
position: relative;
width: 100%;
height: auto;
min-height: 450px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

.carousel-track-7w2n4 {
position: relative;
width: 100%;
min-height: 450px;
border-radius: 15px;
}

.carousel-item-5m9k6 {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 450px;
opacity: 0;
visibility: hidden;
transition: opacity 0.6s ease-in-out, visibility 0.6s;
display: flex;
align-items: center;
}

.carousel-item-5m9k6.active-2n7k3 {
opacity: 1;
visibility: visible;
}

.carousel-bg-8k3w7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}

.carousel-overlay-4m7n5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(44,62,80,0.85) 0%, rgba(102,126,234,0.75) 100%);
z-index: 1;
}

.carousel-text-6k2w8 {
position: relative;
text-align: center;
color: #fff;
max-width: 100%;
width: 100%;
z-index: 2;
margin: 0 auto;
padding: 60px 40px;
}

.hero-badge-9m4k2 {
display: inline-flex;
align-items: center;
gap: 12px;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(10px);
padding: 10px 25px;
border-radius: 50px;
margin-bottom: 30px;
border: 1px solid rgba(255,255,255,0.3);
}

.hero-badge-9m4k2 img {
width: 40px;
height: 40px;
border-radius: 10px;
}

.hero-badge-9m4k2 span {
font-size: 16px;
font-weight: 600;
}

.carousel-text-6k2w8 h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
text-shadow: 0 3px 15px rgba(0,0,0,0.5);
line-height: 1.2;
}

.carousel-item-5m9k6:not(:first-child) h1 {
display: none;
}

.carousel-subtitle-8k3n5 {
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
text-shadow: 0 3px 15px rgba(0,0,0,0.5);
line-height: 1.2;
}

.carousel-text-6k2w8 p {
font-size: 18px;
line-height: 1.8;
margin-bottom: 35px;
opacity: 0.95;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.carousel-actions-3n8k5 {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 40px;
}

.download-btn-5k8w2 {
background: #fff;
color: #667eea;
border: none;
padding: 18px 50px;
font-size: 18px;
font-weight: 700;
border-radius: 50px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 6px 25px rgba(0,0,0,0.3);
}

.download-btn-5k8w2:hover {
transform: translateY(-5px);
box-shadow: 0 10px 35px rgba(255,255,255,0.4);
background: #f8f8f8;
}

.secondary-btn-7k4m9 {
background: transparent;
color: #fff;
border: 2px solid rgba(255,255,255,0.8);
padding: 18px 55px;
font-size: 19px;
font-weight: 700;
border-radius: 50px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.secondary-btn-7k4m9:hover {
background: rgba(255,255,255,0.15);
border-color: #fff;
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.carousel-control-prev-2k7m4,
.carousel-control-next-8n3w5 {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255,255,255,0.2);
backdrop-filter: blur(10px);
border: 2px solid rgba(255,255,255,0.3);
width: 55px;
height: 55px;
border-radius: 50%;
color: #fff;
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}

.carousel-control-prev-2k7m4:hover,
.carousel-control-next-8n3w5:hover {
background: rgba(255,255,255,0.3);
border-color: #fff;
transform: translateY(-50%) scale(1.1);
}

.carousel-control-prev-2k7m4 {
left: 30px;
}

.carousel-control-next-8n3w5 {
right: 30px;
}

.carousel-indicators-5k9m2 {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 10;
}

.indicator-dot-3w7n6 {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255,255,255,0.4);
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
}

.indicator-dot-3w7n6:hover {
background: rgba(255,255,255,0.7);
transform: scale(1.2);
}

.indicator-dot-3w7n6.active-2n7k3 {
background: #fff;
width: 35px;
border-radius: 6px;
}


.intro-section-3t7m4,
.features-section-2n6k9,
.news-section-4k7m2,
.guides-section-7m3k8,
.reviews-section-9k2m7,
.links-section-7k3m9 {
padding: 60px 0;
}

.intro-section-3t7m4 {
background: #fff;
}

.intro-section-3t7m4 h2,
.features-section-2n6k9 h2,
.news-section-4k7m2 h2,
.guides-section-7m3k8 h2,
.reviews-section-9k2m7 h2,
.links-section-7k3m9 h2 {
font-size: 32px;
margin-bottom: 40px;
color: #2c3e50;
display: flex;
align-items: center;
gap: 12px;
}

.intro-content-9k2p6 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
align-items: start;
}

.intro-img-4v8n2 {
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
width: 100%;
object-fit: cover;
}

.intro-text-7w3k5 p {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.8;
color: #555;
}

.features-section-2n6k9 {
background: #f8f9fa;
}

.features-grid-8m4w7 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}

.feature-card-5v2n8 {
background: #fff;
border-radius: 12px;
padding: 25px;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
}

.feature-card-5v2n8:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.feature-icon-9k3p1 {
font-size: 40px;
color: #667eea;
margin-bottom: 15px;
}

.feature-card-5v2n8 h3 {
font-size: 22px;
margin-bottom: 15px;
color: #2c3e50;
}

.feature-img-7t4w6 {
width: 100%;
border-radius: 8px;
margin: 15px 0;
object-fit: cover;
}

.feature-card-5v2n8 p {
color: #666;
line-height: 1.7;
}

.news-section-4k7m2 {
background: #fff;
}

.news-grid-3w8n5 {
display: grid;
gap: 30px;
}

.news-card-6v2m9 {
background: #f8f9fa;
border-left: 4px solid #667eea;
padding: 25px;
border-radius: 8px;
transition: background 0.3s;
}

.news-card-6v2m9:hover {
background: #e9ecef;
}

.news-card-6v2m9 h3 {
font-size: 22px;
margin-bottom: 10px;
color: #2c3e50;
}

.news-meta-8k4p3 {
color: #888;
font-size: 14px;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 8px;
}

.news-card-6v2m9 p {
color: #555;
line-height: 1.7;
margin-bottom: 15px;
}

.read-more-5n7w4 {
color: #667eea;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
transition: gap 0.3s;
}

.read-more-5n7w4:hover {
gap: 10px;
}

.guides-section-7m3k8 {
background: #f8f9fa;
}

.guides-grid-2n9v6 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}

.guide-card-4w8k3 {
background: #fff;
border-radius: 12px;
padding: 25px;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
transition: transform 0.3s;
}

.guide-card-4w8k3:hover {
transform: translateY(-5px);
}

.guide-card-4w8k3 h3 {
font-size: 20px;
margin-bottom: 10px;
color: #2c3e50;
}

.guide-meta-5v7n2 {
color: #888;
font-size: 14px;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 8px;
}

.guide-card-4w8k3 p {
color: #666;
line-height: 1.7;
margin-bottom: 15px;
}

.reviews-section-9k2m7 {
background: #fff;
}

.review-summary-3w7n4 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
margin-bottom: 40px;
padding: 30px;
background: #f8f9fa;
border-radius: 12px;
}

.rating-score-8v5k2 {
text-align: center;
}

.score-num-4m9p6 {
font-size: 64px;
font-weight: 700;
color: #667eea;
line-height: 1;
}

.stars-2k6w8 {
font-size: 24px;
color: #ffc107;
margin: 10px 0;
}

.rating-score-8v5k2 p {
color: #888;
font-size: 14px;
}

.rating-bars-5n3v9 {
display: flex;
flex-direction: column;
gap: 12px;
}

.rating-bar-item-7w2k4 {
display: grid;
grid-template-columns: 60px 1fr 60px;
align-items: center;
gap: 15px;
}

.bar-bg-9m4p1 {
background: #e9ecef;
height: 8px;
border-radius: 10px;
overflow: hidden;
}

.bar-fill-6k8v3 {
background: linear-gradient(90deg, #667eea, #764ba2);
height: 100%;
border-radius: 10px;
transition: width 0.5s;
}

.reviews-list-4k9m2 {
display: grid;
gap: 25px;
}

.review-item-3n7w5 {
background: #f8f9fa;
padding: 25px;
border-radius: 12px;
}

.reviewer-info-8v2k6 {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}

.reviewer-avatar-5m4p9 {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #667eea, #764ba2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}

.reviewer-name-2w7k3 {
font-weight: 600;
color: #2c3e50;
margin-bottom: 5px;
}

.review-rating-6n3v8 {
color: #ffc107;
font-size: 14px;
}

.review-text-9k5m4 {
color: #555;
line-height: 1.7;
}

.links-section-7k3m9 {
background: #f8f9fa;
}

.links-grid-4w8n2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
}

.links-grid-4w8n2 a {
background: #fff;
padding: 15px 20px;
border-radius: 8px;
text-decoration: none;
color: #667eea;
font-weight: 500;
text-align: center;
transition: all 0.3s;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.links-grid-4w8n2 a:hover {
background: #667eea;
color: #fff;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(102,126,234,0.3);
}

.footer-2m9k7 {
background: #fff;
color: #2c3e50;
padding: 40px 0 20px;
border-top: 1px solid #e0e0e0;
}

.footer-content-8v3n5 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-bottom: 30px;
}

.footer-col-4w7k2 h3 {
color: #2c3e50;
margin-bottom: 15px;
font-size: 18px;
font-weight: 700;
}

.footer-col-4w7k2 p,
.footer-col-4w7k2 li {
color: #555;
line-height: 1.8;
font-size: 14px;
}

.footer-col-4w7k2 ul {
list-style: none;
}

.footer-col-4w7k2 a {
color: #555;
text-decoration: none;
transition: color 0.3s;
}

.footer-col-4w7k2 a:hover {
color: #667eea;
}

.footer-bottom-5n8k3 {
text-align: center;
padding-top: 20px;
border-top: 1px solid #e0e0e0;
color: #888;
font-size: 14px;
}

@media (max-width: 768px) {
.menu-toggle-2n7k5 {
display: flex;
}

.nav-menu-6r4v8 {
position: fixed;
top: 70px;
left: -100%;
width: 100%;
background: #fff;
flex-direction: column;
padding: 20px;
gap: 15px;
transition: left 0.3s;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
border-top: 1px solid #e0e0e0;
}

.nav-menu-6r4v8.active-3m9k7 {
left: 0;
}

.hero-9m2k7 {
padding: 50px 0;
}

.hero-carousel-3k8m5 {
min-height: 400px;
}

.carousel-text-6k2w8 h1 {
font-size: 32px;
}

.carousel-subtitle-8k3n5 {
font-size: 28px;
}

.carousel-text-6k2w8 {
padding: 50px 20px;
}

.carousel-text-6k2w8 p {
font-size: 16px;
margin-bottom: 25px;
}

.hero-badge-9m4k2 {
padding: 8px 20px;
margin-bottom: 20px;
}

.hero-badge-9m4k2 img {
width: 35px;
height: 35px;
}

.hero-badge-9m4k2 span {
font-size: 14px;
}

.carousel-actions-3n8k5 {
flex-direction: column;
gap: 15px;
}

.download-btn-5k8w2 {
padding: 16px 40px;
font-size: 16px;
width: 100%;
max-width: 300px;
}

.secondary-btn-7k4m9 {
padding: 14px 35px;
font-size: 16px;
width: 100%;
max-width: 300px;
}

.carousel-control-prev-2k7m4,
.carousel-control-next-8n3w5 {
width: 45px;
height: 45px;
font-size: 16px;
}

.carousel-control-prev-2k7m4 {
left: 15px;
}

.carousel-control-next-8n3w5 {
right: 15px;
}

.carousel-indicators-5k9m2 {
bottom: 20px;
}

.intro-content-9k2p6 {
grid-template-columns: 1fr;
}

.features-grid-8m4w7,
.guides-grid-2n9v6 {
grid-template-columns: 1fr;
}

.review-summary-3w7n4 {
grid-template-columns: 1fr;
text-align: center;
}

.rating-bars-5n3v9 {
max-width: 400px;
margin: 0 auto;
}

.footer-content-8v3n5 {
grid-template-columns: 1fr;
text-align: center;
}
}

@media (max-width: 480px) {
.hero-9m2k7 {
padding: 40px 0;
}

.hero-carousel-3k8m5 {
min-height: 350px;
}

.carousel-track-7w2n4 {
min-height: 350px;
}

.carousel-item-5m9k6 {
min-height: 350px;
}

.carousel-text-6k2w8 {
padding: 40px 15px;
}

.carousel-text-6k2w8 h1 {
font-size: 26px;
margin-bottom: 15px;
}

.carousel-subtitle-8k3n5 {
font-size: 22px;
margin-bottom: 15px;
}

.carousel-text-6k2w8 p {
font-size: 15px;
line-height: 1.6;
margin-bottom: 20px;
}

.hero-badge-9m4k2 {
padding: 6px 16px;
}

.hero-badge-9m4k2 img {
width: 30px;
height: 30px;
}

.hero-badge-9m4k2 span {
font-size: 13px;
}

.download-btn-5k8w2 {
font-size: 15px;
padding: 14px 35px;
}

.secondary-btn-7k4m9 {
font-size: 15px;
padding: 12px 30px;
}

.carousel-control-prev-2k7m4,
.carousel-control-next-8n3w5 {
width: 40px;
height: 40px;
font-size: 14px;
}

.carousel-control-prev-2k7m4 {
left: 10px;
}

.carousel-control-next-8n3w5 {
right: 10px;
}

.carousel-indicators-5k9m2 {
bottom: 15px;
gap: 8px;
}

.indicator-dot-3w7n6 {
width: 10px;
height: 10px;
}

.indicator-dot-3w7n6.active-2n7k3 {
width: 25px;
}

.intro-section-3t7m4 h2,
.features-section-2n6k9 h2,
.news-section-4k7m2 h2,
.guides-section-7m3k8 h2,
.reviews-section-9k2m7 h2,
.links-section-7k3m9 h2 {
font-size: 24px;
}

.links-grid-4w8n2 {
grid-template-columns: 1fr;
}
}

.protocol-news-page{max-width:1180px;margin:0 auto;padding:110px 22px 60px}.protocol-news-page h1{text-align:center;margin-bottom:32px}.protocol-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.protocol-news-card{padding:24px;border-radius:14px;box-sizing:border-box}.protocol-news-card time{display:block;opacity:.72;margin:10px 0}.protocol-detail-content{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.protocol-back{display:inline-block;margin:24px 0}.managed-download-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:20px}.managed-download-dialog{width:min(100%,500px);padding:28px;border-radius:14px;background:#171b28;color:#fff;box-sizing:border-box}.managed-download-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.managed-download-dialog button{padding:10px 18px;cursor:pointer}.footer-friend-links{margin:24px auto;text-align:center}.footer-friend-links a{display:inline-block;margin:5px 9px;color:inherit}.Agent17-managed-news-card{padding:18px;margin-top:16px;background:rgba(255,255,255,.75);border-radius:12px}.Agent17-managed-news-card a{color:#3263a7}.Agent17-managed-news-card p{color:#666;line-height:1.7}@media(max-width:700px){.protocol-news-page{padding:90px 14px 40px}.protocol-news-grid{grid-template-columns:1fr}.managed-download-dialog{padding:22px}}

.protocol-news-card{background:rgba(255,255,255,.92);color:#243042}.protocol-news-card a{color:#2563a8}.protocol-detail{max-width:900px;margin:auto;background:rgba(255,255,255,.96);color:#263443;padding:30px}.protocol-detail-content{line-height:1.9;overflow-wrap:anywhere}.protocol-detail-content p{margin:20px 0}a[data-download-btn="download"]{text-decoration:none;cursor:pointer}.download_btn_primary_k2l9,.copy_link_btn_w8j3{display:inline-flex;align-items:center;justify-content:center;gap:8px}