*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;height:auto}
.img-fixed{object-fit:cover}
::selection{background-color:#95EEBB;color:#1a1a1a}
html{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}
.page-body{font-family:'Montserrat',sans-serif;font-size:17px;line-height:1.5;letter-spacing:.01em;color:#1a1a1a;background-color:#fefefe}
.page-body input::placeholder,.page-body textarea::placeholder{color:#1a1a1a66}
.page-body input:focus,.page-body textarea:focus,.page-body button:focus{outline:2px solid #FDADA1;outline-offset:2px}
.hdr-wrap{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);padding:28px 0;box-shadow:0 4px 12px #00000026;position:relative}
.hdr-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}
.logo-box{background-color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px #0000001a}
.logo-img{display:block;object-fit:contain}
.nav-primary{justify-self:center}
.nav-list{display:flex;list-style:none;gap:8px;flex-wrap:wrap;justify-content:center}
.nav-item{position:relative}
.nav-link{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-weight:500;letter-spacing:.02em;border-radius:50px;transition:background-color .3s ease,color .3s ease}
.nav-link:hover{background-color:#FDADA1;color:#1a1a1a}
.nav-item.has-sub:hover .sub-list{opacity:1;visibility:visible;transform:translateY(0)}
.sub-list{position:absolute;top:100%;left:0;background-color:#2a2a2a;list-style:none;min-width:180px;border-radius:8px;box-shadow:0 8px 24px #0000004d;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;padding:8px 0;margin-top:8px;z-index:100}
.sub-link{display:block;padding:10px 20px;color:#fff;text-decoration:none;font-weight:400;transition:background-color .3s ease,color .3s ease}
.sub-link:hover{background-color:#95EEBB;color:#1a1a1a}
.hdr-action-link{color:#fff;text-decoration:none;font-weight:500;padding:12px 28px;border:2px solid #8ED4FB;border-radius:50px;transition:background-color .3s ease,color .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:8px;justify-self:end}
.hdr-action-link:hover{background-color:#8ED4FB;color:#1a1a1a;transform:translateX(4px)}
.hdr-action-link i{transition:transform .3s ease}
.hdr-action-link:hover i{transform:translateX(4px)}
@media (max-width: 1280px) {
.hdr-inner{gap:24px}
}
@media (max-width: 768px) {
.hdr-inner{grid-template-columns:1fr;gap:20px}
.nav-primary{justify-self:stretch}
.nav-list{justify-content:center}
.hdr-action-link{justify-self:center}
.logo-box{margin:0 auto}
}
.ftr-wrap{background-color:#f5f5f5;padding-top:64px;margin-top:80px}
.ftr-main{max-width:1280px;margin:0 auto;padding:0 24px 48px}
.ftr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;padding-bottom:48px;border-bottom:1px solid #e0e0e0}
.ftr-col-title{font-size:15px;font-weight:700;letter-spacing:.02em;color:#1a1a1a;margin-bottom:20px;text-transform:uppercase}
.ftr-logo-box{background-color:#fff;padding:8px 12px;border-radius:6px;display:inline-block;margin-bottom:16px;box-shadow:0 2px 6px #00000014}
.ftr-logo-img{display:block;object-fit:contain}
.ftr-brand-text{font-size:15px;line-height:1.6;color:#4a4a4a;margin-top:12px}
.ftr-nav-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.ftr-nav-link{color:#4a4a4a;text-decoration:none;font-size:15px;font-weight:400;transition:color .3s ease;display:inline-block}
.ftr-nav-link:hover{color:#FDADA1}
.ftr-contact-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.ftr-contact-item{display:flex;align-items:center;gap:10px;color:#4a4a4a;font-size:15px}
.ftr-contact-item i{color:#8ED4FB;font-size:18px}
.ftr-contact-link{color:#4a4a4a;text-decoration:none;transition:color .3s ease}
.ftr-contact-link:hover{color:#FDADA1}
.ftr-bottom{max-width:1280px;margin:0 auto;padding:32px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.ftr-copyright{font-size:14px;color:#6a6a6a;letter-spacing:.01em}
.ftr-legal-list{list-style:none;display:flex;gap:24px;flex-wrap:wrap}
.ftr-legal-link{font-size:14px;color:#6a6a6a;text-decoration:none;transition:color .3s ease}
.ftr-legal-link:hover{color:#FDADA1}
@media (max-width: 768px) {
.ftr-grid{grid-template-columns:1fr;gap:32px}
.ftr-bottom{flex-direction:column;text-align:center}
.ftr-legal-list{justify-content:center}
}
.cookie-popup{position:fixed;top:24px;right:24px;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:24px;max-width:420px;z-index:10000;display:none;animation:slideInFromTop .4s ease-out}
.cookie-popup.visible{display:block}
.cookie-popup.hiding{animation:slideOutToTop .4s ease-in forwards}
@keyframes slideInFromTop {
from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutToTop {
from{transform:translateY(0);opacity:1}
to{transform:translateY(-100%);opacity:0}
}
.cookie-tabs{display:flex;gap:2px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}
.cookie-tab-trigger{background:none;border:none;padding:10px 16px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;color:#6a6a6a;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .3s ease,border-color .3s ease}
.cookie-tab-trigger:hover{color:#1a1a1a}
.cookie-tab-trigger.active{color:#1a1a1a;border-bottom-color:#FDADA1}
.cookie-content-panel{display:none}
.cookie-content-panel.active{display:block}
.cookie-title{font-size:18px;font-weight:700;letter-spacing:.01em;color:#1a1a1a;margin-bottom:12px}
.cookie-text{font-size:14px;line-height:1.6;color:#4a4a4a;margin-bottom:16px}
.cookie-policy-link{color:#8ED4FB;text-decoration:underline;font-weight:500;transition:color .3s ease}
.cookie-policy-link:hover{color:#FDADA1}
.cookie-option{margin-bottom:16px;padding:12px;background-color:#f9f9f9;border-radius:6px}
.cookie-option-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#1a1a1a}
.cookie-toggle-input{width:44px;height:24px;position:relative;appearance:none;background-color:#d0d0d0;border-radius:12px;cursor:pointer;transition:background-color .3s ease}
.cookie-toggle-input:checked{background-color:#95EEBB}
.cookie-toggle-input::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .3s ease}
.cookie-toggle-input:checked::before{transform:translateX(20px)}
.cookie-option-desc{font-size:13px;color:#6a6a6a;margin-top:6px;margin-left:54px}
.cookie-actions{display:flex;gap:12px;margin-top:20px}
.cookie-btn{flex:1;padding:12px 20px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;min-height:44px}
.cookie-btn-accept{background-color:#1a1a1a;color:#fff}
.cookie-btn-accept:hover{background-color:#FDADA1;color:#1a1a1a;box-shadow:0 4px 12px #fdada14d}
.cookie-btn-decline{background-color:#e0e0e0;color:#1a1a1a}
.cookie-btn-decline:hover{background-color:#d0d0d0}
@media (max-width: 768px) {
.cookie-popup{top:auto;bottom:0;right:0;left:0;max-width:100%;border-radius:12px 12px 0 0;animation:slideInFromBottom .4s ease-out}
.cookie-popup.hiding{animation:slideOutToBottom .4s ease-in forwards}
@keyframes slideInFromBottom {
from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutToBottom {
from{transform:translateY(0);opacity:1}
to{transform:translateY(100%);opacity:0}
}
.cookie-actions{flex-direction:column}
}
.terms-section{max-width:1280px;margin:0 auto;padding:80px 24px;background:#fff}
.terms-section h1{font-size:56px;line-height:1.5;letter-spacing:.01em;margin:0 0 48px;color:#1a1a1a}
.terms-section h2{font-size:32px;line-height:1.5;letter-spacing:.01em;margin:64px 0 24px;color:#1a1a1a}
.terms-section h3{font-size:24px;line-height:1.5;letter-spacing:.01em;margin:48px 0 20px;color:#1a1a1a}
.terms-section h4{font-size:20px;line-height:1.5;letter-spacing:.01em;margin:40px 0 16px;color:#1a1a1a}
.terms-section h5{font-size:18px;line-height:1.5;letter-spacing:.01em;margin:32px 0 12px;color:#1a1a1a}
.terms-section h6{font-size:17px;line-height:1.5;letter-spacing:.01em;margin:24px 0 12px;color:#1a1a1a;font-weight:600}
.terms-section p{font-size:17px;line-height:1.5;letter-spacing:.01em;margin:0 0 20px;color:#333}
.terms-section ul{font-size:17px;line-height:1.5;letter-spacing:.01em;margin:0 0 24px;padding:0 0 0 28px;color:#333}
.terms-section ol{font-size:17px;line-height:1.5;letter-spacing:.01em;margin:0 0 24px;padding:0 0 0 28px;color:#333}
.terms-section li{margin:0 0 12px;padding:0 0 0 8px}
.terms-section ul li{list-style-type:disc}
.terms-section ol li{list-style-type:decimal}
.terms-section ul ul{margin:12px 0 0}
.terms-section ol ol{margin:12px 0 0}
.terms-section em{font-style:italic}
.terms-section i{font-style:italic}
.terms-section a{color:#1a1a1a;text-decoration:underline;text-decoration-color:#FDADA1;text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color .2s ease}
.terms-section a:hover{text-decoration-color:#95EEBB}
.terms-section table{width:100%;border-collapse:collapse;margin:0 0 32px;font-size:17px;line-height:1.5;letter-spacing:.01em}
.terms-section thead{background:#f8f8f8}
.terms-section tbody tr{border-bottom:1px solid #e5e5e5}
.terms-section tbody tr:last-child{border-bottom:none}
.terms-section th{text-align:left;padding:16px;font-weight:600;color:#1a1a1a;border-bottom:2px solid #d4d4d4}
.terms-section td{padding:16px;color:#333}
.terms-section div{margin:0 0 20px}
.terms-section h2:first-child{margin-top:0}
.terms-section h3:first-child{margin-top:0}
.terms-section p:last-child{margin-bottom:0}
.terms-section ul:last-child{margin-bottom:0}
.terms-section ol:last-child{margin-bottom:0}
.terms-section table:last-child{margin-bottom:0}
@media (max-width: 768px) {
.terms-section{padding:48px 20px}
.terms-section h1{font-size:38px;margin-bottom:32px}
.terms-section h2{font-size:26px;margin-top:48px;margin-bottom:20px}
.terms-section h3{font-size:21px;margin-top:36px}
.terms-section table{font-size:15px;display:block;overflow-x:auto}
.terms-section th{padding:12px}
.terms-section td{padding:12px}
}
@media (min-width: 769px) and (max-width: 1280px) {
.terms-section{padding:64px 32px}
.terms-section h1{font-size:48px;margin-bottom:40px}
}
.post-view{max-width:1280px;margin:0 auto;background:#fff;color:#1a1a1a;letter-spacing:.015em;-webkit-font-smoothing:subpixel-antialiased}
.post-view *{box-sizing:border-box}
.post-view ::selection{background:#95EEBB;color:#1a1a1a}
.post-view img{max-width:100%;height:auto;display:block}
.hero-wrap{position:relative;padding:80px 20px 60px;background:linear-gradient(45deg,#FDADA1 0%,transparent 100%);overflow:hidden}
.hero-wrap::before{content:'';position:absolute;top:40px;right:40px;width:200px;height:200px;border:2px dashed #1a1a1a1a;border-radius:50%;pointer-events:none}
.hero-wrap::after{content:'';position:absolute;bottom:60px;left:60px;width:120px;height:120px;background:#95eebb26;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);pointer-events:none}
.hero-inner{display:flex;align-items:center;gap:50px;max-width:1100px;margin:0 auto}
.hero-image-box{flex-shrink:0;width:400px;position:relative}
.hero-image-frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026}
.hero-image-frame img{width:100%;height:450px;object-fit:cover;filter:contrast(1.1) saturate(0.95);opacity:0;animation:fade-slide-in 1s ease-out .3s forwards}
@keyframes fade-slide-in {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.hero-text-box{flex:1}
.meta-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.tag-badge{display:inline-block;padding:6px 18px;background:#8ED4FB;color:#1a1a1a;font-size:14px;font-weight:600;border-radius:50px;letter-spacing:.02em}
.read-time{font-size:15px;color:#1a1a1a99;display:flex;align-items:center;gap:6px}
.hero-title{font-size:52px;line-height:1.2;margin:0 0 18px;letter-spacing:.01em;font-weight:700}
.hero-subtitle{font-size:22px;line-height:1.5;color:#1a1a1abf;margin:0 0 25px;letter-spacing:.015em}
.author-meta{display:flex;align-items:center;gap:20px;font-size:16px;color:#1a1a1ab3}
.author-meta span{display:flex;align-items:center;gap:6px}
.divider-curve{width:100%;height:80px;overflow:hidden;line-height:0}
.divider-curve svg{width:100%;height:100%}
.content-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px;padding:60px 20px;max-width:1200px;margin:0 auto}
.sidebar-left{position:sticky;top:20px;align-self:start}
.nav-spy{background:#f8f8f8;border-radius:12px;padding:25px;border:1px solid #1a1a1a14}
.nav-spy h4{font-size:16px;font-weight:700;margin:0 0 18px;letter-spacing:.02em;color:#1a1a1a}
.spy-list{list-style:none;padding:0;margin:0}
.spy-list li{position:relative;padding-left:20px;margin-bottom:12px}
.spy-list li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#1a1a1a33;transition:all .3s ease}
.spy-list li:hover::before{background:#FDADA1;transform:scale(1.3)}
.spy-list a{color:#1a1a1ab3;text-decoration:none;font-size:15px;line-height:1.5;transition:color .3s ease}
.spy-list a:hover{color:#1a1a1a}
.main-content{background:#fff}
.article-body{font-size:17px;line-height:1.5;color:#1a1a1a}
.article-body p{margin:0 0 1.5em;text-indent:2em}
.article-body p:first-child{text-indent:0}
.article-body h2{font-size:34px;font-weight:700;margin:50px 0 25px;letter-spacing:.01em;line-height:1.3;padding-bottom:12px;border-bottom:3px solid #FDADA1}
.article-body h3{font-size:26px;font-weight:600;margin:40px 0 20px;letter-spacing:.015em;line-height:1.4;padding-bottom:8px;border-bottom:2px solid #95EEBB}
.article-body del{text-decoration:line-through;color:#1a1a1a80}
.article-body details{background:#f8f8f8;border-radius:10px;padding:20px;margin:25px 0;border:1px solid #1a1a1a14}
.article-body summary{font-weight:600;cursor:pointer;color:#1a1a1a;font-size:18px;letter-spacing:.015em}
.article-body summary:hover{color:#FDADA1}
.sidebar-right{position:sticky;top:20px;align-self:start}
.action-box{background:linear-gradient(135deg,#8ED4FB 0%,#8ed4fb4d 100%);border-radius:12px;padding:30px;text-align:center;box-shadow:0 10px 30px #00000014}
.action-box h4{font-size:20px;font-weight:700;margin:0 0 15px;letter-spacing:.015em;color:#1a1a1a}
.action-box p{font-size:15px;line-height:1.5;color:#1a1a1abf;margin:0 0 20px}
.btn-copy{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#1a1a1a;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:50px;cursor:pointer;letter-spacing:.02em;transition:all .3s ease}
.btn-copy:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px #0003}
.btn-copy:hover i{transform:translateX(4px)}
.btn-copy i{transition:transform .3s ease}
.engagement-box{background:#fff;border-radius:12px;padding:25px;margin-top:25px;border:1px solid #1a1a1a14}
.stats-row{display:flex;flex-direction:column;gap:15px}
.stat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f8f8f8;border-radius:8px}
.stat-label{display:flex;align-items:center;gap:8px;font-size:15px;color:#1a1a1ab3}
.stat-value{font-size:18px;font-weight:700;color:#1a1a1a}
.cards-section{padding:80px 20px;background:#f8f8f8}
.cards-section-inner{max-width:1200px;margin:0 auto}
.section-heading{font-size:38px;font-weight:700;text-align:center;margin:0 0 50px;letter-spacing:.01em;line-height:1.3}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px}
.info-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #1a1a1a0f}
.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001f}
.card-icon{width:50px;height:50px;background:linear-gradient(135deg,#FDADA1,#95EEBB);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1a1a1a;margin-bottom:20px}
.info-card h5{font-size:20px;font-weight:700;margin:0 0 12px;letter-spacing:.015em;line-height:1.4}
.info-card p{font-size:15px;line-height:1.5;color:#1a1a1ab3;margin:0}
@media (max-width: 1280px) {
.content-grid{grid-template-columns:200px 1fr 200px;gap:30px}
}
@media (max-width: 768px) {
.hero-inner{flex-direction:column;gap:30px}
.hero-image-box{width:100%;max-width:400px}
.hero-title{font-size:36px}
.hero-subtitle{font-size:18px}
.content-grid{grid-template-columns:1fr;gap:40px}
.sidebar-left,.sidebar-right{position:static}
.section-heading{font-size:30px}
.card-grid{grid-template-columns:1fr}
}
.podcast-page{max-width:1280px;margin:0 auto;background:#fff;color:#1a1a1a;letter-spacing:.015em}
.podcast-page *{box-sizing:border-box}
.podcast-page img{max-width:100%;height:auto}
.podcast-page p{text-indent:2em;margin:0;line-height:1.5;font-size:17px}
.podcast-page p:first-of-type{text-indent:0}
.hero-block{position:relative;height:85vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5}
.hero-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.hero-img-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);animation:hero-zoom 1.2s ease-out forwards}
@keyframes hero-zoom {
from{transform:scale(1.1)}
to{transform:scale(1)}
}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fdada1d9 0%,transparent 100%);pointer-events:none}
.hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,#ffffff08 0px,#ffffff08 2px,transparent 2px,transparent 12px);pointer-events:none}
.hero-content-box{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:800px}
.hero-content-box h1{font-size:68px;margin:0 0 24px;letter-spacing:.02em;line-height:1.1;color:#1a1a1a}
.hero-desc{font-size:20px;margin:0 0 40px;line-height:1.5;color:#2a2a2a;text-indent:0}
.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.hero-link{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:50px;font-size:17px;letter-spacing:.015em;transition:all .3s ease;overflow:hidden;position:relative}
.hero-link i{transition:transform .3s ease}
.hero-link:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}
.hero-link:hover i{transform:translateX(4px)}
.hero-link.secondary-btn{background:transparent;color:#1a1a1a;border:2px solid #1a1a1a}
.hero-link.secondary-btn:hover{background:#1a1a1a;color:#fff}
.episodes-section{padding:120px 24px;background:linear-gradient(45deg,#95eebb14 0%,#fff0 100%)}
.episodes-inner{max-width:1280px;margin:0 auto}
.section-hdr{text-align:center;margin-bottom:80px}
.section-hdr h2{font-size:48px;margin:0 0 20px;letter-spacing:.02em;line-height:1.2;color:#1a1a1a}
.section-hdr p{font-size:19px;color:#4a4a4a;max-width:680px;margin:0 auto;text-indent:0}
.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px}
.episode-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border:1px solid #0000000d;position:relative;overflow:hidden}
.episode-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FDADA1 0%,#95EEBB 100%);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}
.episode-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}
.episode-card:hover::before{transform:scaleY(1)}
.episode-number{display:inline-block;padding:6px 16px;background:#fdada126;color:#1a1a1a;font-size:14px;font-weight:600;border-radius:50px;margin-bottom:16px;letter-spacing:.02em}
.episode-card h3{font-size:24px;margin:0 0 16px;letter-spacing:.015em;line-height:1.3;color:#1a1a1a;border-bottom:2px solid #95eebb4d;padding-bottom:12px}
.episode-card p{font-size:17px;color:#4a4a4a;line-height:1.5;margin:0 0 24px;text-indent:0}
.episode-meta{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.meta-item{display:flex;align-items:center;gap:8px;font-size:15px;color:#6a6a6a}
.meta-item i{color:#95EEBB;font-size:18px}
.listen-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:50px;font-size:15px;letter-spacing:.015em;transition:all .3s ease;width:100%;justify-content:center}
.listen-btn i{transition:transform .3s ease}
.listen-btn:hover{background:#2a2a2a;box-shadow:0 4px 16px #00000026}
.listen-btn:hover i{transform:translateX(4px)}
.host-section{padding:100px 24px;background:#fff;border-top:1px solid #00000014}
.host-content-wrap{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.host-text-col h2{font-size:42px;margin:0 0 28px;letter-spacing:.02em;line-height:1.2;color:#1a1a1a}
.host-text-col p{font-size:17px;color:#4a4a4a;line-height:1.5;margin-bottom:16px}
.host-text-col p:first-of-type{text-indent:0}
.host-highlight{font-style:italic;color:#FDADA1}
.host-stats-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.stat-item{background:linear-gradient(135deg,#8ed4fb14 0%,#95eebb14 100%);padding:24px;border-radius:12px;text-align:center;border:1px solid #0000000d;box-shadow:inset 0 2px 8px #00000008}
.stat-number{font-size:36px;font-weight:700;color:#1a1a1a;display:block;margin-bottom:8px;letter-spacing:.01em}
.stat-label{font-size:14px;color:#6a6a6a;text-transform:uppercase;letter-spacing:.08em}
.quote-box{background:#f9f9f9;padding:32px;border-radius:12px;border-left:4px solid #95EEBB;margin-top:32px;box-shadow:inset 0 2px 6px #0000000a}
.quote-box p{font-size:18px;font-style:italic;color:#2a2a2a;line-height:1.6;text-indent:0;margin:0 0 12px}
.quote-author{font-size:15px;color:#6a6a6a;font-style:normal;display:block;text-indent:0}
@media (max-width: 1280px) {
.podcast-page{padding:0 20px}
}
@media (max-width: 768px) {
.hero-content-box h1{font-size:42px}
.hero-desc{font-size:18px}
.hero-actions{flex-direction:column;align-items:stretch}
.hero-link{justify-content:center}
.section-hdr h2{font-size:36px}
.episodes-grid{grid-template-columns:1fr}
.host-content-wrap{grid-template-columns:1fr;gap:48px}
.host-text-col h2{font-size:32px}
.host-stats-box{grid-template-columns:1fr}
.episodes-section{padding:80px 24px}
.host-section{padding:80px 24px}
}
.podcast-page ::selection{background:#95EEBB;color:#1a1a1a}
.home-feed{background:#fff;color:#1a1a1a;font-size:17px;line-height:1.5;letter-spacing:.015em;-webkit-font-smoothing:subpixel-antialiased}
.home-feed *{box-sizing:border-box}
.home-feed ::selection{background:#95EEBB;color:#1a1a1a}
.home-feed img{max-width:100%;height:auto}
.home-feed p{text-indent:1.5em;margin:0}
.home-feed p:first-of-type{text-indent:0}
.home-feed .hero-wrap{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;justify-content:center;padding:80px 20px;border:3px solid #1a1a1a;margin:20px}
.home-feed .hero-wrap::before{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #1a1a1a;pointer-events:none;z-index:2}
.home-feed .hero-bg-img{position:absolute;top:50%;left:50%;width:120%;height:120%;object-fit:cover;opacity:.08;transform:translate(-50%,-50%) scale(1.2);transition:transform .8s ease-out;z-index:0}
.home-feed .hero-bg-img.scrolled{transform:translate(-50%,-50%) scale(1)}
.home-feed .dot-scatter{position:absolute;width:6px;height:6px;background:#FDADA1;border-radius:50%;opacity:.15;pointer-events:none}
.home-feed .dot-scatter:nth-child(2){top:12%;left:8%;background:#95EEBB}
.home-feed .dot-scatter:nth-child(3){top:25%;right:15%;background:#8ED4FB}
.home-feed .dot-scatter:nth-child(4){bottom:18%;left:22%;background:#FDADA1}
.home-feed .dot-scatter:nth-child(5){bottom:35%;right:10%;background:#95EEBB}
.home-feed .dot-scatter:nth-child(6){top:45%;left:5%;background:#8ED4FB}
.home-feed .hero-text-box{position:relative;z-index:1;max-width:900px;text-align:center}
.home-feed .hero-title-main{font-size:68px;line-height:1.1;letter-spacing:.015em;margin:0 0 12px;font-weight:700}
.home-feed .hero-title-sub{font-size:38px;line-height:1.2;letter-spacing:.015em;margin:0 0 8px;font-weight:400;color:#555}
.home-feed .hero-title-accent{font-size:28px;line-height:1.3;letter-spacing:.02em;margin:0;font-weight:300;color:#777}
.home-feed .content-width{max-width:1280px;margin:0 auto;padding:0 20px}
.home-feed .split-grid-frame{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:80px 0}
.home-feed .accent-side{background:linear-gradient(135deg,#FDADA1 0%,#fdada11a 100%);padding:40px 30px;border-radius:8px;border:2px solid #fdada14d}
.home-feed .accent-side h4{font-size:22px;letter-spacing:.015em;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #1a1a1a}
.home-feed .accent-side p{font-size:16px;line-height:1.6;color:#333}
.home-feed .main-side h2{font-size:46px;letter-spacing:.015em;margin:0 0 40px;font-weight:600}
.home-feed .post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.home-feed .post-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:transform 0.3s,box-shadow .3s;display:flex;flex-direction:column}
.home-feed .post-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.home-feed .post-card-img{width:100%;height:200px;object-fit:cover}
.home-feed .post-card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.home-feed .post-meta-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.home-feed .post-tag{font-size:13px;padding:4px 12px;background:#FDADA1;color:#1a1a1a;border-radius:999px;letter-spacing:.02em}
.home-feed .post-cat-tag{font-size:13px;padding:4px 12px;background:#95EEBB;color:#1a1a1a;border-radius:999px;letter-spacing:.02em}
.home-feed .post-card-title{font-size:24px;letter-spacing:.015em;margin:0 0 10px;font-weight:600;line-height:1.3}
.home-feed .post-card-desc{font-size:16px;line-height:1.5;color:#555;margin-bottom:16px;flex:1}
.home-feed .post-card-desc p{text-indent:0}
.home-feed .post-footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#777;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:auto}
.home-feed .post-author{font-weight:500;color:#333}
.home-feed .topics-section{background:#f5f5f5;padding:80px 20px}
.home-feed .topics-section h3{font-size:38px;letter-spacing:.015em;margin:0 0 16px;text-align:center;font-weight:600}
.home-feed .topics-intro{text-align:center;max-width:700px;margin:0 auto 50px;font-size:17px;color:#555}
.home-feed .topic-list-box{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:900px;margin:0 auto}
.home-feed .topic-bubble{font-size:16px;padding:12px 24px;background:#fff;border:2px solid #8ED4FB;border-radius:999px;letter-spacing:.015em;transition:background 0.3s,color .3s;cursor:pointer}
.home-feed .topic-bubble:hover{background:#8ED4FB;color:#fff}
.home-feed .popular-block{padding:80px 20px;background:#fff}
.home-feed .popular-block h3{font-size:38px;letter-spacing:.015em;margin:0 0 50px;text-align:center;font-weight:600}
.home-feed .popular-item-frame{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:0 auto}
.home-feed .popular-card{background:#fafafa;border-left:6px solid #95EEBB;padding:30px;border-radius:4px;transition:box-shadow .3s;box-shadow:inset 4px 4px 8px #0000000f}
.home-feed .popular-card:hover{box-shadow:inset 4px 4px 8px #0000001a 0 4px 12px #00000014}
.home-feed .popular-card h5{font-size:22px;letter-spacing:.015em;margin:0 0 12px;font-weight:600}
.home-feed .popular-card p{font-size:16px;line-height:1.5;color:#555}
.home-feed .archive-stats-wrap{background:linear-gradient(135deg,#8ED4FB 0%,#8ed4fb1a 100%);padding:80px 20px}
.home-feed .archive-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.home-feed .stat-box{text-align:center;padding:40px 20px;background:#ffffffe6;border-radius:8px;border:2px solid #8ed4fb66;transition:transform .3s}
.home-feed .stat-box:hover{transform:scale(1.05)}
.home-feed .stat-number{font-size:56px;letter-spacing:.015em;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.home-feed .stat-label{font-size:18px;letter-spacing:.015em;color:#555;margin:0}
.home-feed .resource-section{padding:80px 20px;background:#fff}
.home-feed .resource-section h3{font-size:38px;letter-spacing:.015em;margin:0 0 50px;text-align:center;font-weight:600}
.home-feed .resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;max-width:1100px;margin:0 auto}
.home-feed .resource-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:30px;text-align:center;transition:border-color 0.3s,box-shadow .3s}
.home-feed .resource-card:hover{border-color:#FDADA1;box-shadow:0 6px 16px #0000001a}
.home-feed .resource-icon{font-size:48px;color:#FDADA1;margin-bottom:16px}
.home-feed .resource-card h6{font-size:20px;letter-spacing:.015em;margin:0 0 12px;font-weight:600}
.home-feed .resource-card p{font-size:15px;line-height:1.5;color:#666;text-indent:0}
.home-feed .about-slice{padding:80px 20px;background:#1a1a1a;color:#fff}
.home-feed .about-inner{max-width:800px;margin:0 auto;text-align:center}
.home-feed .about-slice h3{font-size:38px;letter-spacing:.015em;margin:0 0 30px;font-weight:600}
.home-feed .about-slice p{font-size:17px;line-height:1.6;color:#d0d0d0;text-indent:0}
.home-feed .cta-zone{padding:80px 20px;background:linear-gradient(135deg,#95EEBB 0%,#95eebb33 100%);text-align:center}
.home-feed .cta-zone h4{font-size:32px;letter-spacing:.015em;margin:0 0 20px;font-weight:600}
.home-feed .cta-zone p{font-size:17px;line-height:1.6;max-width:600px;margin:0 auto 30px;color:#333;text-indent:0}
.home-feed .cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:999px;font-size:18px;letter-spacing:.015em;font-weight:600;transition:transform 0.3s,box-shadow .3s}
.home-feed .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}
.home-feed .cta-btn i{transition:transform .3s}
.home-feed .cta-btn:hover i{transform:translateX(6px)}
@media (max-width: 1280px) {
.home-feed .hero-title-main{font-size:56px}
.home-feed .hero-title-sub{font-size:32px}
}
@media (max-width: 768px) {
.home-feed .hero-wrap{min-height:400px;padding:60px 20px}
.home-feed .hero-title-main{font-size:42px}
.home-feed .hero-title-sub{font-size:26px}
.home-feed .hero-title-accent{font-size:20px}
.home-feed .split-grid-frame{grid-template-columns:1fr;gap:30px;padding:60px 0}
.home-feed .main-side h2{font-size:36px}
.home-feed .post-grid{grid-template-columns:1fr}
.home-feed .popular-item-frame{grid-template-columns:1fr;gap:24px}
.home-feed .archive-inner{grid-template-columns:1fr;gap:24px}
.home-feed .resource-grid{grid-template-columns:1fr}
.home-feed .topics-section h3,.home-feed .popular-block h3,.home-feed .resource-section h3,.home-feed .about-slice h3{font-size:32px}
.home-feed .cta-zone h4{font-size:28px}
}
.author-hub{background:#fefefe;color:#1a1a1a;letter-spacing:.015em;-webkit-font-smoothing:subpixel-antialiased}
.author-hub *{box-sizing:border-box;max-width:100%}
.author-hub img{display:block;height:auto;object-fit:cover}
.author-hub ::selection{background:#95EEBB;color:#1a1a1a}
.author-hub p{line-height:1.5;font-size:17px;text-indent:2em;margin:0}
.author-hub p:first-of-type{text-indent:0}
.title-frame{position:relative;width:100%;height:85vh;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.title-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fdada126,#ffffffeb);z-index:2}
.title-bg-img{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:blur(3px)}
.geo-reveal{position:absolute;z-index:3;opacity:0;animation:revealGeo 1.2s ease-out .3s forwards}
@keyframes revealGeo {
to{opacity:.08}
}
.geo-reveal:nth-child(3){top:10%;left:8%;width:120px;height:120px;border:2px solid #FDADA1;border-radius:50%}
.geo-reveal:nth-child(4){bottom:15%;right:12%;width:90px;height:90px;background:#8ED4FB;clip-path:polygon(50% 0%,100% 100%,0% 100%);animation-delay:.6s}
.geo-reveal:nth-child(5){top:40%;right:20%;width:60px;height:60px;background:#95EEBB;animation-delay:.9s}
.title-content-wrap{position:relative;z-index:4;text-align:center;max-width:800px;padding:0 24px}
.title-main-head{font-size:68px;letter-spacing:.02em;margin:0;line-height:1.1;color:#1a1a1a}
.profile-showcase{max-width:1280px;margin:0 auto;padding:100px 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.profile-col-left{position:sticky;top:40px}
.profile-img-holder{width:100%;height:520px;border-radius:8px;overflow:hidden;box-shadow:0 8px 28px #0000001f}
.profile-photo{width:100%;height:100%;object-position:center 20%}
.profile-col-right{padding-top:20px}
.profile-subhead{font-size:32px;margin:0 0 28px;letter-spacing:.015em;padding-bottom:12px;border-bottom:3px solid #FDADA1;display:inline-block}
.profile-text-block p + p{margin-top:0}
.profile-accent{color:#FDADA1;font-style:italic}
.journey-timeline-section{background:linear-gradient(45deg,#FDADA1 0%,#fdada10d 100%);padding:100px 24px}
.journey-inner{max-width:1280px;margin:0 auto}
.journey-heading{font-size:46px;margin:0 0 70px;text-align:center;letter-spacing:.02em}
.timeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}
.timeline-card{background:#fff;padding:32px;border-radius:12px;box-shadow:inset 0 4px 8px #0000000f;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.timeline-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}
.timeline-icon{font-size:42px;color:#95EEBB;margin-bottom:18px}
.timeline-card-title{font-size:21px;margin:0 0 14px;letter-spacing:.015em}
.timeline-card p{text-indent:0;font-size:16px;color:#3a3a3a}
.comparison-block{max-width:1280px;margin:0 auto;padding:100px 24px}
.comparison-title{font-size:42px;margin:0 0 60px;text-align:center;letter-spacing:.018em}
.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #0000001a}
.compare-side{position:relative;overflow:hidden}
.compare-side-left{background:#f5f5f5}
.compare-side-right{background:#fff}
.compare-img-wrap{width:100%;height:380px;position:relative}
.compare-photo{width:100%;height:100%}
.compare-content-pad{padding:40px}
.compare-label{font-size:24px;margin:0 0 20px;letter-spacing:.015em}
.compare-content-pad p{text-indent:0;font-size:16px;line-height:1.6}
.philosophy-wall{background:#1a1a1a;color:#fefefe;padding:100px 24px;position:relative}
.philosophy-wall::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#95eebb33}
.philosophy-inner{max-width:1280px;margin:0 auto;position:relative}
.philosophy-head{font-size:48px;margin:0 0 80px;text-align:center;letter-spacing:.02em}
.stagger-cols{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.stagger-left{padding-top:0}
.stagger-right{padding-top:100px}
.stagger-item{margin-bottom:70px}
.stagger-item:last-child{margin-bottom:0}
.stagger-icon-line{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.stagger-icon{font-size:32px;color:#8ED4FB}
.stagger-small-head{font-size:22px;margin:0;letter-spacing:.015em}
.stagger-item p{text-indent:0;color:#d4d4d4;font-size:16px}
@media (max-width: 1280px) {
.title-main-head{font-size:56px}
.profile-showcase{gap:60px;padding:80px 24px}
}
@media (max-width: 768px) {
.title-frame{height:70vh;min-height:450px}
.title-main-head{font-size:42px}
.geo-reveal:nth-child(3){width:80px;height:80px}
.geo-reveal:nth-child(4){width:60px;height:60px}
.geo-reveal:nth-child(5){width:40px;height:40px}
.profile-showcase{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.profile-col-left{position:static}
.profile-img-holder{height:420px}
.profile-subhead{font-size:28px}
.journey-timeline-section{padding:70px 20px}
.journey-heading{font-size:36px;margin-bottom:50px}
.timeline-grid{grid-template-columns:1fr;gap:30px}
.comparison-block{padding:70px 20px}
.comparison-title{font-size:34px;margin-bottom:40px}
.comparison-columns{grid-template-columns:1fr}
.compare-img-wrap{height:280px}
.compare-content-pad{padding:30px}
.philosophy-wall{padding:70px 20px}
.philosophy-head{font-size:38px;margin-bottom:60px}
.stagger-cols{grid-template-columns:1fr;gap:40px}
.stagger-right{padding-top:0}
.stagger-item{margin-bottom:50px}
}
.blog-page{background:#FFF;color:#1a1a1a;letter-spacing:.015em;min-height:100vh;padding:0;margin:0;max-width:100%;overflow-x:hidden}
.blog-page ::selection{background:#95EEBB;color:#1a1a1a}
.blog-page img{max-width:100%;height:auto}
.blog-page .title-zone{background:linear-gradient(135deg,#FDADA1 0%,#fdada11a 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.blog-page .title-zone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#00000014 1px,transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}
.blog-page .title-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}
.blog-page .title-text h1{font-size:64px;margin:0 0 20px;line-height:1.1;letter-spacing:.02em}
.blog-page .title-text p{font-size:17px;line-height:1.5;margin:0;text-indent:0}
.blog-page .title-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.blog-page .mosaic-img{width:100%;height:200px;object-fit:cover;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);transition:transform .4s ease}
.blog-page .mosaic-img:hover{transform:scale(1.08)}
.blog-page .mosaic-img:nth-child(2){clip-path:polygon(0% 0%,90% 0%,100% 100%,10% 100%)}
.blog-page .divider-icon{text-align:center;padding:40px 0;background:#f8f8f8}
.blog-page .divider-icon svg{width:32px;height:32px;fill:#FDADA1}
.blog-page .posts-wrapper{max-width:1280px;margin:0 auto;padding:80px 20px;background:#FFF}
.blog-page .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}
.blog-page .post-card{background:#FFF;border:1px solid #e0e0e0;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}
.blog-page .post-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}
.blog-page .post-img-box{width:100%;height:220px;overflow:hidden;position:relative}
.blog-page .post-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-page .post-card:hover .post-img{transform:scale(1.1)}
.blog-page .post-content{padding:24px;flex:1;display:flex;flex-direction:column}
.blog-page .post-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.blog-page .tag-pill{background:#FDADA1;color:#1a1a1a;padding:6px 16px;border-radius:999px;font-size:13px;letter-spacing:.02em}
.blog-page .tag-pill-alt{background:#8ED4FB}
.blog-page .post-title{font-size:24px;margin:0 0 12px;line-height:1.3;letter-spacing:.015em}
.blog-page .post-subtitle{font-size:15px;color:#666;margin:0 0 12px;line-height:1.4}
.blog-page .post-desc{font-size:17px;line-height:1.5;margin:0 0 20px;text-indent:0;flex:1}
.blog-page .post-meta{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e0e0e0;font-size:14px;color:#666}
.blog-page .meta-left{display:flex;gap:16px;align-items:center}
.blog-page .meta-item{display:flex;align-items:center;gap:6px}
.blog-page .post-link{display:inline-flex;align-items:center;gap:8px;background:#1a1a1a;color:#FFF;padding:12px 24px;border-radius:999px;text-decoration:none;font-size:15px;transition:gap .3s ease;margin-top:auto}
.blog-page .post-link:hover{gap:14px}
.blog-page .marquee-section{background:linear-gradient(45deg,#95EEBB 0%,#95eebb33 100%);padding:60px 0;overflow:hidden;position:relative}
.blog-page .marquee-track{display:flex;gap:40px;animation:marquee-scroll 30s linear infinite;width:max-content}
.blog-page .marquee-section:hover .marquee-track{animation-play-state:paused}
@keyframes marquee-scroll {
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.blog-page .marquee-item{font-size:28px;letter-spacing:.02em;white-space:nowrap;color:#1a1a1a}
.blog-page .insights-zone{max-width:1280px;margin:0 auto;padding:80px 20px;background:#f8f8f8}
.blog-page .insights-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}
.blog-page .insights-intro h2{font-size:42px;margin:0 0 20px;line-height:1.2;letter-spacing:.015em;border-bottom:3px solid #FDADA1;padding-bottom:12px}
.blog-page .insights-intro p{font-size:17px;line-height:1.5;margin:16px 0 0;text-indent:2em}
.blog-page .insights-intro p:first-of-type{text-indent:0}
.blog-page .file-list{list-style:none;padding:0;margin:0}
.blog-page .file-item{display:flex;align-items:center;gap:16px;padding:20px;background:#FFF;margin-bottom:12px;border-left:4px solid #8ED4FB;transition:transform .3s ease}
.blog-page .file-item:hover{transform:translateX(8px)}
.blog-page .file-icon{font-size:32px;color:#8ED4FB}
.blog-page .file-details{flex:1}
.blog-page .file-name{font-size:18px;margin:0 0 4px;letter-spacing:.015em}
.blog-page .file-size{font-size:14px;color:#666}
.blog-page .dot-bg-section{background:linear-gradient(135deg,#8ED4FB 0%,#8ed4fb1a 100%);padding:80px 20px;position:relative;overflow:hidden}
.blog-page .dot-bg-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#0000000d 2px,transparent 2px);background-size:32px 32px;background-position:0 0;animation:bg-pan 60s linear infinite;pointer-events:none}
@keyframes bg-pan {
0%{background-position:0 0}
100%{background-position:0 100vh}
}
.blog-page .dot-bg-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1;text-align:center}
.blog-page .dot-bg-inner h3{font-size:36px;margin:0 0 24px;letter-spacing:.02em}
.blog-page .dot-bg-inner p{font-size:17px;line-height:1.5;max-width:700px;margin:0 auto;text-indent:0}
@media (max-width: 1280px) {
.blog-page .title-inner{gap:40px}
.blog-page .insights-grid{gap:40px}
}
@media (max-width: 768px) {
.blog-page .title-zone{padding:60px 20px 80px}
.blog-page .title-inner{grid-template-columns:1fr;gap:40px}
.blog-page .title-text h1{font-size:42px}
.blog-page .title-mosaic{grid-template-columns:1fr}
.blog-page .posts-wrapper{padding:60px 20px}
.blog-page .posts-grid{grid-template-columns:1fr;gap:30px}
.blog-page .insights-zone{padding:60px 20px}
.blog-page .insights-grid{grid-template-columns:1fr;gap:30px}
.blog-page .insights-intro h2{font-size:32px}
.blog-page .dot-bg-section{padding:60px 20px}
.blog-page .dot-bg-inner h3{font-size:28px}
.blog-page .marquee-item{font-size:22px}
}
.webinars-page{max-width:1280px;margin:0 auto;background:#FFF;color:#1a1a1a;letter-spacing:.015em;-webkit-font-smoothing:subpixel-antialiased}
.webinars-page *{box-sizing:border-box}
.webinars-page ::selection{background:#95EEBB;color:#1a1a1a}
.webinars-page img{max-width:100%;height:auto}
.hero-spotlight{position:relative;min-height:85vh;display:flex;align-items:center;padding:4rem 2rem;overflow:hidden;background:linear-gradient(135deg,#FDADA1 0%,transparent 60%),radial-gradient(circle at 85% 15%,#8ed4fb4d 0%,transparent 50%),#FFF}
.hero-spotlight::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#fdada108 2px,#fdada108 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#95eebb08 2px,#95eebb08 4px);pointer-events:none;animation:pattern-shift 20s linear infinite;transform-origin:center}
@keyframes pattern-shift {
0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
.hero-spotlight::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence baseFrequency="0.9" numOctaves="4"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.03"/></svg>');pointer-events:none;animation:grain-move 8s steps(10) infinite}
@keyframes grain-move {
0%,100%{transform:translate(0,0)}
10%{transform:translate(-5%,-10%)}
20%{transform:translate(-15%,5%)}
30%{transform:translate(7%,-25%)}
40%{transform:translate(-5%,25%)}
50%{transform:translate(-25%,10%)}
60%{transform:translate(15%,0%)}
70%{transform:translate(0%,15%)}
80%{transform:translate(25%,-5%)}
90%{transform:translate(-10%,0%)}
}
.hero-content-wrap{position:relative;z-index:2;max-width:900px;width:100%}
.hero-pre-heading{font-size:17px;line-height:1.5;margin-bottom:1.5rem;opacity:.85;letter-spacing:.02em}
.hero-title{font-size:4.2rem;line-height:1.1;margin:0 0 2rem;letter-spacing:.015em;font-weight:700}
.hero-image-frame{position:relative;width:100%;max-width:700px;margin-top:3rem;box-shadow:0 20px 60px #0000004d 0 8px 20px #0003;border-radius:8px;overflow:hidden}
.hero-image-frame img{width:100%;height:420px;object-fit:cover;display:block}
.sessions-block{padding:6rem 2rem;background:#f8f9fa;position:relative}
.sessions-block::before{content:'';position:absolute;top:-1px;left:0;right:0;height:80px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 80" preserveAspectRatio="none"><path d="M0,40 Q150,10 300,35 T600,40 T900,35 Q1050,10 1200,40 L1200,80 L0,80 Z" fill="%23f8f9fa" opacity="0.6"/><path d="M0,50 Q200,20 400,45 T800,50 T1200,45 L1200,80 L0,80 Z" fill="%23f8f9fa"/></svg>') no-repeat top center;background-size:100% 100%}
.sessions-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:35% 1fr;gap:5rem;align-items:start}
.sessions-left{position:sticky;top:2rem}
.sessions-left h2{font-size:2.8rem;line-height:1.2;margin:0 0 1.5rem;letter-spacing:.015em;border-bottom:3px solid #FDADA1;padding-bottom:1rem}
.sessions-intro{font-size:17px;line-height:1.5;margin-bottom:0}
.sessions-intro p{margin:0 0 1.2rem;text-indent:1.5em}
.sessions-intro p:first-child{text-indent:0}
.sessions-right{display:flex;flex-direction:column;gap:2rem}
.session-card{background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000026 inset 0 -2px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease}
.session-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #0003 inset 0 -2px 8px #0000000d}
.session-visual{position:relative;height:240px;overflow:hidden;background:#e9ecef}
.session-visual img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .4s ease}
.session-card:hover .session-visual img{transform:scale(1.08)}
.session-badge{position:absolute;top:1.2rem;right:1.2rem;background:#fffffff2;padding:.5rem 1.2rem;border-radius:50px;font-size:14px;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 12px #00000026}
.session-info{padding:2rem}
.session-info h3{font-size:1.6rem;line-height:1.3;margin:0 0 1rem;letter-spacing:.015em}
.session-meta{display:flex;gap:2rem;margin-bottom:1.2rem;font-size:15px;color:#6c757d}
.meta-item{display:flex;align-items:center;gap:.5rem}
.meta-item i{font-size:18px;color:#95EEBB}
.session-desc{font-size:16px;line-height:1.5;margin:0 0 1.5rem;color:#495057}
.session-instructor{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #e9ecef}
.instructor-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FDADA1,#8ED4FB);display:flex;align-items:center;justify-content:center;font-weight:700;color:#FFF;font-size:18px}
.instructor-details{flex:1}
.instructor-name{font-weight:600;font-size:15px;margin-bottom:.2rem;letter-spacing:.01em}
.instructor-title{font-size:14px;color:#6c757d;font-style:italic}
.session-action{margin-top:1.5rem}
.register-btn{display:inline-flex;align-items:center;gap:.8rem;background:#1a1a1a;color:#FFF;padding:.9rem 2rem;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;letter-spacing:.02em}
.register-btn i{font-size:20px;transition:transform .3s ease}
.register-btn:hover{background:#2d2d2d;box-shadow:0 8px 20px #00000040}
.register-btn:hover i{transform:translateX(4px)}
.features-mesh{padding:7rem 2rem;background:linear-gradient(135deg,#fdada114 0%,transparent 40%),linear-gradient(225deg,#8ed4fb14 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,#95eebb0d 0%,transparent 60%),#FFF;position:relative}
.features-mesh::before{content:'';position:absolute;width:600px;height:600px;top:10%;left:-200px;background:radial-gradient(circle,#fdada126 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:drift-left 25s ease-in-out infinite}
.features-mesh::after{content:'';position:absolute;width:500px;height:500px;bottom:15%;right:-150px;background:radial-gradient(circle,#8ed4fb26 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:drift-right 30s ease-in-out infinite}
@keyframes drift-left {
0%,100%{transform:translate(0,0)}
50%{transform:translate(100px,-80px)}
}
@keyframes drift-right {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-80px,100px)}
}
.features-content{max-width:1120px;margin:0 auto;position:relative;z-index:2}
.features-header{text-align:center;max-width:700px;margin:0 auto 5rem}
.features-header h2{font-size:3rem;line-height:1.2;margin:0 0 1.5rem;letter-spacing:.015em}
.features-lead{font-size:18px;line-height:1.6;color:#495057;margin:0}
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem}
.feature-item{background:#ffffffb3;backdrop-filter:blur(10px);border-radius:16px;padding:2.5rem;box-shadow:0 10px 35px #00000014 inset 0 1px 0 #ffffff80;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.feature-item::before{content:'(';position:absolute;top:-.5rem;left:1rem;font-size:5rem;line-height:1;color:#FDADA1;opacity:.4;font-weight:300}
.feature-item::after{content:')';position:absolute;bottom:-.5rem;right:1rem;font-size:5rem;line-height:1;color:#8ED4FB;opacity:.4;font-weight:300}
.feature-item:hover{transform:translateY(-6px);box-shadow:0 15px 45px #0000001f inset 0 1px 0 #ffffff80}
.feature-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#FDADA1,#95EEBB);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 6px 20px #fdada14d}
.feature-icon i{font-size:32px;color:#FFF}
.feature-item h3{font-size:1.4rem;line-height:1.3;margin:0 0 1rem;letter-spacing:.015em}
.feature-item p{font-size:16px;line-height:1.5;margin:0;color:#495057}
.data-showcase{padding:6rem 2rem;background:#1a1a1a;color:#FFF;position:relative;overflow:hidden}
.data-showcase::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120%;height:2px;background:linear-gradient(90deg,transparent 0%,#FDADA1 20%,#95EEBB 50%,#8ED4FB 80%,transparent 100%)}
.data-inner{max-width:1120px;margin:0 auto;position:relative;z-index:2}
.data-intro{max-width:600px;margin-bottom:4rem}
.data-intro h2{font-size:2.6rem;line-height:1.2;margin:0 0 1.5rem;letter-spacing:.015em}
.data-intro p{font-size:17px;line-height:1.5;margin:0;opacity:.9}
.metrics-table-wrap{background:#ffffff08;border-radius:12px;padding:2rem;box-shadow:inset 0 4px 10px #0000004d;overflow-x:auto}
.metrics-table{width:100%;border-collapse:collapse;font-size:16px}
.metrics-table thead{border-bottom:2px solid #95eebb4d}
.metrics-table th{text-align:left;padding:1.2rem 1.5rem;font-weight:600;letter-spacing:.02em;color:#95EEBB}
.metrics-table tbody tr{border-bottom:1px solid #ffffff14;transition:background .2s ease}
.metrics-table tbody tr:nth-child(odd){background:#ffffff05}
.metrics-table tbody tr:hover{background:#fdada11a}
.metrics-table td{padding:1.2rem 1.5rem;color:#ffffffe6}
.metric-value{font-weight:700;color:#8ED4FB;font-size:18px}
.progress-indicator{display:inline-block;width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}
.progress-fill{height:100%;background:linear-gradient(90deg,#FDADA1,#95EEBB);border-radius:3px;transition:width .3s ease}
@media (max-width: 1280px) {
.hero-title{font-size:3.6rem}
.sessions-inner{gap:3rem}
.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}
}
@media (max-width: 768px) {
.hero-spotlight{min-height:auto;padding:3rem 1.5rem}
.hero-title{font-size:2.6rem}
.hero-image-frame{margin-top:2rem}
.hero-image-frame img{height:280px}
.sessions-block{padding:4rem 1.5rem}
.sessions-inner{grid-template-columns:1fr;gap:3rem}
.sessions-left{position:static}
.sessions-left h2{font-size:2.2rem}
.session-visual{height:200px}
.session-info{padding:1.5rem}
.session-info h3{font-size:1.4rem}
.session-meta{flex-direction:column;gap:.8rem}
.features-mesh{padding:4rem 1.5rem}
.features-header h2{font-size:2.4rem}
.features-grid{grid-template-columns:1fr;gap:2rem}
.data-showcase{padding:4rem 1.5rem}
.data-intro h2{font-size:2.2rem}
.metrics-table-wrap{padding:1rem}
.metrics-table{font-size:14px}
.metrics-table th,.metrics-table td{padding:.8rem 1rem}
.metric-value{font-size:16px}
.progress-indicator{width:80px}
}
.success-page{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative;overflow:hidden;letter-spacing:.015em}
.success-page::before{content:'';position:absolute;top:-10%;right:-10%;width:600px;height:600px;background:linear-gradient(135deg,#FDADA1 0%,transparent 70%);border-radius:50%;opacity:.15;filter:blur(80px);pointer-events:none}
.success-page::after{content:'';position:absolute;bottom:-15%;left:-15%;width:700px;height:700px;background:linear-gradient(135deg,#95EEBB 0%,transparent 70%);border-radius:50%;opacity:.12;filter:blur(90px);pointer-events:none}
.success-content-box{max-width:680px;width:100%;background:#fff;padding:4rem 3rem;border-radius:16px;box-shadow:0 20px 60px #00000014 0 2px 8px #0000000a;position:relative;z-index:1;text-align:center}
.success-icon-wrapper{width:120px;height:120px;margin:0 auto 2.5rem;background:linear-gradient(135deg,#95EEBB 0%,#8ED4FB 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #95eebb59 inset 0 -4px 8px #00000014;animation:success-icon-scale .6s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes success-icon-scale {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.success-icon-wrapper i{font-size:56px;color:#fff;line-height:1}
.success-title{font-size:2.8rem;margin:0 0 1.2rem;color:#1a1a1a;line-height:1.2;letter-spacing:.015em}
.success-message{font-size:17px;line-height:1.5;color:#4a4a4a;margin:0 0 2.5rem;letter-spacing:.015em}
.success-message:first-line{font-weight:500}
.success-details-box{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:2rem;border-radius:12px;margin:0 0 2.5rem;border:1px solid #e8e8e8;box-shadow:inset 0 2px 6px #0000000a}
.success-detail-item{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 1rem;font-size:17px;color:#2a2a2a;letter-spacing:.015em}
.success-detail-item:last-child{margin-bottom:0}
.success-detail-item i{font-size:20px;color:#FDADA1}
.success-action-group{display:flex;flex-direction:column;gap:1rem}
.success-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:50px;font-size:17px;font-weight:500;transition:all .3s ease;letter-spacing:.015em;box-shadow:0 4px 16px #00000026}
.success-btn-primary i{font-size:20px;transition:transform .3s ease}
.success-btn-primary:hover{background:#2a2a2a;box-shadow:0 6px 24px #0003;transform:translateY(-2px)}
.success-btn-primary:hover i{transform:translateX(4px)}
.success-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background:transparent;color:#1a1a1a;text-decoration:none;border-radius:50px;font-size:17px;font-weight:500;transition:all .3s ease;letter-spacing:.015em;border:2px solid #e0e0e0}
.success-btn-secondary i{font-size:20px;transition:transform .3s ease}
.success-btn-secondary:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateY(-2px)}
.success-btn-secondary:hover i{transform:translateX(4px)}
.success-footer-note{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e8e8e8;font-size:15px;color:#6a6a6a;line-height:1.5;letter-spacing:.015em}
.success-footer-note a{color:#FDADA1;text-decoration:none;font-weight:500;transition:color .2s ease}
.success-footer-note a:hover{color:#fd9485;text-decoration:underline}
@media (min-width: 768px) {
.success-page{padding:3rem 2rem}
.success-content-box{padding:5rem 4rem}
.success-title{font-size:3.4rem}
.success-action-group{flex-direction:row;justify-content:center}
}
@media (min-width: 1280px) {
.success-content-box{max-width:720px}
.success-title{font-size:3.8rem}
}