@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:12px 28px;border-radius:var(--radius-md);border:2px solid #fff0;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;line-height:1.3}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--cicc-blue);color:var(--cicc-white);border-color:var(--cicc-blue)}.btn--primary:hover{background:var(--cicc-blue-600);border-color:var(--cicc-blue-600);color:var(--cicc-white)}.btn--accent{background:var(--cicc-orange);color:var(--cicc-white);border-color:var(--cicc-orange)}.btn--accent:hover{background:#ea580c;border-color:#ea580c;color:var(--cicc-white)}.btn--outline{background:#fff0;color:var(--cicc-blue);border-color:var(--cicc-blue)}.btn--outline:hover{background:var(--cicc-blue);color:var(--cicc-white)}.btn--outline-white{background:#fff0;color:var(--cicc-white);border-color:rgb(255 255 255 / .5)}.btn--outline-white:hover{background:var(--cicc-white);color:var(--cicc-blue);border-color:var(--cicc-white)}.btn--ghost{background:#fff0;color:var(--cicc-blue);border-color:#fff0}.btn--ghost:hover{background:var(--cicc-blue-100);transform:none;box-shadow:none}.btn--white{background:var(--cicc-white);color:var(--cicc-blue);border-color:var(--cicc-white)}.btn--white:hover{background:#fff0;color:var(--cicc-white)}.btn--sm{padding:8px 18px;font-size:var(--text-xs)}.btn--lg{padding:16px 36px;font-size:var(--text-base)}.btn--full{width:100%}.card{background:var(--cicc-white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-spring);display:flex;flex-direction:column;text-decoration:none;color:inherit}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.card__thumb{position:relative;overflow:hidden;height:200px;flex-shrink:0}.card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--transition-spring)}.card:hover .card__thumb img{transform:scale(1.07)}.card__thumb .card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgb(15 23 42 / .5) 0%,transparent 50%);z-index:1}.card__badges{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-2);z-index:2;flex-wrap:wrap}.card__badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;backdrop-filter:blur(4px);background:rgb(0 87 163 / .9);color:var(--cicc-white)}.card__badge--sale{position:absolute;top:var(--space-4);right:var(--space-4);left:auto;z-index:2;background:rgb(239 68 68 / .92);animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.card__badge--price{position:absolute;bottom:var(--space-4);right:var(--space-4);left:auto;z-index:2;background:rgb(249 115 22 / .95);font-weight:700}.card__body{padding:var(--space-5) var(--space-6) var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.card__body h3{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__body p{font-size:var(--text-sm);color:var(--gray-500);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__footer{margin-top:auto;padding-top:var(--space-3);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gray-100)}.pillar-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--cicc-white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-decoration:none;transition:all var(--transition-spring)}.pillar-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#fff0}.pillar-card__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-5);font-size:0;transition:transform var(--transition-base)}.pillar-card:hover .pillar-card__icon{transform:scale(1.1)}.pillar-card__icon svg{width:36px;height:36px}.pillar-card h3{font-size:var(--text-base);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.pillar-card p{font-size:var(--text-sm);color:var(--gray-500);line-height:1.6;flex:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--total-header-height)}.hero--sm{min-height:auto;padding:calc(var(--total-header-height) + var(--space-20)) 0 var(--space-16)}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero--blue .hero__bg{background:linear-gradient(135deg,#0f172a 0%,#0057a3 40%,#3b82f6 100%)}.hero--purple .hero__bg{background:linear-gradient(135deg,#0f172a 0%,#3b0764 40%,#7c3aed 100%)}.hero--green .hero__bg{background:linear-gradient(135deg,#0f172a 0%,#064e3b 40%,#16a34a 100%)}.hero--orange .hero__bg{background:linear-gradient(135deg,#0f172a 0%,#7c2d12 40%,#f97316 100%)}.hero__content{position:relative;z-index:1;text-align:center;color:var(--cicc-white);padding:var(--space-8) 0;max-width:800px}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 22px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .25);backdrop-filter:blur(8px);margin-bottom:var(--space-6)}.hero__stats{display:flex;justify-content:center;gap:var(--space-10);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid rgb(255 255 255 / .12)}.hero__stat{text-align:center}.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:1}.hero__scroll-arrow{display:block;width:20px;height:20px;border-right:2px solid rgb(255 255 255 / .5);border-bottom:2px solid rgb(255 255 255 / .5);transform:rotate(45deg);animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,100%{transform:rotate(45deg) translateY(0);opacity:.4}50%{transform:rotate(45deg) translateY(8px);opacity:1}}@media (max-width:768px){.hero__stats{flex-wrap:wrap;gap:var(--space-6)}.hero--sm{padding:calc(var(--total-header-height) + var(--space-12)) 0 var(--space-10)}}.cta-section{text-align:center;padding:var(--space-20) 0;background:linear-gradient(135deg,#0f172a 0%,#0057a3 50%,#3b82f6 100%);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;opacity:.05;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-section .container{position:relative;z-index:1}.cta-section__title{font-size:var(--text-h2);font-weight:800;color:var(--cicc-white);margin-bottom:var(--space-4)}.cta-section__desc{font-size:var(--text-lg);color:rgb(255 255 255 / .8);margin-bottom:var(--space-8)}.cta-section__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-cta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.hero-cta-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);text-align:center;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);display:flex;flex-direction:column;align-items:center;transition:all var(--transition-spring);cursor:pointer;text-decoration:none;color:inherit}.hero-cta-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px rgb(0 0 0 / .35)}.hero-cta-card .cta-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:var(--space-4);transition:transform var(--transition-base)}.hero-cta-card:hover .cta-icon{transform:scale(1.15)}.hero-cta-card h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-2);color:var(--gray-900)}.hero-cta-card p{font-size:.875rem;color:var(--gray-500);line-height:1.6;margin-bottom:var(--space-5);flex:1}@media (max-width:768px){.hero-cta-cards{grid-template-columns:1fr}}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;padding:var(--space-5) var(--space-6);background:var(--cicc-white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:var(--space-10)}.filter-bar__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;border:1.5px solid var(--gray-200);background:var(--cicc-white);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;line-height:1.3;text-decoration:none}.filter-bar__btn:hover{border-color:var(--cicc-blue);color:var(--cicc-blue);background:var(--cicc-blue-100)}.filter-bar__btn--active{background:var(--cicc-blue);border-color:var(--cicc-blue);color:var(--cicc-white)}.filter-bar__btn--active:hover{background:var(--cicc-blue-600);color:var(--cicc-white)}.filter-bar__btn .count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);font-size:.625rem;font-weight:600;background:rgb(0 0 0 / .06)}.filter-bar__btn--active .count{background:rgb(255 255 255 / .2);color:rgb(255 255 255 / .9)}.pagination{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-12)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast);border:1.5px solid var(--gray-200);background:var(--cicc-white);color:var(--gray-600)}.pagination a:hover{border-color:var(--cicc-blue);color:var(--cicc-blue)}.pagination .current{background:var(--cicc-blue);border-color:var(--cicc-blue);color:var(--cicc-white)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:rgb(255 255 255 / .6);margin-bottom:var(--space-4);justify-content:center}.breadcrumb a{color:rgb(255 255 255 / .6);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--cicc-white)}.breadcrumb__sep{color:rgb(255 255 255 / .35)}.section-divider{position:relative;width:100%;height:80px;margin-top:-1px;overflow:hidden}.section-divider svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.section-divider--flip{transform:rotate(180deg)}.card--glass{background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card--glass:hover{background:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .2)}.btn--glow{position:relative;overflow:hidden}.btn--glow::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);z-index:-1;opacity:0;transition:opacity var(--transition-base);filter:blur(8px)}.btn--glow:hover::after{opacity:.6}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.7s var(--ease-smooth),transform 0.7s var(--ease-smooth)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:opacity 0.7s var(--ease-smooth),transform 0.7s var(--ease-smooth)}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(30px);transition:opacity 0.7s var(--ease-smooth),transform 0.7s var(--ease-smooth)}.fade-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(.95);transition:opacity 0.6s var(--ease-smooth),transform 0.6s var(--ease-smooth)}.scale-in.visible{opacity:1;transform:scale(1)}.stat-counter{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.stat-counter__number{font-size:var(--text-4xl);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--cicc-blue),var(--cicc-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.stat-counter__number--white{background:linear-gradient(135deg,#fff,rgb(255 255 255 / .7));-webkit-background-clip:text;background-clip:text}.stat-counter__label{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.stat-counter__label--light{color:rgb(255 255 255 / .6)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-6);counter-reset:process-step}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;counter-increment:process-step}.process-step__number{width:56px;height:56px;border-radius:50%;background:var(--cicc-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-4);position:relative;z-index:1}.process-step::after{content:'';position:absolute;top:28px;left:56px;right:-56px;height:2px;background:var(--gray-200);z-index:0}.process-step:last-child::after{display:none}.process-step h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.process-step p{font-size:var(--text-sm);color:var(--gray-500);line-height:1.6}@media (max-width:768px){.process-step::after{display:none}}.testimonial-card{background:rgb(255 255 255 / .06);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--transition-base)}.testimonial-card:hover{background:rgb(255 255 255 / .1);transform:translateY(-4px)}.testimonial-card__stars{font-size:1rem;margin-bottom:var(--space-4);letter-spacing:2px}.testimonial-card__quote{font-size:var(--text-sm);color:rgb(255 255 255 / .85);font-style:italic;line-height:1.7;margin-bottom:var(--space-5)}.testimonial-card__avatar{width:48px;height:48px;border-radius:50%;margin:0 auto var(--space-2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:var(--text-base)}.testimonial-card__name{font-weight:600;color:#fff;font-size:var(--text-sm)}.testimonial-card__role{display:block;color:rgb(255 255 255 / .5);font-size:var(--text-xs);margin-top:2px}.feature-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.feature-bento>:first-child{grid-column:span 2}@media (max-width:768px){.feature-bento{grid-template-columns:1fr}.feature-bento>:first-child{grid-column:span 1}}.app-feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.app-feature--reverse{direction:rtl}.app-feature--reverse>*{direction:ltr}@media (max-width:768px){.app-feature{grid-template-columns:1fr;gap:var(--space-8)}.app-feature--reverse{direction:ltr}}.author-box{display:flex;gap:var(--space-6);padding:var(--space-8);background:var(--gray-50);border-radius:var(--radius-xl);align-items:center}.author-box__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--cicc-blue),var(--cicc-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-2xl);font-weight:700}.author-box__avatar img{width:100%;height:100%;object-fit:cover}.author-box__body h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1)}.author-box__body p{font-size:var(--text-sm);color:var(--gray-500);line-height:1.6;margin:0}@media (max-width:640px){.author-box{flex-direction:column;text-align:center}}.related-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width:768px){.related-posts{grid-template-columns:1fr}}.post-toc{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.post-toc__title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:700;cursor:pointer;user-select:none}.post-toc__toggle{font-size:var(--text-xs);transition:transform 0.25s}.post-toc__toggle--open{transform:rotate(180deg)}.post-toc__list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.post-toc__list li a{display:block;padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--gray-600);text-decoration:none;transition:all var(--transition-fast);border-left:2px solid #fff0}.post-toc__list li a:hover{background:var(--cicc-blue-100);color:var(--cicc-blue);border-left-color:var(--cicc-blue)}.post-toc__list .toc-h3{padding-left:28px;font-size:var(--text-xs)}.progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--cicc-blue),var(--cicc-purple));z-index:var(--z-toast);transition:width 0.1s linear}.social-share{display:flex;gap:var(--space-2);align-items:center}.social-share__label{font-size:var(--text-sm);font-weight:600;color:var(--gray-500);margin-right:var(--space-2)}.social-share__btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--gray-200);background:var(--cicc-white);color:var(--gray-500);text-decoration:none;transition:all var(--transition-fast);font-size:.875rem}.social-share__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.social-share__btn--fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.social-share__btn--li:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.social-share__btn--za:hover{background:#0068ff;color:#fff;border-color:#0068ff}.social-share__btn--tw:hover{background:#000;color:#fff;border-color:#000}.entry-content{background:#f8fafc!important;padding:24px!important;border-radius:var(--radius-lg)}.entry-content p,.entry-content li,.entry-content span:not(.badge),.entry-content div:not([class*="cicc-"]):not([class*="card"]):not([class*="btn"]),.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:var(--gray-700)!important}.entry-content h1,.entry-content h2,.entry-content h3{color:var(--gray-900)!important}.entry-content *{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.entry-content a:not(.btn):not([class*="badge"]):not([class*="card"]){color:var(--cicc-blue)!important}[data-theme="dark"] .entry-content{background:#1e293b!important}}