*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Bitter',serif;font-size:16px;line-height:1.7;color:#2a2a2a;background:#fefefe;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
body::-webkit-scrollbar{width:6px}
body::-webkit-scrollbar-track{background:#f5f5f5}
body::-webkit-scrollbar-thumb{background:#3F9A0B;border-radius:0}
body::-webkit-scrollbar-thumb:hover{background:#2d7308;transition:background .3s ease}
.site-header{background:linear-gradient(135deg,#fefefe 0%,#f8f8f8 100%);box-shadow:0 8px 20px #3f9a0b14;position:relative}
.header-top-zone{background:linear-gradient(to right,#3f9a0b0d,#611ba10d);padding:48px 20px;border-bottom:3px solid #FEDADA}
.brand-display{max-width:960px;margin:0 auto;text-align:center}
.company-title{font-size:58px;font-weight:700;color:#3F9A0B;letter-spacing:-1px;margin-bottom:12px;text-shadow:2px 2px 4px #0000000a}
.brand-tagline{font-size:20px;color:#611BA1;font-weight:400;letter-spacing:.3px}
.header-lower-zone{padding:24px 20px;background:#fff}
.lower-content-wrap{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo-container{flex-shrink:0}
.logo-link{display:block;width:110px;height:110px}
.site-logo-img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:24px;padding:8px;box-shadow:0 4px 12px #3f9a0b26;border:2px solid #FEDADA}
.main-navigation{flex:1;display:flex;justify-content:flex-end}
.nav-list{list-style:none;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nav-item{display:inline-block}
.nav-link{display:block;padding:14px 28px;text-decoration:none;color:#2a2a2a;font-weight:700;font-size:17px;background:linear-gradient(135deg,#f9f9f9,#fff);border-radius:20px;transition:all .25s ease;border:2px solid transparent;white-space:nowrap}
.nav-link:hover{background:#3F9A0B;color:#fff;border-color:#2d7308}
.site-footer{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:56px 20px 32px;margin-top:80px;border-top:4px solid #3F9A0B}
.footer-content-wrap{max-width:960px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:40px}
.footer-column{display:flex;flex-direction:column;gap:16px}
.footer-heading{font-size:20px;font-weight:700;color:#3F9A0B;margin-bottom:8px;letter-spacing:.5px}
.footer-text{font-size:15px;line-height:1.6;color:silver}
.footer-link{color:#FEDADA;text-decoration:none;transition:color .2s ease}
.footer-link:hover{color:#3F9A0B}
.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-link-item{font-size:15px}
.footer-bottom{padding-top:28px;border-top:1px solid #fedada33;text-align:center}
.copyright-text{font-size:14px;color:#888}
.cookie-popup{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);z-index:10000;transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55);display:block}
.cookie-popup[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.cookie-panel{background:#fff;width:480px;max-height:90vh;overflow-y:auto;padding:36px;box-shadow:-8px 0 24px #0000002e;border-left:6px solid #3F9A0B}
.cookie-title{font-size:26px;font-weight:700;color:#2a2a2a;margin-bottom:16px}
.cookie-description{font-size:15px;color:#555;line-height:1.6;margin-bottom:28px}
.cookie-categories{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}
.cookie-card{background:linear-gradient(135deg,#f9f9f9,#fff);padding:24px;border-radius:20px;border:2px solid #e0e0e0;position:relative}
.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.card-header .codicon{font-size:24px;color:#3F9A0B}
.card-title{font-size:18px;font-weight:700;color:#2a2a2a}
.card-text{font-size:14px;color:#666;line-height:1.5;margin-bottom:16px}
.toggle-switch{position:absolute;top:24px;right:24px;width:52px;height:28px;display:inline-block;cursor:pointer}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.3s;border-radius:0}
.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;transition:.3s;border-radius:0}
.toggle-switch input:checked + .toggle-slider{background:#3F9A0B}
.toggle-switch input:checked + .toggle-slider:before{transform:translateX(24px)}
.toggle-switch input:disabled + .toggle-slider{background:#3F9A0B;opacity:.6;cursor:not-allowed}
.cookie-actions{display:flex;gap:16px}
.cookie-btn{flex:1;padding:16px 24px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;font-family:'Bitter',serif;border-radius:0}
.btn-accept{background:#3F9A0B;color:#fff;box-shadow:0 6px 16px #3f9a0b4d}
.btn-accept:hover{background:#2d7308;box-shadow:0 8px 20px #3f9a0b66}
.btn-decline{background:#611BA1;color:#fff;box-shadow:0 6px 16px #611ba14d}
.btn-decline:hover{background:#4a1378;box-shadow:0 8px 20px #611ba166}
@media (max-width: 768px) {
.company-title{font-size:38px}
.brand-tagline{font-size:16px}
.lower-content-wrap{flex-direction:column;gap:28px}
.main-navigation{width:100%;justify-content:center}
.nav-list{flex-direction:column;width:100%;align-items:stretch}
.nav-link{text-align:center}
.footer-grid{grid-template-columns:1fr;gap:32px}
.cookie-panel{width:100vw;max-width:100%;max-height:100vh;border-radius:0}
.cookie-popup{top:auto;bottom:0;right:0;left:0;transform:translateY(100%)}
.cookie-popup[data-visible="true"]{transform:translateY(0)}
.cookie-actions{flex-direction:column}
}
@media (max-width: 480px) {
.company-title{font-size:32px}
.header-top-zone{padding:32px 16px}
.site-logo-img{width:90px;height:90px}
.nav-link{padding:12px 20px;font-size:15px}
}
.agreement-content{max-width:960px;margin:0 auto;padding:80px 24px;background:#fff}
.agreement-content p{font-size:17px;line-height:1.8;color:#2d2d2d;margin:0 0 24px;font-weight:400}
.agreement-content p strong{color:#1a1a1a;font-weight:600}
.agreement-content p a{color:#3F9A0B;text-decoration:none;border-bottom:1px solid #3f9a0b4d;transition:all .25s ease}
.agreement-content p a:hover{color:#2d7008;border-bottom-color:#2d7008}
.agreement-content ul,.agreement-content ol{margin:0 0 32px;padding:0 0 0 28px}
.agreement-content ul li,.agreement-content ol li{font-size:17px;line-height:1.8;color:#2d2d2d;margin:0 0 14px;padding-left:8px}
.agreement-content ul li::marker{color:#3F9A0B}
.agreement-content ol li::marker{color:#611BA1;font-weight:600}
.agreement-content ul ul,.agreement-content ul ol,.agreement-content ol ul,.agreement-content ol ol{margin:14px 0}
.agreement-content table{width:100%;border-collapse:collapse;margin:0 0 40px;background:#fafafa;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #3f9a0b14}
.agreement-content thead{background:linear-gradient(135deg,#3F9A0B 0%,#2d7008 100%)}
.agreement-content thead tr th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.agreement-content tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.agreement-content tbody tr:last-child{border-bottom:none}
.agreement-content tbody tr:hover{background:#3f9a0b0a}
.agreement-content tbody tr td{padding:16px 20px;font-size:16px;line-height:1.6;color:#333}
.agreement-content tbody tr td:first-child{font-weight:500;color:#1a1a1a}
.agreement-content hr{border:none;height:2px;background:linear-gradient(90deg,#3f9a0b1a 0%,#611ba126 50%,#fedada33 100%);margin:56px 0;border-radius:20px}
.agreement-content div{margin:0 0 28px}
.agreement-content div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.agreement-content{padding:48px 20px}
.agreement-content p,.agreement-content ul li,.agreement-content ol li{font-size:16px;line-height:1.75}
.agreement-content table{border-radius:16px;font-size:14px}
.agreement-content thead tr th{padding:14px 16px;font-size:13px}
.agreement-content tbody tr td{padding:12px 16px;font-size:15px}
.agreement-content ul,.agreement-content ol{padding-left:24px}
.agreement-content hr{margin:40px 0}
}
@media (max-width: 480px) {
.agreement-content{padding:32px 16px}
.agreement-content p,.agreement-content ul li,.agreement-content ol li{font-size:15px}
.agreement-content table{border-radius:12px}
.agreement-content thead tr th{padding:12px;font-size:12px}
.agreement-content tbody tr td{padding:10px 12px;font-size:14px}
}
.page-layout{max-width:960px;margin:0 auto;padding:28px 20px 80px}
.breadcrumb-wrap{margin-bottom:32px;padding:14px 0}
.breadcrumb-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:#666}
.breadcrumb-links a{color:#3F9A0B;text-decoration:none;transition:color .25s ease}
.breadcrumb-links a:hover{color:#611BA1}
.breadcrumb-separator{color:#999;margin:0 4px}
.breadcrumb-current{color:#333}
.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:3px solid #FEDADA}
.article-title{font-size:42px;font-weight:700;line-height:1.2;color:#1a1a1a;margin-bottom:24px;position:relative;padding-left:24px}
.article-title::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#3F9A0B 0%,#611BA1 100%);border-radius:6px}
.featured-visual{width:100%;height:480px;background:linear-gradient(135deg,#3f9a0b1f 0%,#611ba11f 100%);border-radius:24px;overflow:hidden;margin-bottom:56px;box-shadow:0 8px 24px #611ba126;position:relative}
.featured-visual img{width:100%;height:100%;object-fit:cover;display:block}
.content-area{max-width:760px;margin:0 auto}
.content-area p{font-size:17px;line-height:1.75;color:#2d2d2d;margin-bottom:26px}
.content-area p:first-of-type::first-line{font-size:19px;font-weight:600;color:#611BA1}
.content-area strong{font-weight:700;color:#3F9A0B}
.content-area em{font-style:italic;color:#611BA1}
.content-area ul,.content-area ol{margin:28px 0 28px 24px;padding-left:0}
.content-area ul li,.content-area ol li{font-size:17px;line-height:1.75;color:#2d2d2d;margin-bottom:14px;padding-left:12px;position:relative}
.content-area ul li::marker{color:#3F9A0B;font-size:20px}
.content-area ol li::marker{color:#611BA1;font-weight:700}
.content-area h2,.content-area h3,.content-area h4{margin-top:48px;margin-bottom:22px;line-height:1.3}
.content-area h2{font-size:32px;font-weight:700;color:#1a1a1a;position:relative;padding-bottom:16px}
.content-area h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#3F9A0B 0%,#611BA1 100%);border-radius:4px}
.content-area h3{font-size:26px;font-weight:600;color:#333;padding-left:18px;border-left:4px solid #3F9A0B}
.content-area h4{font-size:21px;font-weight:600;color:#611BA1}
.accent-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#3F9A0B 20%,#611BA1 50%,#FEDADA 80%,transparent 100%);margin:56px 0;border:none}
.highlight-block{background:linear-gradient(135deg,#fedada4d 0%,#611ba114 100%);padding:32px;border-radius:20px;border-left:5px solid #611BA1;margin:36px 0}
.highlight-block p{margin-bottom:0;font-size:18px;line-height:1.7}
@media (max-width: 768px) {
.page-layout{padding:20px 16px 60px}
.article-title{font-size:32px;padding-left:18px}
.article-title::before{width:4px}
.featured-visual{height:280px;margin-bottom:40px;border-radius:18px}
.content-area p{font-size:16px}
.content-area p:first-of-type::first-line{font-size:17px}
.content-area h2{font-size:26px;margin-top:36px}
.content-area h3{font-size:22px}
.content-area h4{font-size:19px}
.highlight-block{padding:24px;border-radius:16px}
.accent-divider{margin:40px 0}
}
@media (max-width: 480px) {
.article-title{font-size:26px}
.featured-visual{height:220px;border-radius:14px}
.breadcrumb-links{font-size:13px}
.highlight-block{padding:20px}
}
.blog-page-hero{background:linear-gradient(135deg,#3F9A0B 0%,#611BA1 100%);padding:80px 20px 60px;text-align:center}
.blog-page-hero .hero-content-wrapper{max-width:960px;margin:0 auto}
.blog-page-hero .hero-title{font-size:56px;color:#FFF;margin:0 0 20px;font-weight:700;line-height:1.2}
.blog-page-hero .hero-subtitle{font-size:20px;color:#ffffffe6;margin:0;line-height:1.6}
.blog-main-content{max-width:960px;margin:0 auto;padding:80px 20px}
.category-section{margin-bottom:100px}
.category-section:last-child{margin-bottom:0}
.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:3px solid #3F9A0B}
.section-header-row .category-name{font-size:36px;font-weight:700;margin:0;color:#1a1a1a}
.section-header-row .post-count-badge{background:linear-gradient(135deg,#611BA1,#3F9A0B);color:#FFF;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:600}
.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:40px}
.featured-post-card{background:linear-gradient(135deg,#3f9a0b14,#611ba114);border-radius:24px;overflow:hidden;transition:transform 0.3s,box-shadow .3s;display:flex;flex-direction:column}
.featured-post-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #611ba133}
.featured-img-container{width:100%;height:320px;background:linear-gradient(135deg,#611BA1,#3F9A0B);position:relative;overflow:hidden}
.featured-img-container img{width:100%;height:100%;object-fit:cover}
.featured-post-body{padding:32px;flex:1;display:flex;flex-direction:column}
.featured-post-body .post-title-link{color:#1a1a1a;text-decoration:none;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px;display:block;transition:color .3s}
.featured-post-body .post-title-link:hover{color:#3F9A0B}
.featured-post-body .post-excerpt{color:#4a4a4a;font-size:16px;line-height:1.7;margin:0 0 24px}
.featured-post-body .read-link{color:#611BA1;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:auto;transition:gap .3s}
.featured-post-body .read-link:hover{gap:12px}
.secondary-featured-list{display:flex;flex-direction:column;gap:30px}
.compact-post-card{background:#FFF;border:2px solid #3f9a0b33;border-radius:20px;padding:24px;transition:all .3s}
.compact-post-card:hover{border-color:#3F9A0B;box-shadow:0 8px 24px #3f9a0b26}
.compact-img-wrapper{width:100%;height:160px;background:linear-gradient(135deg,#3F9A0B,#611BA1);border-radius:16px;margin-bottom:16px;overflow:hidden}
.compact-img-wrapper img{width:100%;height:100%;object-fit:cover}
.compact-post-card .compact-title-link{color:#1a1a1a;text-decoration:none;font-size:20px;font-weight:700;line-height:1.4;display:block;margin-bottom:12px;transition:color .3s}
.compact-post-card .compact-title-link:hover{color:#611BA1}
.compact-post-card .compact-excerpt{color:#4a4a4a;font-size:14px;line-height:1.6;margin:0}
.text-only-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.text-post-item{background:linear-gradient(135deg,#FEDADA 0%,#fedada4d 100%);border-radius:20px;padding:28px;border-left:5px solid #611BA1;transition:transform 0.3s,box-shadow .3s}
.text-post-item:hover{transform:translateX(8px);box-shadow:-8px 8px 24px #611ba126}
.text-post-item .text-post-link{color:#1a1a1a;text-decoration:none;font-size:22px;font-weight:700;line-height:1.4;display:block;transition:color .3s}
.text-post-item .text-post-link:hover{color:#611BA1}
.masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.masonry-card{background:#FFF;border-radius:24px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s}
.masonry-card:hover{box-shadow:0 12px 32px #3f9a0b33;transform:scale(1.03)}
.masonry-img-box{width:100%;height:200px;background:linear-gradient(135deg,#611ba1b3,#3f9a0bb3);overflow:hidden}
.masonry-img-box img{width:100%;height:100%;object-fit:cover}
.masonry-card .masonry-content{padding:24px}
.masonry-card .masonry-title-link{color:#1a1a1a;text-decoration:none;font-size:20px;font-weight:700;line-height:1.4;display:block;transition:color .3s}
.masonry-card .masonry-title-link:hover{color:#3F9A0B}
.newsletter-section{background:linear-gradient(135deg,#611BA1 0%,#3F9A0B 100%);border-radius:32px;padding:60px 40px;text-align:center;margin:100px 0 80px;max-width:960px;margin-left:auto;margin-right:auto}
.newsletter-section .newsletter-heading{font-size:40px;color:#FFF;margin:0 0 16px;font-weight:700}
.newsletter-section .newsletter-text{font-size:18px;color:#ffffffe6;margin:0 0 32px;line-height:1.6}
.newsletter-form-wrapper{display:flex;gap:16px;max-width:600px;margin:0 auto;flex-direction:row}
.newsletter-form-wrapper .email-input-field{flex:1;padding:16px 24px;border:none;border-radius:28px;font-size:16px;outline:none}
.newsletter-form-wrapper .subscribe-btn{background:#FFF;color:#611BA1;border:none;padding:16px 40px;border-radius:28px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}
.newsletter-form-wrapper .subscribe-btn:hover{background:#FEDADA;transform:scale(1.05)}
.stats-showcase{background:linear-gradient(135deg,#fedada80,#611ba11a);border-radius:28px;padding:60px 40px;margin:80px auto;max-width:960px}
.stats-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.stat-item-box{text-align:center}
.stat-item-box .stat-number{font-size:52px;font-weight:700;color:#3F9A0B;margin:0 0 8px;line-height:1}
.stat-item-box .stat-label{font-size:18px;color:#4a4a4a;margin:0;font-weight:600}
@media (max-width: 968px) {
.featured-grid{grid-template-columns:1fr}
.text-only-grid{grid-template-columns:1fr}
.masonry-grid{grid-template-columns:repeat(2,1fr)}
.stats-grid-container{grid-template-columns:1fr;gap:32px}
.blog-page-hero .hero-title{font-size:42px}
.newsletter-form-wrapper{flex-direction:column}
}
@media (max-width: 640px) {
.masonry-grid{grid-template-columns:1fr}
.section-header-row{flex-direction:column;align-items:flex-start;gap:12px}
.blog-page-hero .hero-title{font-size:32px}
.blog-page-hero{padding:60px 20px 40px}
.blog-main-content{padding:60px 20px}
.newsletter-section{padding:40px 24px;margin:60px 0}
.newsletter-section .newsletter-heading{font-size:32px}
}
.blog-main-content::-webkit-scrollbar{width:6px}
.blog-main-content::-webkit-scrollbar-track{background:#3f9a0b1a}
.blog-main-content::-webkit-scrollbar-thumb{background:#3F9A0B;border-radius:20px}
.blog-main-content::-webkit-scrollbar-thumb:hover{background:#611BA1}
.intro-wrap{max-width:960px;margin:0 auto;padding:80px 20px 60px}
.intro-wrap .site-label{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#611BA1;font-weight:600;margin-bottom:16px}
.intro-wrap .main-statement{font-size:42px;line-height:1.25;color:#1a1a1a;font-weight:700;margin-bottom:24px;max-width:720px}
.intro-wrap .editorial-note{font-size:17px;line-height:1.7;color:#444;max-width:680px}
.editorial-grid{max-width:960px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.editorial-grid .featured-entry{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 18px #3f9a0b14;transition:transform 0.3s,box-shadow .3s;display:flex;flex-direction:column}
.editorial-grid .featured-entry:hover{transform:translateY(-6px);box-shadow:0 12px 28px #3f9a0b24}
.editorial-grid .entry-visual{width:100%;height:200px;object-fit:cover}
.editorial-grid .entry-content{padding:24px;flex:1;display:flex;flex-direction:column}
.editorial-grid .entry-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.3}
.editorial-grid .entry-desc{font-size:15px;line-height:1.6;color:#555;margin-bottom:18px;flex:1}
.editorial-grid .entry-link{font-size:14px;font-weight:600;color:#3F9A0B;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s}
.editorial-grid .entry-link:hover{color:#2d7108}
.editorial-grid .entry-link .codicon{margin-left:6px;font-size:16px}
.text-list-wrap{max-width:960px;margin:0 auto;padding:0 20px 80px}
.text-list-wrap .section-header{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:36px;position:relative;padding-left:20px}
.text-list-wrap .section-header::before{content:'';position:absolute;left:0;top:4px;width:6px;height:28px;background:linear-gradient(180deg,#3F9A0B 0%,#611BA1 100%);border-radius:8px}
.text-list-wrap .compact-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.text-list-wrap .compact-list .list-item{display:flex;align-items:flex-start;gap:14px;padding:18px;background:linear-gradient(135deg,#FEDADA 0%,#fedada4d 100%);border-radius:18px;transition:background .3s}
.text-list-wrap .compact-list .list-item:hover{background:linear-gradient(135deg,#FEDADA 0%,#fedada80 100%)}
.text-list-wrap .compact-list .list-item .item-icon{font-size:22px;color:#611BA1;flex-shrink:0;margin-top:2px}
.text-list-wrap .compact-list .list-item .item-link{font-size:17px;font-weight:600;color:#1a1a1a;text-decoration:none;transition:color .2s;line-height:1.5}
.text-list-wrap .compact-list .list-item:hover .item-link{color:#3F9A0B}
.dual-section-layout{max-width:960px;margin:0 auto;padding:0 20px 80px;display:grid;grid-template-columns:1fr 1fr;gap:48px}
.dual-section-layout .side-block{display:flex;flex-direction:column}
.dual-section-layout .block-title{font-size:26px;font-weight:700;color:#1a1a1a;margin-bottom:28px}
.dual-section-layout .reading-habit-content{font-size:16px;line-height:1.75;color:#444}
.dual-section-layout .reading-habit-content .habit-point{margin-bottom:20px;padding-left:28px;position:relative}
.dual-section-layout .reading-habit-content .habit-point::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;background:#3F9A0B;border-radius:50%}
.dual-section-layout .scale-metrics{display:grid;gap:20px}
.dual-section-layout .metric-card{background:linear-gradient(135deg,#3f9a0b14 0%,#611ba114 100%);padding:24px;border-radius:20px;border:2px solid #3f9a0b26}
.dual-section-layout .metric-value{font-size:38px;font-weight:800;color:#611BA1;margin-bottom:8px;line-height:1}
.dual-section-layout .metric-label{font-size:15px;color:#555;font-weight:500}
.navigation-overview{max-width:960px;margin:0 auto;padding:0 20px 80px}
.navigation-overview .overview-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:40px;text-align:center}
.navigation-overview .nav-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.navigation-overview .nav-card{background:#fff;padding:32px;border-radius:24px;box-shadow:0 4px 16px #611ba11a;transition:box-shadow 0.3s,transform .3s}
.navigation-overview .nav-card:hover{box-shadow:0 8px 24px #611ba12e;transform:translateY(-4px)}
.navigation-overview .nav-card .card-icon{font-size:32px;color:#3F9A0B;margin-bottom:18px}
.navigation-overview .nav-card .card-heading{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.navigation-overview .nav-card .card-description{font-size:15px;line-height:1.65;color:#555;margin-bottom:20px}
.navigation-overview .nav-card .card-action{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#611BA1;text-decoration:none;transition:color .2s}
.navigation-overview .nav-card .card-action:hover{color:#3F9A0B}
.navigation-overview .nav-card .card-action .codicon{font-size:16px}
.most-read-section{max-width:960px;margin:0 auto;padding:0 20px 80px}
.most-read-section .section-label{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:32px}
.most-read-section .read-list{display:grid;gap:24px}
.most-read-section .read-entry{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(90deg,#fedada80 0%,#fedada1a 100%);border-radius:20px;border-left:5px solid #611BA1;transition:background .3s}
.most-read-section .read-entry:hover{background:linear-gradient(90deg,#fedadab3 0%,#fedada33 100%)}
.most-read-section .read-entry .entry-image{width:120px;height:90px;object-fit:cover;border-radius:16px;flex-shrink:0}
.most-read-section .read-entry .entry-info{flex:1}
.most-read-section .read-entry .entry-headline{font-size:19px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.4}
.most-read-section .read-entry .entry-headline a{color:inherit;text-decoration:none;transition:color .2s}
.most-read-section .read-entry .entry-headline a:hover{color:#3F9A0B}
.mission-statement-block{max-width:960px;margin:0 auto;padding:0 20px 100px}
.mission-statement-block .statement-container{background:linear-gradient(135deg,#3F9A0B 0%,#611BA1 100%);padding:56px 48px;border-radius:28px;color:#fff;box-shadow:0 12px 32px #3f9a0b40}
.mission-statement-block .statement-heading{font-size:32px;font-weight:800;margin-bottom:24px;line-height:1.3}
.mission-statement-block .statement-text{font-size:17px;line-height:1.8;opacity:.95}
@media (max-width: 768px) {
.intro-wrap{padding:60px 16px 40px}
.intro-wrap .main-statement{font-size:32px}
.editorial-grid{grid-template-columns:1fr;padding:0 16px 40px;gap:24px}
.text-list-wrap{padding:0 16px 60px}
.dual-section-layout{grid-template-columns:1fr;padding:0 16px 60px;gap:48px}
.navigation-overview{padding:0 16px 60px}
.navigation-overview .nav-cards{grid-template-columns:1fr;gap:20px}
.most-read-section{padding:0 16px 60px}
.most-read-section .read-entry{flex-direction:column;align-items:flex-start}
.most-read-section .read-entry .entry-image{width:100%;height:180px}
.mission-statement-block{padding:0 16px 80px}
.mission-statement-block .statement-container{padding:40px 28px}
.mission-statement-block .statement-heading{font-size:26px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.editorial-grid{grid-template-columns:repeat(2,1fr)}
.dual-section-layout{grid-template-columns:1fr;gap:40px}
.navigation-overview .nav-cards{grid-template-columns:1fr}
}
.author-intro-zone{background:linear-gradient(135deg,#3f9a0b14 0%,#611ba114 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.author-intro-zone::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#fedada66 0%,transparent 70%);top:-100px;right:-150px;border-radius:50%;animation:parallax-float 20s ease-in-out infinite}
@keyframes parallax-float {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-30px,40px)}
}
.author-intro-content{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.intro-text-segment h1{font-size:48px;line-height:1.2;margin:0 0 20px;color:#1a1a1a}
.intro-text-segment h1 .accent-number{color:#3F9A0B;font-weight:700;display:inline-block;margin-right:8px}
.intro-text-segment .explanation-para{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 15px}
.intro-image-holder{position:relative;margin-left:-80px}
.intro-image-holder img{width:100%;height:440px;object-fit:cover;border-radius:24px;box-shadow:0 12px 30px #611ba126;position:relative}
.intro-image-holder::after{content:'';position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 60% 40%,transparent 30%,#0000004d 100%);pointer-events:none}
.story-showcase-block{padding:70px 20px;background:#fff}
.story-showcase-block .section-wrap{max-width:960px;margin:0 auto}
.story-grid-display{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}
.story-item-card{background:linear-gradient(to bottom,#fafafa,#fff);border:2px solid #f0f0f0;border-radius:20px;padding:30px 25px;transition:all .3s ease;position:relative}
.story-item-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px #3f9a0b1f;border-color:#3F9A0B}
.story-item-card .item-icon{font-size:32px;color:#611BA1;margin-bottom:18px;display:block}
.story-item-card h3{font-size:20px;margin:0 0 12px;color:#2a2a2a}
.story-item-card p{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.story-showcase-block h2{font-size:38px;margin:0 0 15px;color:#1a1a1a;position:relative;display:inline-block}
.story-showcase-block h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(to right,#3F9A0B,#611BA1);border-radius:4px}
.timeline-exploration-area{background:linear-gradient(170deg,#fafafa 0%,#f5f5f5 100%);padding:80px 20px;position:relative}
.timeline-exploration-area::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#611ba10f 0%,transparent 70%);bottom:-80px;left:-100px;border-radius:50%}
.timeline-container{max-width:960px;margin:0 auto}
.timeline-container h2{font-size:36px;margin:0 0 50px;text-align:center;color:#2a2a2a}
.journey-track{position:relative;padding-left:70px}
.journey-track::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#3F9A0B,#611BA1,#FEDADA)}
.milestone-entry{position:relative;margin-bottom:50px;background:#fff;border-radius:18px;padding:28px 32px;box-shadow:0 6px 18px #0000000f}
.milestone-entry::before{content:'';position:absolute;left:-55px;top:35px;width:18px;height:18px;background:#3F9A0B;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #3f9a0b33}
.milestone-entry:nth-child(2)::before{background:#611BA1;box-shadow:0 0 0 3px #611ba133}
.milestone-entry:nth-child(3)::before{background:#3F9A0B;box-shadow:0 0 0 3px #3f9a0b33}
.milestone-entry h4{font-size:22px;margin:0 0 10px;color:#1a1a1a}
.milestone-entry .stage-label{display:inline-block;font-size:13px;color:#611BA1;background:#611ba11a;padding:4px 12px;border-radius:12px;margin-bottom:12px;font-weight:600}
.milestone-entry p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
.expertise-visual-section{padding:75px 20px;background:#fff}
.expertise-visual-section .inner-bound{max-width:960px;margin:0 auto}
.expertise-visual-section h2{font-size:40px;margin:0 0 45px;color:#1a1a1a;text-align:center}
.skill-matrix-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.skill-visual-box{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:24px;padding:35px;position:relative;overflow:hidden}
.skill-visual-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to right,#3F9A0B,#611BA1)}
.skill-visual-box h3{font-size:24px;margin:0 0 20px;color:#2a2a2a;display:flex;align-items:center;gap:12px}
.skill-visual-box h3 .skill-icon{font-size:28px;color:#611BA1}
.skill-bars-holder{margin-top:25px}
.individual-skill-bar{margin-bottom:22px}
.individual-skill-bar .skill-name{font-size:15px;color:#3a3a3a;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.individual-skill-bar .skill-percent{font-size:14px;font-weight:600;color:#611BA1}
.skill-progress-track{height:10px;background:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}
.skill-progress-fill{height:100%;background:linear-gradient(to right,#3F9A0B,#611BA1);border-radius:10px;transition:width 1s ease}
.skill-visual-box .description-text{font-size:15px;line-height:1.6;color:#5a5a5a;margin:15px 0 0}
.image-split-divider{height:3px;background:linear-gradient(to right,transparent,#FEDADA,transparent);margin:60px auto;max-width:600px;border-radius:3px}
@media (max-width: 900px) {
.author-intro-content{grid-template-columns:1fr;gap:40px}
.intro-image-holder{margin-left:0}
.intro-text-segment h1{font-size:38px}
.story-grid-display{grid-template-columns:1fr;gap:25px}
.journey-track{padding-left:50px}
.milestone-entry::before{left:-40px}
.skill-matrix-layout{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 600px) {
.author-intro-zone{padding:50px 15px 40px}
.intro-text-segment h1{font-size:32px}
.intro-image-holder img{height:320px}
.story-showcase-block h2,.timeline-container h2,.expertise-visual-section h2{font-size:28px}
.story-item-card{padding:25px 20px}
.milestone-entry{padding:22px 24px}
.skill-visual-box{padding:28px 22px}
}
.author-intro-zone .scroll-guide{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:30px;height:50px;border:2px solid #3f9a0b66;border-radius:20px;display:flex;justify-content:center;padding-top:8px}
.author-intro-zone .scroll-guide::before{content:'';width:4px;height:10px;background:#3F9A0B;border-radius:4px;animation:scroll-hint 2s infinite}
@keyframes scroll-hint {
0%,100%{opacity:0;transform:translateY(0)}
50%{opacity:1;transform:translateY(10px)}
}
.page-title-zone{background:linear-gradient(135deg,#3f9a0b1f 0%,#611ba114 50%,#fedada26 100%);padding:80px 24px 72px;position:relative;overflow:hidden}
.page-title-zone::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#611ba126 0%,transparent 70%);animation:pulse-glow 8s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.2) translateY(-20px);opacity:.3}
}
.page-title-zone::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#3f9a0b1f 0%,transparent 65%);animation:drift-gradient 10s ease-in-out infinite reverse}
@keyframes drift-gradient {
0%,100%{transform:translateX(0) scale(1)}
50%{transform:translateX(30px) scale(1.1)}
}
.page-title-wrapper{max-width:960px;margin:0 auto;position:relative;z-index:2}
.page-title-wrapper h1{font-size:52px;font-weight:700;color:#1a1a1a;margin:0 0 18px;line-height:1.15}
.title-meta-line{font-size:19px;color:#555;line-height:1.6;max-width:680px}
.testimonials-collection{padding:88px 24px;background:linear-gradient(to bottom,#fafafa 0%,#fff 100%)}
.testimonials-container{max-width:960px;margin:0 auto}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.testimonial-card{background:#fff;border:1.5px solid #e8e8e8;border-radius:24px;padding:36px 32px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;position:relative}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3F9A0B 0%,#611BA1 100%);border-radius:24px 24px 0 0;opacity:0;transition:opacity .3s ease}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #611ba126;border-color:#611BA1}
.testimonial-card:hover::before{opacity:1}
.card-rating{display:flex;gap:4px;margin-bottom:16px}
.star-icon{color:#3F9A0B;font-size:18px}
.star-icon.empty{color:#d4d4d4}
.card-quote{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0 0 24px;font-style:italic}
.card-author-zone{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid #f0f0f0}
.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3f9a0b33 0%,#611ba133 100%);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#611BA1;flex-shrink:0}
.author-details h3{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 2px}
.author-details p{font-size:14px;color:#777;margin:0}
.collection-footer{margin-top:64px;text-align:center;padding:48px 32px;background:linear-gradient(135deg,#fedada4d 0%,#611ba114 100%);border-radius:28px;position:relative;overflow:hidden}
.collection-footer::before{content:'';position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,#3f9a0b1f 0%,transparent 70%);transform:translate(-50%,-50%);animation:rotate-slow 15s linear infinite}
@keyframes rotate-slow {
from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(360deg)}
}
.footer-content{position:relative;z-index:2}
.footer-content h2{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.footer-content p{font-size:17px;color:#555;margin:0 0 32px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}
.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#3F9A0B 0%,#2d7108 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:20px;box-shadow:0 6px 20px #3f9a0b4d;transition:all .3s ease;position:relative;z-index:10}
.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #3f9a0b66;background:linear-gradient(135deg,#48ab0d 0%,#3F9A0B 100%)}
.cta-button:active{transform:translateY(0)}
@media (max-width: 768px) {
.page-title-zone{padding:56px 20px 48px}
.page-title-wrapper h1{font-size:36px}
.title-meta-line{font-size:17px}
.testimonials-collection{padding:56px 20px}
.testimonial-grid{grid-template-columns:1fr;gap:24px}
.collection-footer{margin-top:48px;padding:36px 24px}
.footer-content h2{font-size:26px}
.footer-content p{font-size:16px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.testimonial-grid{grid-template-columns:repeat(2,1fr)}
}
.success-container{max-width:960px;margin:0 auto;padding:80px 20px}
.success-reveal{background:linear-gradient(135deg,#3f9a0b14 0%,#611ba10f 100%);border-radius:28px;padding:60px 40px;position:relative;overflow:hidden}
.success-reveal::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#fedada4d 0%,transparent 70%);pointer-events:none}
.success-reveal::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#fff9,transparent);pointer-events:none}
.icon-grid{display:flex;flex-direction:row;gap:12px;margin-bottom:32px;flex-wrap:wrap}
.icon-grid .success-dot{width:8px;height:8px;background:#3F9A0B;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}
.icon-grid .success-dot:nth-child(2){background:#611BA1;animation-delay:.2s}
.icon-grid .success-dot:nth-child(3){background:#3f9a0bb3;animation-delay:.4s}
.icon-grid .success-dot:nth-child(4){background:#611ba1b3;animation-delay:.6s}
.icon-grid .success-dot:nth-child(5){background:#3F9A0B;animation-delay:.8s}
@keyframes pulse-dot {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.3);opacity:.6}
}
.main-message{position:relative;z-index:2}
.main-message h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.main-message h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#3F9A0B 0%,#611BA1 100%);margin-top:20px;border-radius:20px}
.explanation-zone{margin-top:36px;padding-top:36px;border-top:2px dashed #3f9a0b33;position:relative;z-index:2}
.explanation-zone p{font-size:18px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.explanation-zone p:last-child{margin-bottom:0}
.visual-stamp{display:inline-flex;align-items:center;gap:10px;background:#3f9a0b1a;padding:12px 24px;border-radius:20px;margin-top:32px;border:2px solid #3f9a0b33}
.visual-stamp i{font-size:24px;color:#3F9A0B}
.visual-stamp span{font-size:16px;font-weight:600;color:#3F9A0B}
.action-return{margin-top:48px;display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;position:relative;z-index:2}
.action-return .btn-primary{background:linear-gradient(135deg,#3F9A0B 0%,#2d7008 100%);color:#fff;padding:16px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:none;box-shadow:0 6px 20px #3f9a0b40}
.action-return .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3f9a0b59;background:linear-gradient(135deg,#48b00d 0%,#3F9A0B 100%)}
.action-return .btn-secondary{background:transparent;color:#611BA1;padding:16px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:2px solid #611BA1}
.action-return .btn-secondary:hover{background:#611ba11a;transform:translateY(-2px)}
.action-return i{font-size:18px}
.decorative-pattern{position:absolute;top:20px;right:20px;display:grid;grid-template-columns:repeat(3,6px);gap:8px;opacity:.15;z-index:1}
.decorative-pattern span{width:6px;height:6px;background:#611BA1;border-radius:50%}
.decorative-pattern span:nth-child(2),.decorative-pattern span:nth-child(4),.decorative-pattern span:nth-child(6),.decorative-pattern span:nth-child(8){background:#3F9A0B}
@media (max-width: 768px) {
.success-container{padding:40px 16px}
.success-reveal{padding:40px 24px;border-radius:20px}
.main-message h1{font-size:32px}
.explanation-zone p{font-size:16px}
.action-return{flex-direction:column}
.action-return .btn-primary,.action-return .btn-secondary{width:100%;justify-content:center}
.decorative-pattern{display:none}
}
@media (max-width: 480px) {
.main-message h1{font-size:28px}
.icon-grid{gap:8px}
.icon-grid .success-dot{width:6px;height:6px}
}