*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{font-family:'Cormorant',serif;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);color:#2c3e50;line-height:1.7;overflow-x:hidden}
.hd-top{background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);padding:28px 0;box-shadow:0 3px 8px #00000014}
.hd-container{max-width:1000px;margin:0 auto;padding:0 20px}
.brand-zone{display:flex;align-items:center;justify-content:center;gap:22px;position:relative}
.lg{width:90px;height:90px;object-fit:contain;background:#fffffff2;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000026}
.brand-txt{display:flex;flex-direction:column;gap:6px}
.cmp-nm{font-family:'Fira Code',monospace;font-size:32px;font-weight:700;color:#fff;text-shadow:2px 2px 4px #0003;letter-spacing:-.5px}
.usp-line{font-size:15px;color:#fffffff2;font-weight:400;max-width:420px}
.hd-btm{background:#fff;border-bottom:1px solid #e8ecef;box-shadow:0 2px 6px #0000000d}
.mn-nav{display:flex;justify-content:center;gap:8px;padding:16px 0;flex-wrap:wrap}
.nv-lnk{font-family:'Fira Code',monospace;font-size:15px;color:#2c3e50;text-decoration:none;padding:10px 20px;border-radius:6px;transition:all .25s ease;position:relative}
.nv-lnk:hover{background:linear-gradient(135deg,#047fa314 0%,#fd850d14 100%);color:#047FA3;outline:1px solid #047fa333}
.ft-wrapper{background:linear-gradient(158deg,#047FA3 0%,#1a5f7a 50%,#0d3b4d 100%);color:#fff;padding:50px 0 30px;margin-top:80px}
.ft-container{max-width:1000px;margin:0 auto;padding:0 20px}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.ft-heading{font-family:'Fira Code',monospace;font-size:24px;margin-bottom:14px;color:#FD850D}
.ft-subhead{font-size:18px;margin-bottom:12px;font-weight:700}
.ft-txt{font-size:15px;line-height:1.6;opacity:.92}
.ft-contact{font-size:15px}
.ft-mail{color:#FD850D;text-decoration:none;transition:opacity .2s ease}
.ft-mail:hover{opacity:.8;outline:1px solid #fd850d4d}
.awards-section{display:flex;flex-direction:column;gap:18px}
.award-item{display:flex;align-items:center;gap:12px}
.award-icon{flex-shrink:0}
.award-txt{font-size:14px;line-height:1.5}
.ft-bottom{border-top:1px solid #ffffff26;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.ft-nav{display:flex;gap:20px}
.ft-link{color:#ffffffe6;text-decoration:none;font-size:14px;transition:color .2s ease}
.ft-link:hover{color:#FD850D}
.copyright{font-size:14px;opacity:.8}
.cookie-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-120%);background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000002e;max-width:480px;width:calc(100% - 40px);z-index:10000;animation:slideInRight .4s ease forwards}
.cookie-toast.active{animation:slideInRight .4s ease forwards}
.cookie-toast.hidden{animation:slideOutRight .3s ease forwards}
@keyframes slideInRight {
from{transform:translateX(100vw)}
to{transform:translateX(-50%)}
}
@keyframes slideOutRight {
from{transform:translateX(-50%)}
to{transform:translateX(100vw)}
}
.toast-content{padding:26px}
.toast-title{font-family:'Fira Code',monospace;font-size:20px;color:#047FA3;margin-bottom:10px}
.toast-desc{font-size:14px;color:#5a6c7d;margin-bottom:18px;line-height:1.5}
.prefs-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.pref-item{display:flex;align-items:center;gap:10px;cursor:pointer}
.pref-check{width:18px;height:18px;cursor:pointer;accent-color:#047FA3}
.pref-label{font-size:14px;color:#2c3e50}
.toast-actions{display:flex;gap:10px;flex-wrap:wrap}
.toast-actions button{flex:1;min-width:120px;padding:11px 18px;border:none;border-radius:6px;font-family:'Fira Code',monospace;font-size:13px;cursor:pointer;transition:all .25s ease}
.btn-accept{background:linear-gradient(135deg,#047FA3 0%,#FD850D 100%);color:#fff}
.btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #047fa34d}
.btn-decline{background:#e8ecef;color:#2c3e50}
.btn-decline:hover{background:#d4dae0}
.btn-save{background:linear-gradient(135deg,#C527B3 0%,#FD850D 100%);color:#fff}
.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c527b34d}
.policy-link-wrapper{margin-top:14px;text-align:center}
.policy-link{font-size:13px;color:#047FA3;text-decoration:none;transition:opacity .2s ease}
.policy-link:hover{opacity:.7}
.settings-trigger{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#047FA3 0%,#C527B3 100%);border:none;cursor:pointer;box-shadow:0 6px 16px #047fa34d;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:9999}
.settings-trigger:hover{transform:scale(1.1);box-shadow:0 8px 20px #047fa366}
@media (max-width: 768px) {
.brand-zone{flex-direction:column;gap:16px}
.lg{width:80px;height:80px}
.cmp-nm{font-size:26px;text-align:center}
.usp-line{font-size:14px;text-align:center}
.mn-nav{flex-direction:column;align-items:center;gap:6px}
.nv-lnk{width:100%;text-align:center;max-width:280px}
.ft-grid{grid-template-columns:1fr;gap:30px}
.ft-bottom{flex-direction:column;text-align:center}
.cookie-toast{max-width:calc(100% - 30px)}
.toast-actions{flex-direction:column}
.toast-actions button{width:100%}
}
@media (max-width: 480px) {
.hd-top{padding:20px 0}
.lg{width:70px;height:70px}
.cmp-nm{font-size:22px}
.usp-line{font-size:13px}
.ft-wrapper{padding:40px 0 24px}
.settings-trigger{width:50px;height:50px;bottom:20px;right:20px}
}
.doc-box{max-width:1000px;margin:60px auto;padding:0 20px;background:#fff}
.doc-box h1{font-size:2.8rem;font-weight:700;color:#047FA3;margin:0 0 40px;padding-bottom:20px;border-bottom:3px solid #FD850D;line-height:1.2}
.doc-box h2{font-size:2rem;font-weight:600;color:#047FA3;margin:50px 0 25px;line-height:1.3}
.doc-box h3{font-size:1.5rem;font-weight:600;color:#333;margin:35px 0 20px;line-height:1.4}
.doc-box h4{font-size:1.25rem;font-weight:600;color:#444;margin:30px 0 15px;line-height:1.4}
.doc-box h5{font-size:1.1rem;font-weight:600;color:#555;margin:25px 0 12px;line-height:1.5}
.doc-box h6{font-size:1rem;font-weight:600;color:#666;margin:20px 0 10px;line-height:1.5}
.doc-box p{font-size:1.05rem;line-height:1.8;color:#333;margin:0 0 20px}
.doc-box strong,.doc-box b{font-weight:700;color:#047FA3}
.doc-box ul{margin:20px 0;padding-left:30px}
.doc-box ul li{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:12px}
.doc-box ol{margin:20px 0;padding-left:30px}
.doc-box ol li{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:12px}
.doc-box a{color:#047FA3;text-decoration:underline;transition:color .3s ease}
.doc-box a:hover{color:#FD850D}
.doc-box hr{border:none;height:2px;background:linear-gradient(90deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);margin:50px 0}
.doc-box table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;box-shadow:0 2px 8px #00000014}
.doc-box thead{background:linear-gradient(135deg,#047FA3 0%,#0598c4 100%)}
.doc-box thead tr th{padding:18px 16px;text-align:left;font-size:1rem;font-weight:600;color:#fff;border-bottom:2px solid #FD850D}
.doc-box tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.doc-box tbody tr:hover{background:#f8f9fa}
.doc-box tbody tr:last-child{border-bottom:none}
.doc-box tbody tr td{padding:16px;font-size:1rem;line-height:1.6;color:#333}
.doc-box th{font-weight:600}
.doc-box td{vertical-align:top}
.doc-box div{margin:20px 0}
.doc-box blockquote{margin:30px 0;padding:20px 25px;background:#f0f9fc;border-left:4px solid #047FA3;font-style:italic;color:#555}
.doc-box code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.95rem;color:#C527B3}
@media (max-width: 768px) {
.doc-box{margin:40px auto;padding:0 16px}
.doc-box h1{font-size:2.2rem;margin-bottom:30px}
.doc-box h2{font-size:1.7rem;margin:40px 0 20px}
.doc-box h3{font-size:1.35rem;margin:30px 0 16px}
.doc-box h4{font-size:1.15rem;margin:25px 0 12px}
.doc-box p,.doc-box ul li,.doc-box ol li{font-size:1rem;line-height:1.7}
.doc-box table{display:block;overflow-x:auto;white-space:nowrap}
.doc-box thead tr th,.doc-box tbody tr td{padding:12px 10px;font-size:.9rem}
}
@media (max-width: 480px) {
.doc-box{margin:30px auto;padding:0 12px}
.doc-box h1{font-size:1.9rem;margin-bottom:25px;padding-bottom:15px}
.doc-box h2{font-size:1.5rem}
.doc-box h3{font-size:1.2rem}
.doc-box hr{margin:35px 0}
}
.blg-wrap{max-width:1000px;margin:0 auto;padding:40px 20px}
.hd-sec{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:3px solid #047FA3;position:relative}
.hd-sec::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#FD850D 0%,#C527B3 100%)}
.article-hd{font-size:2.8em;color:#047FA3;margin:0 0 20px;line-height:1.2;font-weight:700}
.prt-btn{background:linear-gradient(135deg,#047FA3 0%,#FD850D 100%);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #047fa333;z-index:10;position:relative}
.prt-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #047fa359;background:linear-gradient(135deg,#FD850D 0%,#C527B3 100%)}
.prt-btn:active{transform:translateY(0)}
.hero-img-container{width:100%;margin:0 0 50px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.hero-img-container img{width:100%;height:auto;display:block}
.txt-content{background:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 16px #00000014;line-height:1.8}
.txt-content p{margin:0 0 24px;color:#2c3e50;font-size:1.1em}
.txt-content p:last-child{margin-bottom:0}
.txt-content strong{color:#047FA3;font-weight:700}
.txt-content em{color:#C527B3;font-style:italic}
.txt-content h2{color:#047FA3;font-size:2em;margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid #FD850D;position:relative}
.txt-content h2::before{content:'';position:absolute;left:0;bottom:-2px;width:80px;height:2px;background:#C527B3}
.txt-content h3{color:#FD850D;font-size:1.6em;margin:32px 0 16px;font-weight:600}
.txt-content h4{color:#047FA3;font-size:1.3em;margin:28px 0 14px;font-weight:600}
.txt-content h5{color:#2c3e50;font-size:1.15em;margin:24px 0 12px;font-weight:600}
.txt-content h6{color:#555;font-size:1.05em;margin:20px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.txt-content ul{margin:24px 0;padding-left:30px;list-style:none}
.txt-content ul li{position:relative;margin-bottom:12px;padding-left:20px;color:#2c3e50;font-size:1.1em}
.txt-content ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:linear-gradient(135deg,#047FA3 0%,#FD850D 100%);border-radius:50%}
.txt-content ol{margin:24px 0;padding-left:30px;counter-reset:custom-counter;list-style:none}
.txt-content ol li{position:relative;margin-bottom:12px;padding-left:32px;color:#2c3e50;font-size:1.1em;counter-increment:custom-counter}
.txt-content ol li::before{content:counter(custom-counter);position:absolute;left:0;top:0;width:24px;height:24px;background:linear-gradient(135deg,#C527B3 0%,#FD850D 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:700}
.txt-content blockquote{margin:32px 0;padding:24px 28px;background:linear-gradient(135deg,#047fa30d 0%,#fd850d0d 100%);border-left:5px solid #047FA3;border-radius:6px;font-style:italic;color:#2c3e50}
.highlight-term{color:#C527B3;font-weight:600;position:relative;padding:0 4px}
.highlight-term::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#FD850D 0%,#C527B3 100%);opacity:.4}
@media (max-width: 768px) {
.blg-wrap{padding:30px 15px}
.article-hd{font-size:2em}
.txt-content{padding:24px 20px}
.txt-content p,.txt-content ul li,.txt-content ol li{font-size:1em}
.txt-content h2{font-size:1.6em}
.txt-content h3{font-size:1.35em}
.txt-content h4{font-size:1.2em}
.prt-btn{padding:10px 24px;font-size:.95em}
}
@media (max-width: 480px) {
.article-hd{font-size:1.6em}
.hd-sec{margin-bottom:35px}
.txt-content{padding:20px 16px}
.txt-content h2{font-size:1.4em}
}
.hro{background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);padding:60px 20px;text-align:center;color:#fff}
.hro-container{max-width:1000px;margin:0 auto}
.hro h1{font-size:2.8rem;margin:0 0 20px;font-weight:700}
.hro-txt{font-size:1.15rem;max-width:700px;margin:0 auto 30px;line-height:1.6}
.hro .bt{display:inline-block;background:#fff;color:#047FA3;padding:14px 32px;text-decoration:none;border-radius:8px;font-weight:600;transition:transform 0.3s,box-shadow .3s}
.hro .bt:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}
.mainWrap{max-width:1000px;margin:0 auto;padding:20px}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:50px 0}
.pst{background:#f9f9f9;border-radius:10px;overflow:hidden;transition:transform 0.3s,box-shadow .3s;box-shadow:0 4px 8px #00000014}
.pst:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}
.pst-img{width:100%;height:220px;object-fit:cover}
.pst-body{padding:24px}
.pst-title{font-size:1.5rem;margin:0 0 14px;color:#222;font-weight:700}
.pst-link{text-decoration:none;color:inherit}
.pst-link:hover .pst-title{color:#047FA3}
.auth-sec{background:linear-gradient(135deg,#FD850D 0%,#C527B3 100%);padding:50px 30px;border-radius:12px;color:#fff;margin:60px 0;text-align:center}
.auth-sec h2{font-size:2.2rem;margin:0 0 18px;font-weight:700}
.auth-txt{font-size:1.1rem;line-height:1.65;max-width:750px;margin:0 auto 24px}
.auth-sec .lnk{display:inline-block;background:#fff;color:#C527B3;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;transition:background 0.3s,color .3s}
.auth-sec .lnk:hover{background:#f0f0f0;color:#FD850D}
.topicsMap{background:#fcfcfc;padding:50px 30px;border-radius:10px;margin:60px 0;border:2px solid #e8e8e8}
.topicsMap h3{font-size:2rem;margin:0 0 24px;color:#047FA3;text-align:center;font-weight:700}
.tg-wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.tg{background:linear-gradient(90deg,#047FA3,#FD850D);color:#fff;padding:10px 20px;border-radius:20px;font-size:.95rem;font-weight:600;transition:transform .3s;cursor:pointer}
.tg:hover{transform:scale(1.08)}
.convo-block{background:#fff;padding:50px 30px;margin:60px 0;text-align:center;border-left:6px solid #047FA3;box-shadow:0 6px 12px #0000000f}
.convo-block h3{font-size:1.9rem;margin:0 0 16px;color:#222;font-weight:700}
.convo-p{font-size:1.05rem;line-height:1.7;max-width:680px;margin:0 auto 26px;color:#555}
.convo-block .action{display:inline-block;background:#FD850D;color:#fff;padding:13px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s}
.convo-block .action:hover{background:#e57700}
.rhythm-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:60px 0}
.rhy-item{background:#f7f7f7;padding:35px;border-radius:10px;box-shadow:0 4px 10px #00000012}
.rhy-item h4{font-size:1.6rem;margin:0 0 14px;color:#C527B3;font-weight:700}
.rhy-item p{font-size:1rem;line-height:1.65;color:#444}
.related-sec{background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);padding:50px 30px;border-radius:12px;margin:60px 0;color:#fff}
.related-sec h3{font-size:2.1rem;margin:0 0 26px;text-align:center;font-weight:700}
.rel-list{display:flex;flex-direction:column;gap:18px;max-width:700px;margin:0 auto}
.rel-itm{background:#ffffff26;padding:18px 24px;border-radius:8px;font-size:1.05rem;font-weight:600;transition:background .3s;cursor:pointer}
.rel-itm:hover{background:#ffffff4d}
.about-site-block{background:#fff;padding:50px 30px;margin:60px 0;text-align:center;border-top:4px solid #FD850D;border-bottom:4px solid #C527B3}
.about-site-block h3{font-size:2rem;margin:0 0 20px;color:#047PA3;font-weight:700}
.about-site-txt{font-size:1.1rem;line-height:1.7;max-width:720px;margin:0 auto;color:#333}
@media (max-width: 768px) {
.hro h1{font-size:2rem}
.hro-txt{font-size:1rem}
.posts-grid{grid-template-columns:1fr}
.rhythm-box{grid-template-columns:1fr}
.auth-sec h2,.topicsMap h3,.related-sec h3{font-size:1.7rem}
}
.ath-hro{position:relative;width:100%;max-width:1400px;margin:0 auto 70px;overflow:hidden;background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);border-radius:0 0 8px 8px}
.ath-hro-img{width:100%;height:450px;object-fit:cover;opacity:.25;mix-blend-mode:overlay}
.ath-hro-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:800px;z-index:3}
.ath-hro-txt h1{font-size:3.2rem;color:#fff;margin:0 0 15px;font-weight:700;text-shadow:0 4px 12px #0000004d;line-height:1.2}
.ath-hro-txt .subhd{font-size:1.4rem;color:#fffffff2;margin:0;font-weight:400;text-shadow:0 2px 8px #0003}
.ath-hro::before{content:'';position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,#ffffff4d 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:2}
.intro-wrap{max-width:1000px;margin:0 auto 80px;padding:0 20px}
.intro-crd{background:linear-gradient(135deg,#f8fbfc 0%,#fff 100%);padding:50px 60px;border-radius:10px;box-shadow:0 6px 18px #047fa314;border-left:5px solid #047FA3}
.intro-crd h2{font-size:2rem;color:#047FA3;margin:0 0 25px;font-weight:600}
.intro-crd p{font-size:1.05rem;line-height:1.75;color:#2c3e50;margin:0 0 20px}
.intro-crd p:last-child{margin-bottom:0}
.jrn-section{max-width:1000px;margin:0 auto 90px;padding:0 20px}
.jrn-grd{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}
.jrn-section h2{font-size:2.4rem;color:#2c3e50;margin:0 0 15px;font-weight:700;position:relative;padding-left:22px}
.jrn-section h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:30px;background:linear-gradient(180deg,#FD850D 0%,#C527B3 100%);border-radius:3px}
.jrn-section > p{font-size:1.1rem;color:#5a6c7d;line-height:1.7;margin:0 0 30px}
.jrn-itm{background:#fff;padding:35px;border-radius:8px;box-shadow:0 4px 14px #0000000f;border:1px solid #047fa31a;transition:all .3s ease}
.jrn-itm:hover{box-shadow:0 8px 24px #047fa326;transform:translateY(-4px);border-color:#047FA3}
.jrn-itm h3{font-size:1.35rem;color:#047FA3;margin:0 0 18px;font-weight:600}
.jrn-itm p{font-size:1rem;color:#5a6c7d;line-height:1.7;margin:0}
.exp-container{background:linear-gradient(158deg,#047fa30d 0%,#fd850d0d 50%,#c527b30d 100%);padding:70px 0;margin-bottom:80px}
.exp-inner{max-width:1000px;margin:0 auto;padding:0 20px}
.exp-header{text-align:center;margin-bottom:55px}
.exp-header h2{font-size:2.5rem;color:#2c3e50;margin:0 0 20px;font-weight:700}
.exp-header p{font-size:1.15rem;color:#5a6c7d;max-width:700px;margin:0 auto;line-height:1.7}
.exp-grid{display:flex;gap:30px;flex-wrap:wrap}
.exp-card{flex:1;min-width:280px;background:#fff;padding:40px 30px;border-radius:10px;text-align:center;box-shadow:0 5px 16px #00000012;position:relative;overflow:hidden}
.exp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#047FA3 0%,#FD850D 50%,#C527B3 100%)}
.exp-num{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#047FA3 0%,#FD850D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;line-height:1}
.exp-lbl{font-size:1.1rem;color:#2c3e50;font-weight:600;margin:0}
.appr-zone{max-width:1000px;margin:0 auto 90px;padding:0 20px}
.appr-zone h2{font-size:2.3rem;color:#2c3e50;margin:0 0 45px;text-align:center;font-weight:700}
.appr-lst{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.appr-box{background:#fff;padding:35px 30px;border-radius:8px;box-shadow:0 3px 12px #0000000d;border-left:4px solid transparent;transition:all .3s ease}
.appr-box:nth-child(1){border-left-color:#047FA3}
.appr-box:nth-child(2){border-left-color:#FD850D}
.appr-box:nth-child(3){border-left-color:#C527B3}
.appr-box:hover{box-shadow:0 6px 20px #0000001a;transform:translateX(5px)}
.appr-box h4{font-size:1.3rem;color:#2c3e50;margin:0 0 15px;font-weight:600}
.appr-box p{font-size:1rem;color:#5a6c7d;line-height:1.65;margin:0}
.cta-final{max-width:1000px;margin:0 auto 60px;padding:0 20px}
.cta-bx{background:linear-gradient(135deg,#047FA3 0%,#FD850D 100%);padding:60px 50px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #047fa340;position:relative;overflow:hidden}
.cta-bx::after{content:'';position:absolute;bottom:-30px;right:-30px;width:200px;height:200px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%}
.cta-bx h3{font-size:2.2rem;color:#fff;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.cta-bx p{font-size:1.15rem;color:#fffffff2;margin:0 0 35px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative;z-index:2}
.cta-btn{display:inline-block;background:#fff;color:#047FA3;padding:16px 45px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026;position:relative;z-index:2}
.cta-btn:hover{background:#f8fbfc;transform:translateY(-3px);box-shadow:0 8px 20px #00000040;color:#FD850D}
@media (max-width: 768px) {
.ath-hro-img{height:320px}
.ath-hro-txt h1{font-size:2rem}
.ath-hro-txt .subhd{font-size:1.1rem}
.intro-crd{padding:35px 25px}
.intro-crd h2{font-size:1.6rem}
.jrn-grd{grid-template-columns:1fr;gap:25px}
.jrn-section h2{font-size:1.9rem}
.exp-header h2{font-size:2rem}
.exp-grid{flex-direction:column}
.appr-zone h2{font-size:1.9rem}
.cta-bx{padding:40px 30px}
.cta-bx h3{font-size:1.7rem}
}
@media (max-width: 480px) {
.ath-hro-txt h1{font-size:1.6rem}
.intro-crd h2{font-size:1.4rem}
.jrn-section h2{font-size:1.6rem}
.exp-header h2{font-size:1.7rem}
.appr-zone h2{font-size:1.6rem}
}
.bg-hd{background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.bg-hd::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff14;border-radius:50%}
.bg-hd::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}
.hd-wrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.hd-wrap h1{color:#fff;font-size:2.8rem;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.hd-wrap .subhd{color:#fffffff2;font-size:1.15rem;line-height:1.6;max-width:680px;margin:0 auto}
.cat-nav{background:#fff;padding:28px 20px;box-shadow:0 2px 12px #047fa314}
.cat-nav-wrap{max-width:1000px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.cat-bt{padding:10px 24px;background:#f8f9fa;border:2px solid transparent;border-radius:8px;color:#047FA3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.cat-bt:hover{background:#fff;border-color:#047FA3;transform:translateY(-2px);box-shadow:0 4px 12px #047fa326}
.cat-bt.actv{background:linear-gradient(135deg,#047FA3 0%,#FD850D 100%);color:#fff;border-color:#047FA3}
.post-grid-sec{padding:80px 20px;background:#fff}
.post-grid-container{max-width:1000px;margin:0 auto}
.sec-intro{text-align:center;margin-bottom:60px}
.sec-intro h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.sec-intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#047FA3,#FD850D);border-radius:2px}
.sec-intro p{color:#666;font-size:1.05rem;max-width:600px;margin:24px auto 0;line-height:1.7}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-bottom:80px}
.post-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 16px #00000014;transition:all .35s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #047fa326;border-color:#047FA3}
.post-thumbnail{width:100%;height:200px;background:linear-gradient(135deg,#047fa31a 0%,#fd850d1a 100%);position:relative;overflow:hidden}
.post-thumbnail::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid #047FA3;border-radius:50%;opacity:.4}
.post-thumbnail::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#FD850D;border-radius:50%;opacity:.3}
.post-cont{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.post-cat-label{display:inline-block;padding:6px 14px;background:#047fa31a;color:#047FA3;font-size:.8rem;font-weight:700;border-radius:6px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.post-cont h3{font-size:1.3rem;color:#1a1a1a;margin:0 0 12px;line-height:1.4;font-weight:700}
.post-cont h3 a{color:inherit;text-decoration:none;transition:color .3s ease}
.post-cont h3 a:hover{color:#047FA3}
.post-excerpt{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}
.post-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}
.rd-more{color:#047FA3;font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease}
.rd-more:hover{gap:10px}
.rd-more::after{content:'→';font-size:1.1rem}
.newsletter-sec{background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);padding:70px 20px;margin:80px 0;position:relative}
.newsletter-sec::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.newsletter-container{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:2}
.newsletter-container h2{color:#fff;font-size:2.4rem;margin:0 0 16px;font-weight:700}
.newsletter-container p{color:#fffffff2;font-size:1.1rem;margin:0 0 32px;line-height:1.6}
.nl-form{display:flex;gap:12px;max-width:500px;margin:0 auto;flex-wrap:wrap}
.nl-form input[type="email"]{flex:1;min-width:250px;padding:16px 20px;border:2px solid #ffffff4d;border-radius:8px;font-size:1rem;background:#fffffff2;transition:all .3s ease}
.nl-form input[type="email"]:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 4px 16px #0000001a}
.nl-form button{padding:16px 32px;background:#fff;color:#047FA3;border:2px solid #fff;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.nl-form button:hover{background:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}
.stats-showcase{padding:80px 20px;background:#f8f9fa}
.stats-container{max-width:1000px;margin:0 auto}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.stat-item{background:#fff;padding:40px 28px;border-radius:10px;text-align:center;box-shadow:0 3px 16px #0000000f;border:2px solid transparent;transition:all .35s ease;position:relative;overflow:hidden}
.stat-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#047FA3,#FD850D);transform:scaleX(0);transition:transform .35s ease}
.stat-item:hover::before{transform:scaleX(1)}
.stat-item:hover{border-color:#047FA3;transform:translateY(-4px);box-shadow:0 8px 24px #047fa31f}
.stat-number{font-size:3rem;font-weight:700;color:#047FA3;margin:0 0 8px;line-height:1;background:linear-gradient(135deg,#047FA3,#FD850D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{color:#666;font-size:1.05rem;font-weight:600;margin:0}
.cta-banner{background:#1a1a1a;padding:60px 20px;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;top:-50%;left:-20%;width:300px;height:300px;background:linear-gradient(135deg,#047fa326,#fd850d26);border-radius:50%;filter:blur(60px)}
.cta-banner::after{content:'';position:absolute;bottom:-50%;right:-20%;width:350px;height:350px;background:linear-gradient(135deg,#c527b326,#047fa326);border-radius:50%;filter:blur(60px)}
.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:2}
.cta-container h2{color:#fff;font-size:2.2rem;margin:0 0 16px;font-weight:700}
.cta-container p{color:#ffffffd9;font-size:1.1rem;margin:0 0 32px;line-height:1.6}
.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cta-btn-primary{padding:16px 40px;background:linear-gradient(135deg,#047FA3,#FD850D);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fd850d66}
.cta-btn-secondary{padding:16px 40px;background:transparent;color:#fff;border:2px solid #fff;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.cta-btn-secondary:hover{background:#fff;color:#1a1a1a;transform:translateY(-2px)}
@media (max-width: 768px) {
.bg-hd{padding:60px 20px}
.hd-wrap h1{font-size:2rem}
.hd-wrap .subhd{font-size:1rem}
.posts-grid{grid-template-columns:1fr;gap:24px}
.nl-form{flex-direction:column}
.nl-form input[type="email"],.nl-form button{width:100%;min-width:auto}
.stats-grid{grid-template-columns:1fr;gap:20px}
.cta-buttons{flex-direction:column;align-items:stretch}
.cta-btn-primary,.cta-btn-secondary{width:100%}
.sec-intro h2{font-size:1.8rem}
.newsletter-container h2{font-size:1.9rem}
.cta-container h2{font-size:1.8rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.posts-grid{grid-template-columns:repeat(2,1fr)}
.stats-grid{grid-template-columns:repeat(2,1fr)}
}
.sub-hero{background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.sub-hero::before{content:'';position:absolute;width:300px;height:300px;background:#ffffff14;border-radius:50%;top:-100px;left:-50px}
.sub-hero::after{content:'';position:absolute;width:200px;height:200px;background:#ffffff0d;border-radius:50%;bottom:-80px;right:-40px}
.hro-ctn{max-width:700px;margin:0 auto;position:relative;z-index:2}
.sub-hero h1{color:#fff;font-size:2.8rem;margin:0 0 20px;font-weight:700;text-shadow:2px 4px 8px #0003}
.sub-hero .hd-txt{color:#fffffff2;font-size:1.15rem;line-height:1.7;margin:0}
.frm-wrap{background:#fff;padding:60px 30px;max-width:1000px;margin:-50px auto 0;position:relative;z-index:3;border-radius:8px;box-shadow:0 12px 32px #047fa326}
.frm-grd{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}
.frm-inf{padding:20px 0}
.frm-inf h2{color:#047FA3;font-size:2rem;margin:0 0 25px;position:relative;padding-bottom:15px}
.frm-inf h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#FD850D,#C527B3);border-radius:2px}
.bnf-lst{list-style:none;padding:0;margin:0 0 30px}
.bnf-lst li{padding:14px 0 14px 35px;position:relative;color:#2d3748;line-height:1.6;font-size:1.05rem}
.bnf-lst li::before{content:'→';position:absolute;left:0;color:#FD850D;font-size:1.3rem;font-weight:700}
.frm-inf .sm-txt{color:#5a6772;font-size:.95rem;line-height:1.5}
.sb-frm{background:#f8fafc;padding:35px;border-radius:6px;border:2px solid #e2e8f0}
.fld{margin-bottom:22px}
.fld label{display:block;color:#2d3748;font-weight:600;margin-bottom:8px;font-size:.95rem}
.fld input[type="text"],.fld input[type="email"]{width:100%;padding:13px 16px;border:2px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}
.fld input:focus{outline:none;border-color:#047FA3;box-shadow:0 0 0 3px #047fa31a}
.chk-grp{margin-bottom:25px}
.chk-grp p{color:#2d3748;font-weight:600;margin:0 0 12px;font-size:.95rem}
.chk-itm{margin-bottom:10px}
.chk-itm label{display:flex;align-items:center;cursor:pointer;color:#4a5568;font-size:.98rem}
.chk-itm input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#047FA3}
.sbmt-bt{width:100%;padding:16px;background:linear-gradient(135deg,#047FA3,#0599c7);color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #047fa340;position:relative;z-index:1}
.sbmt-bt:hover{transform:translateY(-2px);box-shadow:0 8px 20px #047fa359}
.sbmt-bt:active{transform:translateY(0)}
.prv-nt{margin-top:15px;font-size:.85rem;color:#718096;text-align:center;line-height:1.5}
@media (max-width: 768px) {
.sub-hero{padding:60px 20px}
.sub-hero h1{font-size:2rem}
.sub-hero .hd-txt{font-size:1rem}
.frm-wrap{margin:-30px 20px 0;padding:40px 20px}
.frm-grd{grid-template-columns:1fr;gap:35px}
.frm-inf h2{font-size:1.6rem}
.sb-frm{padding:25px 20px}
}
@media (max-width: 480px) {
.sub-hero h1{font-size:1.7rem}
.frm-wrap{border-radius:0;margin:0}
}
.sc-wrap{max-width:1000px;margin:0 auto;padding:60px 20px}
.hdr-sc{text-align:center;margin-bottom:80px}
.hdr-sc .icn-wr{width:100px;height:100px;margin:0 auto 30px;background:linear-gradient(158deg,#047FA3 0%,#FD850D 50%,#C527B3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 20px #047fa34d}
.hdr-sc .icn-wr svg{width:50px;height:50px;fill:#fff}
.hdr-sc .icn-wr::after{content:'';position:absolute;width:120px;height:120px;border:2px solid #047FA3;border-radius:50%;opacity:.3;animation:pulse 2s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:0}
}
.hdr-sc h1{font-size:2.8rem;color:#047FA3;margin-bottom:20px;font-weight:700;line-height:1.2}
.hdr-sc .msg-txt{font-size:1.2rem;color:#555;line-height:1.8;max-width:600px;margin:0 auto 30px}
.hdr-sc .msg-txt strong{color:#FD850D;font-weight:600}
.actn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:60px;max-width:900px;margin-left:auto;margin-right:auto}
.actn-crd{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:40px 30px;border-radius:8px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.actn-crd::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,#047FA3,#FD850D,#C527B3);transition:left .4s ease}
.actn-crd:hover::before{left:0}
.actn-crd:hover{border-color:#047FA3;transform:translateY(-5px);box-shadow:0 12px 24px #047fa333}
.actn-crd h3{font-size:1.4rem;color:#333;margin-bottom:15px;font-weight:600}
.actn-crd p{color:#666;line-height:1.7;margin-bottom:25px;font-size:.95rem}
.btn-primary{display:inline-block;background:linear-gradient(158deg,#047FA3 0%,#FD850D 100%);color:#fff;padding:12px 32px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;box-shadow:0 4px 12px #047fa34d;position:relative;z-index:2}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 16px #047fa366}
.btn-secondary{display:inline-block;background:transparent;color:#047FA3;padding:12px 32px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid #047FA3;cursor:pointer;font-size:1rem;position:relative;z-index:2}
.btn-secondary:hover{background:#047FA3;color:#fff;border-color:#047FA3}
.cnt-wr{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-left:4px solid #FD850D;padding:35px 40px;border-radius:8px;margin-top:60px;max-width:700px;margin-left:auto;margin-right:auto;box-shadow:0 4px 16px #00000014}
.cnt-wr h2{color:#047FA3;font-size:1.6rem;margin-bottom:20px;font-weight:600}
.cnt-wr p{color:#555;line-height:1.8;margin-bottom:15px}
.cnt-wr ul{list-style:none;padding:0;margin:20px 0}
.cnt-wr ul li{padding-left:30px;position:relative;margin-bottom:12px;color:#555;line-height:1.7}
.cnt-wr ul li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#047FA3,#FD850D);border-radius:50%}
@media (max-width: 768px) {
.hdr-sc h1{font-size:2rem}
.hdr-sc .msg-txt{font-size:1rem}
.actn-grid{grid-template-columns:1fr;gap:20px}
.sc-wrap{padding:40px 15px}
.cnt-wr{padding:25px 20px}
.btn-primary,.btn-secondary{padding:10px 24px;font-size:.9rem}
}
@media (max-width: 480px) {
.hdr-sc h1{font-size:1.6rem}
.hdr-sc .icn-wr{width:80px;height:80px}
.hdr-sc .icn-wr svg{width:40px;height:40px}
.actn-crd{padding:30px 20px}
}