@import "https://fonts.googleapis.com/css2?family=Cormorant:wght@400;700&display=swap";
*{margin:0;padding:0}
body{font-family:'Cormorant',serif;background:#FFFDFE;color:#1a1a1a;line-height:1.6;overflow-x:hidden}
.headerWrap{position:relative;background:linear-gradient(135deg,#6860f314 0%,#b9390b0d 100%);padding:0;box-shadow:0 4px 16px #6860f314}
.headerWrap .bgLayer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8vw;font-weight:700;color:#6860f30a;white-space:nowrap;z-index:1;pointer-events:none;letter-spacing:.05em}
.headerWrap .topRow{position:relative;z-index:3;max-width:1536px;margin:0 auto;padding:24px 40px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.headerWrap .logoBox{display:flex;align-items:center;gap:16px;flex-shrink:0}
.headerWrap .logoBox img{height:110px;width:110px;object-fit:contain;filter:drop-shadow(0 2px 8px #6860f326)}
.headerWrap .brandText{font-size:32px;font-weight:700;color:#6860F3;letter-spacing:-.02em}
.headerWrap .navRow{position:relative;z-index:3;max-width:1536px;margin:0 auto;padding:0 40px 24px}
.headerWrap .mainNav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.headerWrap .mainNav a{display:inline-block;padding:14px 28px;font-size:18px;font-weight:400;color:#2a2a2a;text-decoration:none;border-radius:26px;background:#fffdfeb3;border:1px solid #6860f31f;transition:all .3s ease}
.headerWrap .mainNav a:hover{background:#6860f314;color:#6860F3;border-color:#6860f34d}
.footerWrap{background:linear-gradient(180deg,#FFFDFE 0%,#6860f30f 100%);padding:64px 40px 32px;margin-top:80px;box-shadow:0 -4px 24px #6860f30f}
.footerWrap .footerInner{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footerWrap .contactBlock{background:#6860f30a;padding:32px;border-radius:32px;border:2px solid #6860f31a}
.footerWrap .contactBlock h3{font-size:28px;font-weight:700;color:#6860F3;margin-bottom:20px}
.footerWrap .contactBlock .infoLine{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:17px;color:#2a2a2a}
.footerWrap .contactBlock .infoLine i{color:#6860F3;font-size:20px}
.footerWrap .contactBlock .infoLine a{color:#2a2a2a;text-decoration:none;transition:color .2s ease}
.footerWrap .contactBlock .infoLine a:hover{color:#6860F3}
.footerWrap .linkColumn h4{font-size:22px;font-weight:700;color:#2a2a2a;margin-bottom:18px}
.footerWrap .linkColumn a{display:block;padding:10px 0;font-size:17px;color:#3a3a3a;text-decoration:none;transition:color .2s ease}
.footerWrap .linkColumn a:hover{color:#6860F3}
.footerWrap .bottomBar{max-width:1536px;margin:0 auto;padding-top:32px;border-top:1px solid #6860f326;text-align:center;font-size:16px;color:#5a5a5a}
.cookieBox{position:fixed;bottom:24px;left:24px;max-width:420px;background:#FFFDFE;border-radius:28px;box-shadow:0 12px 40px #6860f333;border:2px solid #6860f326;z-index:9999;transform:translateX(-500px);transition:transform .5s ease;display:none}
.cookieBox.show{display:block;transform:translateX(0)}
.cookieBox .tabs{display:flex;border-bottom:1px solid #6860f31a}
.cookieBox .tabs button{flex:1;padding:16px;background:none;border:none;font-family:'Cormorant',serif;font-size:16px;font-weight:700;color:#5a5a5a;cursor:pointer;transition:all .2s ease}
.cookieBox .tabs button.active{color:#6860F3;background:#6860f30f}
.cookieBox .tabContent{padding:24px;display:none}
.cookieBox .tabContent.active{display:block}
.cookieBox .tabContent h3{font-size:20px;font-weight:700;color:#2a2a2a;margin-bottom:12px}
.cookieBox .tabContent p{font-size:15px;line-height:1.5;color:#3a3a3a;margin-bottom:18px}
.cookieBox .btnRow{display:flex;gap:12px}
.cookieBox .btnRow button{flex:1;padding:12px 20px;border:none;font-family:'Cormorant',serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}
.cookieBox .btnAccept{background:#6860F3;color:#FFFDFE}
.cookieBox .btnAccept:hover{background:#5650d8}
.cookieBox .btnDecline{background:#b9390b1a;color:#B9390B}
.cookieBox .btnDecline:hover{background:#b9390b33}
.cookieBox .detailList{font-size:14px;line-height:1.6;color:#3a3a3a;margin-bottom:18px}
.cookieBox .detailList li{margin-bottom:8px;padding-left:20px;position:relative}
.cookieBox .detailList li:before{content:"•";position:absolute;left:0;color:#6860F3}
@media (max-width: 768px) {
.headerWrap .bgLayer{font-size:12vw}
.headerWrap .topRow{flex-direction:column;padding:20px 24px;gap:20px}
.headerWrap .logoBox img{height:80px;width:80px}
.headerWrap .brandText{font-size:24px}
.headerWrap .navRow{padding:0 24px 20px}
.headerWrap .mainNav{flex-direction:column;gap:8px;width:100%}
.headerWrap .mainNav a{width:100%;text-align:center;padding:12px 20px;font-size:17px}
.footerWrap{padding:48px 24px 24px}
.footerWrap .footerInner{grid-template-columns:1fr;gap:32px}
.cookieBox{left:12px;right:12px;bottom:12px;max-width:none;border-radius:20px}
}
@media (min-width: 769px) and (max-width: 1200px) {
.headerWrap .topRow{padding:20px 32px}
.headerWrap .navRow{padding:0 32px 20px}
.footerWrap{padding:56px 32px 28px}
.footerWrap .footerInner{grid-template-columns:1fr 1fr}
}
.legal-inner{max-width:1536px;margin:0 auto;padding:80px 24px;background:#FFFDFE}
.legal-inner p{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 24px;font-weight:400}
.legal-inner p:last-child{margin-bottom:0}
.legal-inner ul,.legal-inner ol{margin:0 0 24px;padding-left:32px;color:#2c3e50}
.legal-inner ul{list-style-type:disc}
.legal-inner ol{list-style-type:decimal}
.legal-inner li{font-size:16px;line-height:1.8;margin-bottom:12px;padding-left:8px}
.legal-inner li:last-child{margin-bottom:0}
.legal-inner ul ul,.legal-inner ol ol,.legal-inner ul ol,.legal-inner ol ul{margin-top:12px;margin-bottom:12px}
.legal-inner strong,.legal-inner b{font-weight:700;color:#1a252f}
.legal-inner em,.legal-inner i{font-style:italic;color:#34495e}
.legal-inner table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #6860f314}
.legal-inner thead{background:#6860f31a}
.legal-inner thead tr{border-bottom:2px solid #6860F3}
.legal-inner tbody tr{border-bottom:1px solid #6860f31a}
.legal-inner tbody tr:last-child{border-bottom:none}
.legal-inner tbody tr:hover{background:#6860f308}
.legal-inner th{padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:#6860F3;text-transform:uppercase;letter-spacing:.5px}
.legal-inner td{padding:16px 20px;font-size:16px;line-height:1.6;color:#2c3e50}
.legal-inner hr{border:none;height:2px;background:linear-gradient(to right,transparent,#6860f34d,transparent);margin:48px 0}
@media (max-width: 768px) {
.legal-inner{padding:48px 16px}
.legal-inner p,.legal-inner li,.legal-inner td{font-size:15px;line-height:1.7}
.legal-inner ul,.legal-inner ol{padding-left:24px}
.legal-inner table{font-size:14px;margin:24px 0}
.legal-inner th,.legal-inner td{padding:12px 14px}
.legal-inner th{font-size:13px}
.legal-inner hr{margin:32px 0}
}
@media (max-width: 480px) {
.legal-inner{padding:32px 12px}
.legal-inner table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-inner th,.legal-inner td{padding:10px 12px;font-size:13px}
}
@media (min-width: 1200px) {
.legal-inner{padding:100px 48px}
.legal-inner p{font-size:17px;line-height:1.9}
.legal-inner li{font-size:17px;line-height:1.9}
}
.progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:#6860f31a;z-index:9999}
.progress-fill{height:100%;background:linear-gradient(90deg,#6860F3,#B9390B);width:0;transition:width .1s ease}
.article-wrap{max-width:1536px;margin:0 auto;padding:80px 20px 60px}
.article-header{max-width:920px;margin:0 auto 48px}
.tag-label{display:inline-block;padding:8px 18px;background:#6860f314;color:#6860F3;border-radius:24px;font-size:14px;font-weight:500;margin-bottom:20px;letter-spacing:.3px}
.article-title{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.stats-row{display:flex;align-items:center;gap:32px;color:#666;font-size:15px}
.stat-item{display:flex;align-items:center;gap:8px}
.stat-item i{color:#6860F3;font-size:18px}
.hero-img{max-width:1200px;margin:0 auto 64px;border-radius:32px;overflow:hidden;box-shadow:0 16px 48px #00000014}
.hero-img img{width:100%;height:auto;display:block}
.content-area{max-width:820px;margin:0 auto}
.content-area p{font-size:18px;line-height:1.7;color:#333;margin:0 0 24px}
.content-area h2{font-size:32px;line-height:1.3;color:#1a1a1a;margin:48px 0 20px;font-weight:700;position:relative;padding-left:20px}
.content-area h2::before{content:'';position:absolute;left:0;top:8px;width:4px;height:28px;background:linear-gradient(180deg,#6860F3,#B9390B);border-radius:2px}
.content-area strong{color:#1a1a1a;font-weight:600}
.content-area ol{margin:0 0 24px;padding-left:28px}
.content-area li{font-size:18px;line-height:1.7;color:#333;margin-bottom:12px}
.content-area blockquote{margin:32px 0;padding:28px 32px;background:#6860f30a;border-left:5px solid #6860F3;border-radius:0 20px 20px 0;font-size:19px;line-height:1.6;color:#2a2a2a;font-style:italic}
.content-area details{margin:28px 0;padding:24px;background:#FFFDFE;border:2px solid #6860f326;border-radius:20px;cursor:pointer;transition:all .3s ease}
.content-area details:hover{border-color:#6860F3;box-shadow:0 8px 24px #6860f314}
.content-area summary{font-size:19px;font-weight:600;color:#1a1a1a;cursor:pointer;position:relative;padding-left:32px}
.content-area summary::before{content:'\F285';font-family:'bootstrap-icons';position:absolute;left:0;color:#6860F3;font-size:22px;transition:transform .3s ease}
.content-area details[open] summary::before{transform:rotate(90deg)}
.content-area details p{margin-top:16px;padding-left:32px}
.cta-section{max-width:920px;margin:80px auto 0;padding:48px 40px;background:linear-gradient(135deg,#6860f30f,#b9390b0a);border-radius:32px;text-align:center;border:2px solid #6860f31f}
.cta-section h3{font-size:28px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.cta-section p{font-size:17px;color:#555;margin:0 0 28px;line-height:1.6}
.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#6860F3;color:#FFFDFE;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #6860f340}
.cta-btn:hover{background:#5650d3;transform:translateY(-2px);box-shadow:0 12px 32px #6860f359}
.cta-btn i{font-size:20px}
@media (max-width: 768px) {
.article-wrap{padding:60px 16px 40px}
.article-title{font-size:32px;margin-bottom:20px}
.stats-row{flex-direction:column;align-items:flex-start;gap:12px}
.hero-img{margin-bottom:40px;border-radius:20px}
.content-area p,.content-area li{font-size:16px}
.content-area h2{font-size:26px;margin-top:36px}
.content-area blockquote{padding:20px 24px;font-size:17px}
.content-area details{padding:20px}
.cta-section{padding:36px 24px;margin-top:60px}
.cta-section h3{font-size:24px}
}
@media (min-width: 769px) and (max-width: 1200px) {
.article-wrap{padding:70px 32px 50px}
.article-title{font-size:40px}
}
.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1536px;margin:0 auto;padding:80px 24px;position:relative}
.hero-section::before{content:'';position:absolute;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,#6860f31f 0%,transparent 70%);border-radius:50%;z-index:-1}
.hero-section::after{content:'';position:absolute;bottom:15%;right:8%;width:250px;height:250px;background:radial-gradient(circle,#b9390b14 0%,transparent 70%);border-radius:50%;z-index:-1}
.hero-text{display:flex;flex-direction:column;justify-content:center;gap:24px}
.hero-text h1{font-size:56px;line-height:1.1;color:#1a1a1a;margin:0;font-weight:700}
.hero-text h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#6860F3 0%,#B9390B 100%);margin-top:20px;border-radius:25px}
.hero-text p{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0}
.hero-text .highlight{color:#6860F3;font-weight:600}
.hero-images{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,200px);gap:16px;position:relative}
.hero-img-box{border-radius:32px;overflow:hidden;position:relative;box-shadow:0 8px 24px #00000014}
.hero-img-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 30%,#0006 100%);z-index:1;pointer-events:none}
.hero-img-box.large{grid-column:1 / 2;grid-row:1 / 3}
.hero-img-box img{width:100%;height:100%;object-fit:cover}
.cta-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#6860F3 0%,#5248d9 100%);color:#FFFDFE;border:none;border-radius:28px;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 6px 20px #6860f34d;transition:all .3s ease;align-self:flex-start}
.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6860f366}
.cta-primary i{font-size:20px}
.path-structure{max-width:1536px;margin:0 auto;padding:100px 24px;background:linear-gradient(180deg,#FFFDFE 0%,#f7f6ff 100%)}
.section-header{text-align:center;margin-bottom:64px}
.section-header h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.section-header h2::before{content:'';position:absolute;top:-12px;left:-20px;width:40px;height:40px;background:#6860f31a;border-radius:50%;z-index:-1}
.section-header p{font-size:18px;line-height:1.6;color:#5a5a5a;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.tabs-wrapper{position:relative}
.tab-radio{display:none}
.tab-labels{display:flex;gap:12px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}
.tab-label{padding:14px 28px;background:#FFFDFE;border:2px solid #e5e5e5;border-radius:24px;font-size:16px;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}
.tab-label:hover{border-color:#6860F3;color:#6860F3}
.tab-radio:checked + .tab-label{background:#6860F3;color:#FFFDFE;border-color:#6860F3;box-shadow:0 4px 16px #6860f340}
.tab-content{display:none}
.tab-radio:checked ~ .tabs-container .tab-content:nth-of-type(1){display:none}
#tab1:checked ~ .tabs-container .tab-content:nth-of-type(1),#tab2:checked ~ .tabs-container .tab-content:nth-of-type(2),#tab3:checked ~ .tabs-container .tab-content:nth-of-type(3){display:block}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.module-card{background:#FFFDFE;padding:32px;border-radius:28px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid #6860f31a}
.module-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #6860f326}
.module-card h3{font-size:22px;line-height:1.3;color:#1a1a1a;margin:0 0 12px;font-weight:700;display:flex;align-items:center;gap:10px}
.module-card h3::before{content:'';width:8px;height:8px;background:#6860F3;border-radius:50%;flex-shrink:0}
.module-card p{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0 0 16px}
.module-meta{display:flex;gap:16px;font-size:14px;color:#7a7a7a;padding-top:16px;border-top:1px solid #e5e5e5}
.module-meta span{display:flex;align-items:center;gap:6px}
.module-meta i{color:#6860F3;font-size:16px}
.community-block{max-width:1536px;margin:0 auto;padding:100px 24px;position:relative}
.split-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.instructor-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.instructor-profile{background:linear-gradient(135deg,#FFFDFE 0%,#f9f8ff 100%);padding:28px;border-radius:32px;box-shadow:0 6px 24px #00000014;display:flex;flex-direction:column;gap:16px;border:2px solid transparent;transition:all .4s ease}
.instructor-profile:hover{border-color:#6860F3;transform:scale(1.02)}
.instructor-photo{width:100%;height:200px;border-radius:24px;overflow:hidden;position:relative}
.instructor-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.instructor-profile:hover .instructor-photo img{transform:scale(1.05)}
.instructor-info h4{font-size:20px;line-height:1.3;color:#1a1a1a;margin:0 0 6px;font-weight:700}
.instructor-info p{font-size:14px;line-height:1.5;color:#6a6a6a;margin:0}
.instructor-expertise{display:flex;flex-wrap:wrap;gap:8px}
.expertise-tag{padding:6px 14px;background:#6860f31f;color:#6860F3;border-radius:16px;font-size:13px;font-weight:600}
.community-content h2{font-size:44px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.community-content h2 span{color:#B9390B}
.community-content p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.feature-list{list-style:none;padding:0;margin:32px 0;display:flex;flex-direction:column;gap:16px}
.feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.6;color:#3a3a3a}
.feature-list li::before{content:'';width:24px;height:24px;background:linear-gradient(135deg,#6860F3 0%,#8c7ff5 100%);border-radius:50%;flex-shrink:0;margin-top:2px;box-shadow:0 2px 8px #6860f34d}
.cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#FFFDFE;color:#6860F3;border:2px solid #6860F3;border-radius:26px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;margin-top:16px}
.cta-secondary:hover{background:#6860F3;color:#FFFDFE;transform:translateX(4px)}
@media (max-width: 1024px) {
.hero-section{grid-template-columns:1fr;gap:48px;padding:60px 24px}
.hero-text h1{font-size:44px}
.hero-images{grid-template-rows:repeat(2,180px)}
.module-grid{grid-template-columns:repeat(2,1fr)}
.split-layout{grid-template-columns:1fr;gap:48px}
.section-header h2{font-size:36px}
.community-content h2{font-size:36px}
}
@media (max-width: 768px) {
.hero-text h1{font-size:36px}
.hero-text p{font-size:16px}
.hero-images{grid-template-columns:1fr;grid-template-rows:200px 150px 150px}
.hero-img-box.large{grid-column:1;grid-row:1}
.path-structure{padding:60px 24px}
.section-header{margin-bottom:40px}
.section-header h2{font-size:30px}
.section-header p{font-size:16px}
.tab-labels{flex-direction:column}
.module-grid{grid-template-columns:1fr}
.community-block{padding:60px 24px}
.instructor-showcase{grid-template-columns:1fr}
.community-content h2{font-size:30px}
.community-content p{font-size:16px}
}
.titleBox{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1536px;margin:0 auto;background:linear-gradient(135deg,#6860f30d 0%,#b9390b08 100%)}
.titleBox .textColumn{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;position:relative}
.titleBox .textColumn::before{content:'';position:absolute;top:0;left:0;width:4px;height:120px;background:linear-gradient(180deg,#6860F3 0%,#B9390B 100%)}
.titleBox h1{font-size:52px;line-height:1.15;color:#1a1a1a;margin:0 0 32px;font-weight:700}
.titleBox .description{font-size:18px;line-height:1.7;color:#4a4a4a;max-width:520px}
.titleBox .imageGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;padding:24px;height:100%;min-height:500px}
.titleBox .imageGrid .imgWrap{position:relative;overflow:hidden;border-radius:32px}
.titleBox .imageGrid .imgWrap:nth-child(1){grid-row:1 / 3;border-radius:160px 32px 32px 32px}
.titleBox .imageGrid .imgWrap:nth-child(2){border-radius:32px 120px 32px 32px}
.titleBox .imageGrid .imgWrap:nth-child(3){border-radius:32px 32px 32px 100px}
.titleBox .imageGrid img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.titleBox .imageGrid .imgWrap:hover img{transform:scale(1.08)}
.contentArea1{max-width:1536px;margin:120px auto;padding:0 40px}
.contentArea1 .sectionHead{text-align:center;margin-bottom:80px}
.contentArea1 .sectionHead h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.contentArea1 .sectionHead h2::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#6860F3 0%,#B9390B 100%);margin:24px auto 0;border-radius:20px}
.contentArea1 .sectionHead p{font-size:17px;line-height:1.65;color:#5a5a5a;max-width:700px;margin:0 auto}
.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.resourceGrid .card{background:#FFFDFE;border-radius:28px;padding:48px 36px;box-shadow:0 8px 32px #6860f314;transition:transform .4s ease,box-shadow .4s ease;position:relative;cursor:pointer}
.resourceGrid .card::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#6860F3 0%,#B9390B 100%);border-radius:28px 28px 0 0;opacity:0;transition:opacity .4s ease}
.resourceGrid .card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #6860f329}
.resourceGrid .card:hover::before{opacity:1}
.resourceGrid .card .iconBox{width:72px;height:72px;background:linear-gradient(135deg,#6860f31a 0%,#b9390b0d 100%);border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.resourceGrid .card .iconBox i{font-size:32px;color:#6860F3}
.resourceGrid .card h3{font-size:24px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.resourceGrid .card p{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.audienceSection{background:linear-gradient(135deg,#6860f308 0%,#b9390b05 100%);padding:100px 40px;margin:0 auto}
.audienceSection .wrapper{max-width:1536px;margin:0 auto}
.audienceSection h2{font-size:40px;line-height:1.25;color:#1a1a1a;margin:0 0 64px;text-align:center;font-weight:700}
.audienceSection h2::before{content:'';display:inline-block;width:60px;height:4px;background:#6860F3;margin-right:20px;vertical-align:middle;border-radius:20px}
.audienceSection h2::after{content:'';display:inline-block;width:60px;height:4px;background:#B9390B;margin-left:20px;vertical-align:middle;border-radius:20px}
.profileList{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:start}
.profileList .profileCard{display:grid;grid-template-columns:180px 1fr;gap:32px;background:#FFFDFE;border-radius:32px;padding:40px;box-shadow:0 6px 24px #6860f30f;transition:box-shadow .4s ease}
.profileList .profileCard:hover{box-shadow:0 12px 40px #6860f31f}
.profileList .profileCard .imgWrap{width:180px;height:180px;border-radius:24px;overflow:hidden;position:relative}
.profileList .profileCard .imgWrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6860f326 0%,#b9390b1a 100%);mix-blend-mode:multiply}
.profileList .profileCard .imgWrap img{width:100%;height:100%;object-fit:cover}
.profileList .profileCard .profileText h4{font-size:26px;line-height:1.3;color:#1a1a1a;margin:0 0 8px;font-weight:700}
.profileList .profileCard .profileText .role{font-size:15px;color:#6860F3;font-weight:600;margin-bottom:16px;display:block}
.profileList .profileCard .profileText p{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0 0 16px}
.profileList .profileCard .profileText .stats{display:flex;gap:32px;margin-top:20px}
.profileList .profileCard .profileText .stats .statItem{display:flex;flex-direction:column}
.profileList .profileCard .profileText .stats .statItem .num{font-size:28px;font-weight:700;color:#6860F3;line-height:1;margin-bottom:6px}
.profileList .profileCard .profileText .stats .statItem .label{font-size:13px;color:#7a7a7a;text-transform:uppercase;letter-spacing:.5px}
.credSection{max-width:1536px;margin:120px auto;padding:0 40px}
.credSection h2{font-size:38px;line-height:1.25;color:#1a1a1a;margin:0 0 60px;text-align:center;font-weight:700}
.credTabs input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.credTabs .tabNav{display:flex;gap:16px;justify-content:center;margin-bottom:56px}
.credTabs .tabNav label{padding:16px 36px;background:#FFFDFE;border:2px solid #6860f333;border-radius:32px;font-size:17px;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .3s ease;position:relative}
.credTabs .tabNav label:hover{border-color:#6860F3;color:#6860F3}
.credTabs input:checked + label{background:linear-gradient(135deg,#6860F3 0%,#B9390B 100%);color:#FFFDFE;border-color:transparent;box-shadow:0 6px 20px #6860f34d}
.credTabs .tabContent{display:none}
.credTabs input:nth-of-type(1):checked ~ .tabContent:nth-of-type(1),.credTabs input:nth-of-type(2):checked ~ .tabContent:nth-of-type(2),.credTabs input:nth-of-type(3):checked ~ .tabContent:nth-of-type(3){display:block}
.credTabs .tabContent .contentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.credTabs .tabContent .credCard{background:#FFFDFE;border-radius:28px;padding:36px 32px;box-shadow:0 4px 20px #6860f314;border-left:5px solid #6860F3;transition:transform .3s ease}
.credTabs .tabContent .credCard:hover{transform:translateX(4px)}
.credTabs .tabContent .credCard h5{font-size:20px;line-height:1.4;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.credTabs .tabContent .credCard p{font-size:15px;line-height:1.7;color:#5a5a5a;margin:0 0 12px}
.credTabs .tabContent .credCard .meta{font-size:13px;color:#B9390B;font-weight:600}
@media (max-width: 1200px) {
.titleBox{grid-template-columns:1fr}
.titleBox .textColumn{padding:60px 40px}
.titleBox .imageGrid{min-height:400px}
.resourceGrid{grid-template-columns:repeat(2,1fr)}
.profileList{grid-template-columns:1fr}
.credTabs .tabContent .contentGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.titleBox h1{font-size:38px}
.titleBox .description{font-size:16px}
.titleBox .imageGrid{grid-template-columns:1fr;grid-template-rows:auto;min-height:300px}
.titleBox .imageGrid .imgWrap:nth-child(1){grid-row:auto}
.resourceGrid{grid-template-columns:1fr;gap:24px}
.contentArea1 .sectionHead h2{font-size:32px}
.audienceSection h2{font-size:30px}
.audienceSection h2::before,.audienceSection h2::after{display:none}
.profileList .profileCard{grid-template-columns:1fr;gap:24px}
.profileList .profileCard .imgWrap{width:100%;height:260px}
.credTabs .tabNav{flex-direction:column;gap:12px}
.credTabs .tabNav label{text-align:center}
.credTabs .tabContent .contentGrid{grid-template-columns:1fr;gap:24px}
.credSection h2{font-size:28px}
}
@media (max-width: 480px) {
.titleBox .textColumn{padding:40px 24px}
.titleBox h1{font-size:32px}
.contentArea1{margin:80px auto;padding:0 24px}
.audienceSection{padding:60px 24px}
.credSection{margin:80px auto;padding:0 24px}
.profileList .profileCard .profileText .stats{flex-direction:column;gap:16px}
}
.analytics-intro{max-width:1536px;margin:0 auto;padding:80px 20px 60px;text-align:center}
.analytics-intro h1{font-size:2.8rem;color:#6860F3;margin-bottom:16px;font-weight:700}
.analytics-intro .subtitle{font-size:1.15rem;color:#4a4a4a;max-width:700px;margin:0 auto;line-height:1.6}
.posts-wrapper{max-width:1536px;margin:0 auto;padding:40px 20px 80px}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.post-card{background:#FFFDFE;border-radius:24px;overflow:hidden;box-shadow:0 6px 24px #6860f314;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #6860f326}
.post-card .img-container{width:100%;height:220px;overflow:hidden;position:relative;background:linear-gradient(135deg,#6860f31a,#b9390b1a)}
.post-card .img-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .img-container img{transform:scale(1.05)}
.post-card .tag-label{position:absolute;top:16px;left:16px;background:#6860f3f2;color:#FFFDFE;padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.post-card .content-area{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.post-card h2{font-size:1.4rem;color:#2a2a2a;margin-bottom:12px;font-weight:700;line-height:1.3}
.post-card .desc-text{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:20px;flex-grow:1}
.post-card .footer-stats{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:2px solid #6860f31a}
.post-card .views-count{display:flex;align-items:center;gap:8px;color:#6860F3;font-weight:600;font-size:.9rem}
.post-card .views-count i{font-size:1.1rem}
.post-card .read-link{color:#B9390B;font-weight:600;text-decoration:none;font-size:.9rem;transition:color .3s ease}
.post-card .read-link:hover{color:#6860F3}
.insights-section{max-width:1536px;margin:0 auto;padding:60px 20px;background:linear-gradient(135deg,#6860f308,#b9390b08);border-radius:32px}
.insights-section h2{text-align:center;font-size:2.2rem;color:#2a2a2a;margin-bottom:48px;font-weight:700}
.stats-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.stat-box{background:#FFFDFE;padding:32px;border-radius:20px;text-align:center;box-shadow:0 4px 16px #6860f30f;transition:transform .3s ease}
.stat-box:hover{transform:translateY(-4px)}
.stat-box .icon-wrap{width:64px;height:64px;background:linear-gradient(135deg,#6860F3,#B9390B);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}
.stat-box .icon-wrap i{font-size:1.8rem;color:#FFFDFE}
.stat-box .number{font-size:2.4rem;font-weight:700;color:#6860F3;margin-bottom:8px}
.stat-box .label{font-size:1rem;color:#666;font-weight:500}
.community-highlight{max-width:1536px;margin:80px auto;padding:0 20px}
.community-highlight .content-wrapper{background:linear-gradient(135deg,#6860F3,#B9390B);border-radius:32px;padding:60px 40px;text-align:center;box-shadow:0 12px 40px #6860f333}
.community-highlight h2{font-size:2.4rem;color:#FFFDFE;margin-bottom:20px;font-weight:700}
.community-highlight .desc{font-size:1.1rem;color:#fffdfee6;max-width:700px;margin:0 auto 36px;line-height:1.7}
.community-highlight .cta-btn{display:inline-block;background:#FFFDFE;color:#6860F3;padding:16px 40px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #00000026}
.community-highlight .cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000040}
@media (max-width: 768px) {
.analytics-intro{padding:50px 16px 40px}
.analytics-intro h1{font-size:2rem}
.analytics-intro .subtitle{font-size:1rem}
.posts-grid{grid-template-columns:1fr;gap:24px}
.insights-section h2{font-size:1.8rem;margin-bottom:32px}
.stats-display{grid-template-columns:1fr;gap:20px}
.community-highlight .content-wrapper{padding:40px 24px}
.community-highlight h2{font-size:1.8rem}
.community-highlight .desc{font-size:1rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.posts-grid{grid-template-columns:repeat(2,1fr)}
.stats-display{grid-template-columns:repeat(2,1fr)}
}
.titleWrap{position:relative;max-width:1536px;margin:0 auto;padding:80px 24px 60px;overflow:hidden}
.titleWrap .imgHolder{position:relative;max-width:480px;height:360px;transform:rotate(-2deg);margin:0 0 40px;border-radius:28px;overflow:hidden;box-shadow:0 12px 28px #6860f326}
.titleWrap .imgHolder img{width:100%;height:100%;object-fit:cover}
.titleWrap .imgHolder::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6860f314 0%,#b9390b0d 100%);pointer-events:none}
.titleWrap .textContent{position:relative;z-index:2}
.titleWrap h1{font-size:48px;line-height:1.15;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}
.titleWrap .abstractShape{position:absolute;top:20%;right:5%;width:180px;height:180px;border-radius:50%;background:linear-gradient(45deg,#6860f308,#b9390b05);z-index:1}
.storyBlock{max-width:1536px;margin:0 auto;padding:60px 24px;background:linear-gradient(to bottom,#FFFDFE 0%,#6860f305 100%)}
.storyBlock .gridLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.storyBlock .textZone h2{font-size:36px;line-height:1.25;color:#2a2a2a;margin:0 0 28px;position:relative;padding-left:20px}
.storyBlock .textZone h2::before{content:'';position:absolute;left:0;top:8px;width:4px;height:32px;background:linear-gradient(to bottom,#6860F3,#B9390B);border-radius:2px}
.storyBlock .textZone p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 20px}
.storyBlock .imgFrame{position:relative;height:420px;border-radius:32px;overflow:hidden;box-shadow:0 16px 36px #00000014}
.storyBlock .imgFrame img{width:100%;height:100%;object-fit:cover}
.teamSegment{max-width:1536px;margin:0 auto;padding:80px 24px;background:#FFFDFE}
.teamSegment .headingArea{text-align:center;margin:0 0 56px}
.teamSegment .headingArea h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 12px}
.teamSegment .headingArea p{font-size:18px;line-height:1.6;color:#4a4a4a;max-width:620px;margin:0 auto}
.teamSegment .profileGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:1100px;margin:0 auto}
.teamSegment .profileCard{background:linear-gradient(135deg,#6860f30a 0%,#b9390b05 100%);border-radius:24px;padding:36px;display:flex;gap:28px;align-items:flex-start;transition:all .4s ease;cursor:default;border:1px solid #6860f314}
.teamSegment .profileCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6860f31f;border-color:#6860f333}
.teamSegment .profileCard .photoWrap{flex-shrink:0;width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid #6860f326}
.teamSegment .profileCard .photoWrap img{width:100%;height:100%;object-fit:cover}
.teamSegment .profileCard .infoWrap h3{font-size:24px;line-height:1.3;color:#2a2a2a;margin:0 0 6px}
.teamSegment .profileCard .infoWrap .role{font-size:15px;line-height:1.5;color:#6860F3;margin:0 0 16px;font-weight:600}
.teamSegment .profileCard .infoWrap p{font-size:16px;line-height:1.65;color:#4a4a4a;margin:0}
.valuesSec{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(to right,#6860f308 0%,#b9390b05 50%,#6860f308 100%)}
.valuesSec .centerTitle{text-align:center;margin:0 0 64px}
.valuesSec .centerTitle h2{font-size:40px;line-height:1.2;color:#1a1a1a;margin:0;position:relative;display:inline-block}
.valuesSec .centerTitle h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(to right,#6860F3,#B9390B);border-radius:2px}
.valuesSec .cardsHolder{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesSec .valueBox{background:#FFFDFE;border-radius:28px;padding:40px 32px;text-align:center;border:1px solid #6860f31a;transition:all .35s ease;position:relative;overflow:hidden}
.valuesSec .valueBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#6860F3,#B9390B);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.valuesSec .valueBox:hover{transform:translateY(-6px);box-shadow:0 16px 40px #6860f326;border-color:#6860f340}
.valuesSec .valueBox:hover::before{transform:scaleX(1)}
.valuesSec .valueBox .iconCircle{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#6860f31f,#b9390b14);border-radius:50%;display:flex;align-items:center;justify-content:center}
.valuesSec .valueBox .iconCircle svg{width:36px;height:36px;fill:#6860F3}
.valuesSec .valueBox h3{font-size:22px;line-height:1.3;color:#2a2a2a;margin:0 0 14px}
.valuesSec .valueBox p{font-size:16px;line-height:1.65;color:#4a4a4a;margin:0}
@media (max-width: 1024px) {
.titleWrap{padding:60px 20px 50px}
.titleWrap h1{font-size:38px}
.titleWrap .imgHolder{max-width:420px;height:320px}
.storyBlock .gridLayout{grid-template-columns:1fr;gap:40px}
.storyBlock .imgFrame{height:360px}
.teamSegment{padding:60px 20px}
.teamSegment .headingArea h2{font-size:36px}
.valuesSec .cardsHolder{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.titleWrap{padding:50px 16px 40px}
.titleWrap h1{font-size:32px}
.titleWrap .imgHolder{max-width:100%;height:280px;margin-bottom:32px}
.titleWrap .abstractShape{width:120px;height:120px}
.storyBlock{padding:50px 16px}
.storyBlock .textZone h2{font-size:28px;margin-bottom:20px}
.storyBlock .textZone p{font-size:16px}
.storyBlock .imgFrame{height:300px}
.teamSegment{padding:50px 16px}
.teamSegment .headingArea{margin-bottom:40px}
.teamSegment .headingArea h2{font-size:30px}
.teamSegment .profileGrid{grid-template-columns:1fr;gap:32px}
.teamSegment .profileCard{flex-direction:column;align-items:center;text-align:center;padding:32px 24px}
.teamSegment .profileCard .photoWrap{width:100px;height:100px}
.valuesSec{padding:60px 16px}
.valuesSec .centerTitle{margin-bottom:48px}
.valuesSec .centerTitle h2{font-size:32px}
.valuesSec .cardsHolder{grid-template-columns:1fr;gap:28px}
.valuesSec .valueBox{padding:36px 28px}
}
.contactWrap{max-width:1536px;margin:0 auto;padding:0 24px}
.contactHeroPanel{padding:80px 0;position:relative;overflow:hidden}
.heroArtCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.08}
.heroArtCanvas svg{width:100%;height:100%}
.contactHeroPanel .contentGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroTextSection h1{font-size:52px;line-height:1.15;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.heroTextSection .taglineBlock{font-size:20px;line-height:1.6;color:#4a4a4a;margin:0;font-weight:400}
.heroImageZone{position:relative}
.heroImageZone img{width:100%;height:480px;object-fit:cover;border-radius:28px;filter:grayscale(0.3) brightness(0.95)}
.formMainSection{background:linear-gradient(135deg,#6860f30f,#b9390b0a);padding:100px 0}
.formMainSection .contentGrid2{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.infoSidebar h2{font-size:36px;line-height:1.3;color:#1a1a1a;margin:0 0 32px;font-weight:600}
.infoSidebar .detailItem{margin-bottom:32px}
.infoSidebar .detailItem h3{font-size:14px;text-transform:uppercase;letter-spacing:.8px;color:#6860F3;margin:0 0 8px;font-weight:600}
.infoSidebar .detailItem p{font-size:18px;line-height:1.7;color:#2a2a2a;margin:0}
.infoSidebar .detailItem a{color:#2a2a2a;text-decoration:none;transition:color .25s ease}
.infoSidebar .detailItem a:hover{color:#6860F3}
.formContainer{background:#FFFDFE;padding:52px 48px;border-radius:32px;box-shadow:0 12px 42px #00000014}
.formContainer h3{font-size:28px;line-height:1.3;color:#1a1a1a;margin:0 0 36px;font-weight:600}
.formContainer form{display:flex;flex-direction:column;gap:28px}
.inputGroup label{display:block;font-size:15px;font-weight:500;color:#2a2a2a;margin-bottom:10px}
.inputGroup input{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e0e0e0;border-radius:16px;background:#FFFDFE;transition:all .25s ease;box-sizing:border-box}
.inputGroup input:focus{outline:none;border-color:#6860F3;box-shadow:0 0 0 4px #6860f31f}
.checkboxGroupBlock{margin-top:8px}
.checkboxGroupBlock p{font-size:15px;font-weight:500;color:#2a2a2a;margin:0 0 16px}
.checkboxGroup{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkboxGroup input[type="checkbox"]{display:none}
.checkboxGroup label{display:flex;align-items:center;padding:12px 18px;border:2px solid #e0e0e0;border-radius:14px;cursor:pointer;transition:all .25s ease;font-size:15px;color:#3a3a3a;position:relative}
.checkboxGroup label::before{content:'';width:20px;height:20px;border:2px solid silver;border-radius:6px;margin-right:12px;transition:all .25s ease;flex-shrink:0}
.checkboxGroup input[type="checkbox"]:checked + label{border-color:#6860F3;background:#6860f30f}
.checkboxGroup input[type="checkbox"]:checked + label::before{background:#6860F3;border-color:#6860F3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.privacyCheckWrap{display:flex;align-items:start;gap:12px;margin-top:8px}
.privacyCheckWrap input[type="checkbox"]{width:22px;height:22px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#6860F3}
.privacyCheckWrap label{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0;cursor:pointer}
.privacyCheckWrap label a{color:#6860F3;text-decoration:none;font-weight:500}
.privacyCheckWrap label a:hover{text-decoration:underline}
.submitBtn{padding:18px 40px;background:linear-gradient(135deg,#6860F3,#8478F7);color:#FFFDFE;font-size:17px;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #6860f34d}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6860f366;background:linear-gradient(135deg,#7a72f5,#9389f8)}
.submitBtn:active{transform:translateY(0)}
.directBlock{background:#1a1a1a;padding:90px 0}
.directBlock .contentFlex{display:flex;justify-content:space-between;align-items:center;gap:60px}
.directBlock h2{font-size:42px;line-height:1.25;color:#FFFDFE;margin:0;font-weight:700;max-width:580px}
.actionLinkBox{display:flex;gap:18px}
.actionLinkBox a{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:14px;text-decoration:none;transition:all .3s ease}
.actionLinkBox .primaryLink{background:#6860F3;color:#FFFDFE;box-shadow:0 6px 20px #6860f359}
.actionLinkBox .primaryLink:hover{background:#7a72f5;transform:translateY(-2px);box-shadow:0 8px 28px #6860f373}
.actionLinkBox .secondaryLink{background:transparent;color:#FFFDFE;border:2px solid #fffdfe4d}
.actionLinkBox .secondaryLink:hover{border-color:#FFFDFE;background:#fffdfe14}
@media (max-width: 1200px) {
.contactHeroPanel .contentGrid{gap:48px}
.formMainSection .contentGrid2{grid-template-columns:340px 1fr;gap:60px}
.heroTextSection h1{font-size:46px}
}
@media (max-width: 992px) {
.contactHeroPanel .contentGrid{grid-template-columns:1fr;gap:40px}
.heroImageZone img{height:400px}
.formMainSection .contentGrid2{grid-template-columns:1fr;gap:48px}
.directBlock .contentFlex{flex-direction:column;text-align:center;align-items:center}
.directBlock h2{max-width:100%}
}
@media (max-width: 768px) {
.contactWrap{padding:0 20px}
.contactHeroPanel{padding:60px 0}
.heroTextSection h1{font-size:38px;margin-bottom:20px}
.heroTextSection .taglineBlock{font-size:18px}
.heroImageZone img{height:320px}
.formMainSection{padding:70px 0}
.formContainer{padding:40px 28px}
.formContainer h3{font-size:24px;margin-bottom:28px}
.checkboxGroup{grid-template-columns:1fr}
.infoSidebar h2{font-size:30px;margin-bottom:28px}
.directBlock{padding:70px 0}
.directBlock h2{font-size:34px}
.actionLinkBox{flex-direction:column;width:100%}
.actionLinkBox a{width:100%;justify-content:center}
}
@media (max-width: 576px) {
.heroTextSection h1{font-size:32px}
.heroTextSection .taglineBlock{font-size:17px}
.heroImageZone img{height:280px}
.formContainer{padding:32px 20px}
.formContainer h3{font-size:22px}
.inputGroup input{padding:14px 16px}
.checkboxGroup label{padding:10px 14px;font-size:14px}
.submitBtn{padding:16px 32px;font-size:16px}
.directBlock h2{font-size:28px}
.infoSidebar h2{font-size:26px}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6860F3 0%,#6860f3d9 50%,#B9390B 100%);position:relative;overflow:hidden;padding:3rem 1.5rem}
.successWrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,#fffdfe14 0%,transparent 50%),radial-gradient(circle at 70% 50%,#b9390b1f 0%,transparent 50%);animation:floatPattern 25s ease-in-out infinite}
@keyframes floatPattern {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-20px,-20px) rotate(180deg)}
}
.successBox{background:#FFFDFE;border-radius:32px;padding:4rem 3rem;max-width:720px;width:100%;position:relative;z-index:1;box-shadow:0 24px 72px #6860f33d 0 8px 24px #0000001f;text-align:center}
.successBox::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:6px;background:linear-gradient(90deg,#6860F3,#B9390B);border-radius:0 0 24px 24px}
.iconHolder{width:96px;height:96px;margin:0 auto 2rem;background:linear-gradient(135deg,#6860f31f,#b9390b1f);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.iconHolder::after{content:'';position:absolute;width:110%;height:110%;border:3px solid #6860f333;border-radius:50%;animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.4);opacity:0}
}
.iconHolder svg{width:56px;height:56px;fill:#6860F3}
.mainHeading{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;line-height:1.2}
.subtext{font-size:1.125rem;color:#4a4a4a;line-height:1.6;margin:0 0 2.5rem;max-width:520px;margin-left:auto;margin-right:auto}
.detailsGrid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;text-align:left}
.infoRow{background:linear-gradient(135deg,#6860f30d,#b9390b0d);padding:1.25rem 1.5rem;border-radius:20px;border-left:4px solid #6860F3;display:flex;align-items:center;gap:1rem}
.infoRow i{font-size:1.5rem;color:#6860F3;flex-shrink:0}
.infoContent{flex:1}
.infoLabel{font-size:.875rem;color:#6a6a6a;margin:0 0 .25rem;font-weight:500}
.infoValue{font-size:1rem;color:#1a1a1a;margin:0;font-weight:600}
.actionBtns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btnPrimary{background:linear-gradient(135deg,#6860F3,#5248d4);color:#FFFDFE;padding:1rem 2.5rem;border-radius:28px;text-decoration:none;font-weight:600;font-size:1.0625rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 8px 24px #6860f34d;border:none;cursor:pointer;position:relative;overflow:hidden}
.btnPrimary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fffdfe33;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}
.btnPrimary:hover::before{width:300px;height:300px}
.btnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6860f366}
.btnPrimary i{position:relative;z-index:1}
.btnSecondary{background:transparent;color:#6860F3;padding:1rem 2.5rem;border-radius:28px;text-decoration:none;font-weight:600;font-size:1.0625rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:2px solid #6860F3;cursor:pointer}
.btnSecondary:hover{background:#6860F3;color:#FFFDFE;transform:translateY(-3px);box-shadow:0 8px 24px #6860f340}
.decorDots{position:absolute;width:120px;height:120px;opacity:.08;pointer-events:none}
.decorDots.top{top:2rem;right:2rem;background:radial-gradient(circle,#6860F3 2px,transparent 2px);background-size:20px 20px}
.decorDots.bottom{bottom:2rem;left:2rem;background:radial-gradient(circle,#B9390B 2px,transparent 2px);background-size:20px 20px}
@media (max-width: 768px) {
.successBox{padding:3rem 2rem;border-radius:24px}
.mainHeading{font-size:2rem}
.subtext{font-size:1rem}
.actionBtns{flex-direction:column}
.btnPrimary,.btnSecondary{width:100%;justify-content:center}
.decorDots{width:80px;height:80px}
.iconHolder{width:80px;height:80px}
.iconHolder svg{width:44px;height:44px}
}
@media (max-width: 480px) {
.successWrap{padding:2rem 1rem}
.successBox{padding:2rem 1.5rem}
.mainHeading{font-size:1.75rem}
.infoRow{padding:1rem;flex-direction:column;text-align:center}
}
.extraInfoArea{background:linear-gradient(135deg,#6860f308,#b9390b08);padding:5rem 1.5rem;position:relative}
.extraInfoArea::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#6860f333,transparent)}
.contentContainer{max-width:1200px;margin:0 auto}
.nextStepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}
.stepCard{background:#FFFDFE;padding:2rem;border-radius:24px;box-shadow:0 8px 24px #0000000f;position:relative;overflow:hidden;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.stepCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6860F3,#B9390B);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.stepCard:hover::before{transform:scaleX(1)}
.stepCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #6860f326}
.stepNumber{width:48px;height:48px;background:linear-gradient(135deg,#6860F3,#B9390B);color:#FFFDFE;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1.25rem}
.stepTitle{font-size:1.375rem;font-weight:700;color:#1a1a1a;margin:0 0 .75rem}
.stepDesc{font-size:1rem;color:#4a4a4a;line-height:1.6;margin:0}
.sectionHead{text-align:center;margin-bottom:3rem}
.sectionTitle{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;position:relative;display:inline-block}
.sectionTitle::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#6860F3,#B9390B);border-radius:24px}
.sectionSubtitle{font-size:1.125rem;color:#6a6a6a;max-width:640px;margin:1.5rem auto 0;line-height:1.6}
@media (max-width: 768px) {
.nextStepsGrid{grid-template-columns:1fr}
.sectionTitle{font-size:1.875rem}
.extraInfoArea{padding:3rem 1.5rem}
}