@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1);background:transparent}.header--scrolled{background:#020617d9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px -10px #00000080}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;transition:padding .5s cubic-bezier(.4,0,.2,1)}.header--scrolled .nav{padding:12px 0}.nav__brand{flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.logo:hover{transform:scale(1.02)}.logo__image{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:contain;filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.logo__text{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--primary-light) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}.nav__menu{display:flex;align-items:center;gap:var(--spacing-2xl)}.nav__list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.nav__link{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text-secondary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav__link:hover,.nav__item--active>.nav__link{color:#fff;background:#ffffff0d}.nav__chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);stroke-width:3}.nav__item--active .nav__chevron{transform:rotate(180deg)}.nav__cta{display:flex;align-items:center;gap:var(--spacing-md)}.admin-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;transition:all .3s ease;background:#ffffff08}.admin-link:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.nav__item--dropdown{position:relative}.nav__dropdown{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(10px);min-width:300px;background:#0f172ae6;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 30px 60px -12px #0009,0 0 0 1px #ffffff0d;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:100;padding:12px}.nav__item--active .nav__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:all}.dropdown__label{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;padding:8px 16px 12px;margin:0}.dropdown__item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius-lg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.dropdown__item:hover{background:#6366f11a;transform:translate(6px)}.dropdown__item-icon{font-size:1.5rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);transition:all .3s ease}.dropdown__item:hover .dropdown__item-icon{background:#6366f126;border-color:#6366f14d;transform:scale(1.1)}.dropdown__item-content{display:flex;flex-direction:column;gap:2px}.dropdown__item-label{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:#fff}.dropdown__item-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.nav__toggle{display:none;flex-direction:column;gap:6px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;border-radius:var(--radius-md);transition:all .3s ease}.nav__toggle:hover{background:#ffffff14}.nav__toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:4px;transition:all .4s cubic-bezier(.2,.8,.2,1)}.nav__toggle--open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav__toggle--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__toggle--open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:1024px){.nav__menu{gap:var(--spacing-lg)}.nav__list{gap:4px}.nav__link{padding:10px 14px}}@media(max-width:900px){.nav__toggle{display:flex}.nav__menu{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);flex-direction:column;align-items:flex-start;padding:90px 28px 40px;background:#020617f7;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav__menu--open:before{content:"";position:fixed;inset:0 auto 0 0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;width:100vw}.nav__menu--open{transform:translate(0)}.nav__list{flex-direction:column;width:100%;gap:8px}.nav__item{width:100%}.nav__link{width:100%;font-size:1.05rem;padding:14px 18px;border-radius:var(--radius-md);min-height:52px}.nav__dropdown{position:static;transform:none!important;opacity:1;visibility:visible;background:#ffffff05;box-shadow:none;margin-top:4px;display:none;pointer-events:all;border-radius:var(--radius-md)}.nav__item--active .nav__dropdown{display:block}.nav__cta{width:100%;flex-direction:column;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);margin-top:16px;gap:12px}.nav__cta .btn{width:100%;justify-content:center;min-height:52px}}@media(max-width:480px){.logo__text{font-size:1.2rem}.logo__image{width:34px;height:34px}.nav{padding:16px 0}.header--scrolled .nav{padding:10px 0}}.theme-toggle-header-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:1.1rem;cursor:pointer;transition:all .25s ease;color:var(--text-primary)}.theme-toggle-header-btn:hover{background:#ffffff2e;transform:scale(1.08)}[data-theme=light] .header--scrolled,.theme-light .header--scrolled{background:#ffffffeb!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 30px #0000000f!important}[data-theme=light] .logo__text,.theme-light .logo__text{color:#0f172a!important}[data-theme=light] .nav__link,.theme-light .nav__link{color:#334155!important}[data-theme=light] .nav__link:hover,.theme-light .nav__link:hover{color:#0f172a!important;background:#0000000d!important}[data-theme=light] .dropdown__inner,.theme-light .dropdown__inner{background:#fff!important;border-color:#0000001a!important;box-shadow:0 20px 40px #0000001f!important}[data-theme=light] .dropdown__item-label,.theme-light .dropdown__item-label{color:#0f172a!important}[data-theme=light] .dropdown__item-desc,.theme-light .dropdown__item-desc{color:#64748b!important}[data-theme=light] .dropdown__item:hover,.theme-light .dropdown__item:hover{background:#6366f114!important}[data-theme=light] .theme-toggle-header-btn,.theme-light .theme-toggle-header-btn{background:#0000000d!important;border-color:#0000001a!important}[data-theme=light] .nav__toggle span,.theme-light .nav__toggle span{background:#0f172a!important}[data-theme=light] .nav__menu,.theme-light .nav__menu{background:#fffffffa}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:90px;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(99,102,241,.18),transparent 70%)}.hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(6,182,212,.15) 0%,transparent 55%),radial-gradient(circle at 85% 65%,rgba(99,102,241,.15) 0%,transparent 55%),radial-gradient(circle at 50% 85%,rgba(16,185,129,.1) 0%,transparent 50%)}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.hero__orb{position:absolute;border-radius:50%;filter:blur(100px);animation:float-slow 15s ease-in-out infinite}@keyframes float-slow{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(2deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}.hero__orb--1{width:500px;height:500px;background:#6366f126;top:-150px;left:-150px}.hero__orb--2{width:400px;height:400px;background:#06b6d41f;bottom:-100px;right:-100px}.hero__orb--3{width:300px;height:300px;background:#ec489914;top:30%;right:20%}.hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding:80px 0;opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.hero__content--visible{opacity:1;transform:translateY(0)}.hero__text{display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow-pill{display:inline-flex;align-items:center;gap:8px;background:#06b6d41a;border:1px solid rgba(6,182,212,.35);padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:700;color:#38bdf8;letter-spacing:.05em;margin-bottom:20px;box-shadow:0 0 15px #06b6d426}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.hero__title{font-size:clamp(2.6rem,4.8vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:18px;color:#fff}.hero__title-highlight{display:block;background:linear-gradient(135deg,#38bdf8,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px;max-width:580px}.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;padding:16px 20px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%}.hero__stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.hero__stat-icon{font-size:1.3rem}.hero__stat-number{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__stat-label{font-size:.72rem;color:var(--text-muted)}.hero__cta{display:flex;gap:14px;flex-wrap:wrap}.hero-btn-glow{box-shadow:0 6px 25px #6366f166!important}.hero__showcase{display:flex;flex-direction:column;gap:14px}.hero-app-switcher-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.app-switch-btn{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:var(--text-secondary);font-size:.78rem;font-weight:700;transition:all .2s ease}.app-switch-btn:hover{background:#1e293bd9;color:#fff}.app-switch-btn--active{background:linear-gradient(135deg,#6366f14d,#06b6d44d);border-color:#38bdf8;color:#fff;box-shadow:0 0 15px #06b6d440}.hero__app-card{padding:24px;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 45px #00000080;display:flex;flex-direction:column;gap:14px}.hero__app-header{display:flex;align-items:center;gap:14px}.hero__app-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 15px #0000004d}.hero__app-meta{flex:1}.hero__app-name{font-size:1.15rem;font-weight:800;color:#fff}.hero__app-tagline{font-size:.75rem;color:var(--text-muted)}.hero__app-stat{font-size:.7rem;font-weight:700;color:#10b981;background:#10b9811f;padding:3px 8px;border-radius:6px}.hero__app-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.hero-sim-window{background:#020617b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.sim-window-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.sim-status-live{color:#10b981;font-weight:700}.sim-title-text{color:var(--text-muted)}.sim-metric-val{font-size:.95rem;color:#38bdf8}.sim-sub-text{font-size:.72rem;color:var(--text-secondary)}.hero-card-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.hero-explore-link{font-size:.85rem;font-weight:700;color:#38bdf8;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:gap .2s ease}.hero-explore-link:hover{gap:10px}.hero-live-badge{font-size:.75rem;font-weight:700;color:#fff;background:#ffffff14;padding:4px 10px;border-radius:6px;text-decoration:none}.hero-live-badge:hover{background:#ffffff26}.hero__services-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero__service-mini{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:10px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-decoration:none;background:#0f172a99;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.hero__service-mini:hover{background:#1e293bcc;color:#fff}@media(max-width:992px){.hero__content{grid-template-columns:1fr;gap:40px}}@media(max-width:640px){.hero__stats,.hero-app-switcher-tabs{grid-template-columns:repeat(2,1fr)}.hero__services-mini{grid-template-columns:1fr}}[data-theme=light] .hero,.theme-light .hero{background:radial-gradient(circle at 50% -20%,rgba(99,102,241,.08),transparent 70%)}[data-theme=light] .hero__title,.theme-light .hero__title{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .hero__subtitle,.theme-light .hero__subtitle{color:#475569}[data-theme=light] .hero__app-card,.theme-light .hero__app-card{background:#fff!important;border-color:#0000001a!important;box-shadow:0 20px 45px #00000014!important}[data-theme=light] .hero__app-title,.theme-light .hero__app-title{color:#0f172a!important}[data-theme=light] .hero__app-desc,.theme-light .hero__app-desc{color:#475569!important}[data-theme=light] .hero__app-feat,.theme-light .hero__app-feat{color:#334155!important}[data-theme=light] .hero__app-metrics,.theme-light .hero__app-metrics{background:#f8fafc!important;border-color:#0000000f!important}[data-theme=light] .hero__metric-val,.theme-light .hero__metric-val{color:#0f172a!important}[data-theme=light] .hero__service-mini,.theme-light .hero__service-mini{background:#f8fafc!important;border-color:#00000014!important;color:#334155!important}[data-theme=light] .hero__service-mini:hover,.theme-light .hero__service-mini:hover{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .hero-app-tab,.theme-light .hero-app-tab{background:#0000000a!important;color:#475569!important}[data-theme=light] .hero-app-tab--active,.theme-light .hero-app-tab--active{background:#fff!important;color:#0f172a!important;box-shadow:0 4px 12px #00000014!important}.products-section{position:relative;padding:90px 0}.solution-filter-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:8px 16px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:100px;margin:28px auto 40px;display:inline-flex}.filter-tab{padding:8px 18px;border-radius:100px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-tab:hover{color:#fff;background:#ffffff0d}.filter-tab--active{background:linear-gradient(135deg,#6366f1,#06b6d4)!important;color:#fff!important;box-shadow:0 4px 15px #06b6d459}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}.product-card{display:flex;flex-direction:column;gap:16px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px;height:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s ease}.product-card:hover{transform:translateY(-6px);border-color:#ffffff40;box-shadow:0 20px 45px #0009}.product-card__header{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;box-shadow:0 8px 20px #0000004d;transition:transform .4s ease}.product-card:hover .product-card__icon{transform:scale(1.1) rotate(5deg)}.product-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.product-card__category{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.product-card__tag{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:100px}.product-card__tag--cyan{background:#06b6d426;color:#38bdf8}.product-card__tag--pink{background:#ec489926;color:#f472b6}.product-card__tag--emerald{background:#10b98126;color:#34d399}.product-card__tag--purple{background:#8b5cf626;color:#c084fc}.product-card__name{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.product-card__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0;flex-grow:1}.product-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.product-card__features li{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.product-card__feature-check{color:#10b981;font-weight:800;flex-shrink:0}.product-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.product-card__actions .btn{flex:1;text-align:center;justify-content:center}.home-lead-section{background:#0f172ad9;border:1px solid rgba(99,102,241,.25);border-radius:24px;padding:40px;box-shadow:0 20px 50px #00000080}.home-lead-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.home-lead-text h3{font-size:1.8rem;font-weight:800;color:#fff;margin:14px 0}.home-lead-text p{font-size:.92rem;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.home-lead-points{display:flex;flex-direction:column;gap:10px;font-size:.85rem;color:#38bdf8;font-weight:600}.home-lead-form-wrap{background:#020617b3;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px}.home-lead-form{display:flex;flex-direction:column;gap:14px}.home-lead-form .form-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.home-lead-form .form-group{display:flex;flex-direction:column;gap:4px}.home-lead-form label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.home-lead-form input,.home-lead-form select{background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;color:#fff;font-size:.85rem;outline:none;font-family:inherit}.home-lead-form input:focus,.home-lead-form select:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf840}.lead-success-state{text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.lead-success-state h4{font-size:1.25rem;color:#10b981;margin:0}.lead-success-state p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.home-lead-grid{grid-template-columns:1fr}}@media(max-width:640px){.products-grid{grid-template-columns:1fr}.solution-filter-tabs{border-radius:16px}.home-lead-section{padding:24px 18px}}[data-theme=light] .solution-filter-tabs,.theme-light .solution-filter-tabs{background:#fff!important;border-color:#0000001a!important;box-shadow:0 4px 15px #0000000d!important}[data-theme=light] .filter-tab,.theme-light .filter-tab{color:#475569!important}[data-theme=light] .filter-tab:hover,.theme-light .filter-tab:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .product-card,[data-theme=light] .home-lead-section,.theme-light .product-card,.theme-light .home-lead-section{background:#fff!important;border-color:#00000014!important;box-shadow:0 10px 30px #0000000d!important}[data-theme=light] .product-card__title,[data-theme=light] .home-lead-info h3,.theme-light .product-card__title,.theme-light .home-lead-info h3{color:#0f172a!important}[data-theme=light] .product-card__desc,[data-theme=light] .home-lead-info p,.theme-light .product-card__desc,.theme-light .home-lead-info p{color:#475569!important}[data-theme=light] .product-feature-item,.theme-light .product-feature-item{color:#334155!important}[data-theme=light] .home-lead-form input,[data-theme=light] .home-lead-form select,.theme-light .home-lead-form input,.theme-light .home-lead-form select{background:#f8fafc!important;border-color:#0000001f!important;color:#0f172a!important}.about{position:relative}.about--visible .about__stat-card,.about--visible .about__value-card{animation:fadeInUp .6s ease-out both}.about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.about__stat-card{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-glass-light);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);transition:all var(--transition-normal);animation-delay:calc(var(--i, 0) * .1s)}.about__stat-card:hover{border-color:#6366f140;transform:translateY(-4px);box-shadow:0 15px 35px #0003}.about__stat-icon{font-size:1.8rem;display:block;margin-bottom:var(--spacing-sm)}.about__stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:6px}.about__stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.about__values{text-align:center}.about__values-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xl)}.about__values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.about__value-card{text-align:center}.about__value-card:nth-child(1){animation-delay:.1s}.about__value-card:nth-child(2){animation-delay:.2s}.about__value-card:nth-child(3){animation-delay:.3s}.about__value-card:nth-child(4){animation-delay:.4s}.about__value-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.about__value-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.about__value-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:900px){.about__stats,.about__values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.about__stats{grid-template-columns:repeat(2,1fr)}.about__values-grid{grid-template-columns:1fr}}.services{position:relative}.services--visible .service-card{animation:fadeInUp .6s ease-out both}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.service-card{position:relative;background:var(--bg-glass-light);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.service-card:hover{border-color:#6366f140;transform:translateY(-6px);box-shadow:0 25px 50px #0000004d}.service-card__border{height:3px;width:100%;flex-shrink:0}.service-card__body{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.service-card__top{display:flex;align-items:center;justify-content:space-between}.service-card__icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.service-card__tag{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:100px;background:#6366f126;color:var(--primary-light);letter-spacing:.04em}.service-card__title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.service-card__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin:0}.service-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;flex:1}.service-card__features li{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--text-secondary)}.service-feat-check{color:var(--accent-color);font-weight:700;font-size:.8rem;flex-shrink:0}.service-card__cta{margin-top:auto}.services__industries{text-align:center;margin-bottom:var(--spacing-2xl)}.services__industries-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-md)}.services__industries-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.industry-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.services__cta-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-2xl) var(--spacing-2xl);background:linear-gradient(135deg,#6366f11a,#06b6d414);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.services__cta-text h3{font-size:1.5rem;margin-bottom:6px;color:var(--text-primary)}.services__cta-text p{color:var(--text-secondary);margin:0}.services__cta-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}@media(max-width:900px){.services-grid{grid-template-columns:1fr 1fr}.services__cta-banner{flex-direction:column;text-align:center}}@media(max-width:600px){.services-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.services__cta-actions{flex-direction:column;width:100%}.services__cta-actions .btn{width:100%;justify-content:center}.services__cta-banner{padding:var(--spacing-xl)}.service-card__body{padding:var(--spacing-lg)}}.blogs-page{min-height:100vh;background-color:var(--bg-primary);position:relative;overflow-x:hidden;padding-bottom:80px;transition:background-color .3s ease,color .3s ease}.blogs-ambient-glow{position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,rgba(99,102,241,.12) 0%,transparent 45%),radial-gradient(circle at 85% 60%,rgba(6,182,212,.1) 0%,transparent 45%);pointer-events:none;z-index:0}.blogs-hero{padding:130px 0 40px;position:relative;z-index:1;text-align:center}.hero-content{max-width:860px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.3);padding:6px 18px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--primary-light, #a5b4fc);margin-bottom:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blogs-hero h1{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.blogs-hero p{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;max-width:680px;margin:0 auto 36px}.search-container{max-width:580px;margin:0 auto 28px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:20px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:15px 45px 15px 52px;border-radius:999px;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:.95rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s ease;outline:none}.search-input:focus{border-color:#6366f1;background:#0f172ae6;box-shadow:0 0 24px #6366f140}.search-clear-btn{position:absolute;right:18px;background:#ffffff1a;border:none;width:24px;height:24px;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.search-clear-btn:hover{background:#fff3;color:#fff}.blog-category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.category-tab-btn{padding:8px 18px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.category-tab-btn:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff29}.category-tab-btn--active{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border-color:transparent!important;font-weight:600;box-shadow:0 4px 16px #6366f159}.featured-section{position:relative;z-index:1;margin:10px 0 40px}.featured-card{display:grid;grid-template-columns:1.15fr 1fr;background:#0f172aa6;border:1px solid rgba(99,102,241,.25);border-radius:24px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 45px #0006;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1)}.featured-card:hover{transform:translateY(-4px);border-color:#6366f180;box-shadow:0 25px 60px #6366f133}.featured-card__image-wrap{position:relative;min-height:320px;overflow:hidden}.featured-card__img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.featured-card:hover .featured-card__img{transform:scale(1.04)}.featured-card__badge-wrap{position:absolute;top:20px;left:20px;display:flex;gap:8px;z-index:2}.featured-pill{background:#f59e0b;color:#0f172a;font-weight:700;font-size:.75rem;padding:4px 12px;border-radius:999px;letter-spacing:.02em}.category-pill{background:#0f172acc;color:#38bdf8;font-weight:600;font-size:.75rem;padding:4px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.featured-card__body{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted);margin-bottom:14px}.featured-meta-item{display:inline-flex;align-items:center;gap:6px}.featured-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:700;line-height:1.25;color:var(--text-primary);margin-bottom:14px}.featured-excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.featured-author{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:var(--text-primary)}.featured-cta{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#38bdf8;transition:gap .2s ease}.featured-card:hover .featured-cta{gap:10px}.blogs-content{position:relative;z-index:1;padding-top:20px}.content-header{margin-bottom:28px}.content-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.content-header p{color:var(--text-muted);font-size:.9rem}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.blog-card{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);border-color:#6366f159;box-shadow:0 20px 40px #00000059}.blog-card-inner{display:flex;flex-direction:column;height:100%}.blog-image-container{position:relative;width:100%;height:200px;overflow:hidden}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.8) 0%,transparent 60%)}.blog-category-badge{position:absolute;top:14px;left:14px;background:#0f172ad9;color:#38bdf8;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.blog-date,.blog-read-time{display:inline-flex;align-items:center;gap:5px}.blog-title{font-size:1.2rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:10px;transition:color .2s ease}.blog-card:hover .blog-title{color:#38bdf8}.blog-excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.blog-tag{font-size:.75rem;color:var(--primary-light, #a5b4fc);background:#6366f114;padding:2px 10px;border-radius:6px}.blog-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.blog-author .author-name{font-size:.82rem;color:var(--text-secondary)}.read-more-btn{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#38bdf8;transition:gap .2s ease}.blog-card:hover .read-more-btn{gap:8px}.blog-ad-wrapper{margin:40px 0 20px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:48px}.pagination-btn{padding:8px 18px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:6px}.pagination-number{width:38px;height:38px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-number:hover{background:#ffffff14;color:var(--text-primary)}.pagination-number.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 0 14px #6366f166}.loading-container,.no-results{padding:60px 20px;text-align:center;background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:20px}.loading-spinner{width:44px;height:44px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.no-results-icon{font-size:2.5rem;margin-bottom:12px}.no-results h3,.loading-container h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:8px}.no-results p,.loading-container p{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}[data-theme=light] .blogs-page,.theme-light .blogs-page{background-color:#f8fafc}[data-theme=light] .blogs-hero h1,.theme-light .blogs-hero h1{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .search-input,.theme-light .search-input{background:#fff;border-color:#0000001f;color:#0f172a;box-shadow:0 4px 20px #0000000a}[data-theme=light] .category-tab-btn,.theme-light .category-tab-btn{background:#fff;border-color:#0000001a;color:#475569}[data-theme=light] .category-tab-btn:hover,.theme-light .category-tab-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .featured-card,.theme-light .featured-card{background:#fff;border-color:#6366f133;box-shadow:0 15px 35px #0000000f}[data-theme=light] .featured-title,.theme-light .featured-title{color:#0f172a}[data-theme=light] .featured-footer,.theme-light .featured-footer{border-top-color:#0000000f}[data-theme=light] .blog-card,.theme-light .blog-card{background:#fff;border-color:#00000014;box-shadow:0 6px 24px #0000000a}[data-theme=light] .blog-card:hover,.theme-light .blog-card:hover{box-shadow:0 15px 35px #6366f11f}[data-theme=light] .blog-title,.theme-light .blog-title{color:#0f172a}[data-theme=light] .blog-footer,.theme-light .blog-footer{border-top-color:#0000000f}[data-theme=light] .blog-tag,.theme-light .blog-tag{background:#6366f114;color:#4f46e5}[data-theme=light] .pagination-btn,[data-theme=light] .pagination-number,.theme-light .pagination-btn,.theme-light .pagination-number{background:#fff;border-color:#0000001a;color:#334155}[data-theme=light] .pagination-number.active,.theme-light .pagination-number.active{background:#6366f1;color:#fff;border-color:#6366f1}[data-theme=light] .loading-container,[data-theme=light] .no-results,.theme-light .loading-container,.theme-light .no-results{background:#fff;border-color:#00000014;box-shadow:0 6px 20px #0000000a}@media(max-width:900px){.featured-card{grid-template-columns:1fr}.featured-card__image-wrap{height:240px}.featured-card__body{padding:28px}}@media(max-width:640px){.blogs-hero{padding:110px 0 30px}.blogs-grid{grid-template-columns:1fr}.featured-title{font-size:1.35rem}}.adsense-container{display:flex;justify-content:center;align-items:center;max-width:100%;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:1px solid rgba(59,130,246,.08);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000000f;min-height:120px}.adsense-container:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px #3b82f626;border-color:#3b82f640}.adsense-container.ad-loaded{animation:adLoadComplete .6s ease-out}@keyframes adLoadComplete{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ad-label-overlay{position:absolute;top:8px;right:12px;font-size:.65em;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;background:#fffffff2;padding:4px 10px;border-radius:8px;z-index:10;box-shadow:0 2px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.adsense-container:hover .ad-label-overlay{background:#3b82f61a;color:#3b82f6;transform:scale(1.05)}.home-middle-ad.optimized-home-ad{margin:50px auto;max-width:728px;padding:30px 20px}.content-break-ad{display:flex;justify-content:center;margin:60px 0;padding:40px 20px;background:linear-gradient(135deg,#3b82f605,#9333ea05);border-top:1px solid rgba(59,130,246,.1);border-bottom:1px solid rgba(59,130,246,.1)}.ad-wrapper{max-width:1200px;width:100%}.ad-in-grid-wrapper{grid-column:1 / -1;margin:40px 0;padding:30px 0}.ad-separator{display:flex;align-items:center;margin-bottom:20px;gap:15px}.ad-separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%)}.ad-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;background:#ffffffe6;padding:6px 12px;border-radius:20px;border:1px solid rgba(59,130,246,.2)}.optimized-grid-ad{border-radius:16px;background:#fffc}.footer-ad-section{margin:60px 0 40px;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#3b82f608,#9333ea08);border-radius:20px;border:1px solid rgba(59,130,246,.1)}.content-separator{margin-bottom:30px}.content-separator h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content-separator p{color:#64748b;font-size:1rem;line-height:1.6}.optimized-footer-ad{border-radius:16px}.post-end-ad-section{margin:50px 0;padding:30px 0;background:linear-gradient(135deg,#3b82f605,#9333ea05);border-radius:20px;border:1px solid rgba(59,130,246,.05)}.separator-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.4) 50%,transparent 100%);border-radius:1px}.separator-text{font-size:.9rem;font-weight:600;color:#64748b;background:#fffffff2;padding:8px 16px;border-radius:25px;border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.optimized-post-ad{border-radius:16px;max-width:600px;margin:30px auto}.blog-grid-ad{margin:20px auto;max-width:728px;padding:20px 0}.blog-footer-ad{margin:40px auto;max-width:300px}.post-header-ad{margin:30px auto;max-width:728px;background:transparent;border:none}.post-content-ad{margin:40px auto;max-width:300px;background:transparent;border:none}.ad-in-grid{display:flex;justify-content:center;padding:20px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}@media(max-width:768px){.adsense-container{margin:15px 10px;border-radius:12px;min-height:100px}.ad-label-overlay{font-size:.6em;padding:3px 8px;top:6px;right:8px}.ad-loading-overlay{border-radius:12px}.content-break-ad{margin:40px 0;padding:20px 10px}.ad-in-grid-wrapper{margin:25px 0;padding:20px 0}.footer-ad-section{margin:40px 0 30px;padding:25px 15px;border-radius:12px}.post-end-ad-section{margin:30px 0;padding:20px 0}.home-middle-ad.optimized-home-ad,.optimized-grid-ad,.optimized-footer-ad,.optimized-post-ad{max-width:320px}.content-separator h3{font-size:1.2rem}.content-separator p{font-size:.9rem}}@media(max-width:480px){.adsense-container{margin:10px 5px;border-radius:10px;min-height:90px}.ad-label-overlay{font-size:.55em;top:4px;right:6px;padding:2px 6px;border-radius:6px}.ad-placeholder{min-height:90px;padding:15px;gap:8px}.loading-animation{width:36px;height:36px;border-width:3px}.loading-spinner{width:24px;height:24px;border-width:2px}.ad-separator{gap:10px;margin-bottom:15px}.ad-label{font-size:.7rem;padding:4px 8px}.separator-text{font-size:.8rem;padding:6px 12px}.home-middle-ad.optimized-home-ad,.optimized-grid-ad,.optimized-footer-ad,.optimized-post-ad{max-width:280px}.adsense-container.variant-premium{background:linear-gradient(135deg,#fef3c7,#fefce8);box-shadow:0 4px 16px #f59e0b14}.adsense-container.variant-featured{background:linear-gradient(135deg,#e0e7ff,#f0f9ff);box-shadow:0 4px 16px #8b5cf614}.content-break-ad{margin:30px 0;padding:15px 5px}.footer-ad-section{margin:30px 0 20px;padding:20px 10px}.adsense-container{will-change:transform}.ad-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.ad-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;color:#64748b;font-size:.9rem;gap:12px;padding:20px}.ad-placeholder.loading-state{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid rgba(59,130,246,.1)}.ad-placeholder.error-state{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.1);color:#991b1b}.error-icon{font-size:1.5em;opacity:.7}.loading-text{font-size:.85rem;font-weight:500;opacity:.8}.loading-animation{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1.2s linear infinite}.ad-loading-overlay{position:absolute;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:5;border-radius:16px;transition:opacity .3s ease}.loading-spinner{width:32px;height:32px;border:3px solid rgba(59,130,246,.2);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:.8rem;color:#64748b;font-weight:500}.adsense-container.variant-default{background:linear-gradient(135deg,#f8f9fa,#fff)}.adsense-container.variant-minimal{background:transparent;border:1px solid rgba(229,231,235,.8);box-shadow:none;border-radius:8px}.adsense-container.variant-premium{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1px solid rgba(245,158,11,.2);box-shadow:0 8px 32px #f59e0b1a}.adsense-container.variant-featured{background:linear-gradient(135deg,#ddd6fe,#e0e7ff);border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 32px #8b5cf61a;position:relative}.adsense-container.variant-featured:after{content:"✨";position:absolute;top:8px;left:12px;font-size:1.2em;z-index:10}.adsense-loading{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid rgba(59,130,246,.1)}.adsense-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.1)}.adsense-container ins.adsbygoogle{min-height:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:12px;position:relative;overflow:hidden}.adsense-container.is-loading ins.adsbygoogle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmerGlow 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmerGlow{0%{left:-100%}to{left:100%}}.adsense-container[data-consent=false]{display:none}.adsbygoogle{display:block!important;width:100%!important;height:auto!important;min-height:120px;border-radius:12px;overflow:hidden;transition:all .3s ease}.adsense-container.ad-loaded .adsbygoogle{box-shadow:0 4px 16px #0000001a}.adsense-container{position:relative;isolation:isolate}.adsense-container:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-radius:16px}@media(prefers-contrast:high){.adsense-container{border:2px solid currentColor;background:Canvas;color:CanvasText}.ad-label-overlay{background:CanvasText;color:Canvas;border:1px solid currentColor}}@media(prefers-color-scheme:dark){.adsense-container{background:linear-gradient(135deg,#1f2937,#111827);border-color:#4b55634d;box-shadow:0 8px 32px #0000004d}.ad-label-overlay{background:#1f2937f2;color:#e5e7eb;border-color:#4b55634d}.ad-placeholder.loading-state{background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8}.ad-placeholder.error-state{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5}}@media(prefers-reduced-motion:reduce){.adsense-container,.loading-animation,.loading-spinner,.ad-loading-overlay,.ad-label-overlay{animation:none!important;transition:none!important}.adsense-container:hover{transform:none!important}.adsense-container ins.adsbygoogle:before{animation:none!important}}.adsense-container{contain:layout style;transform:translateZ(0)}.ad-loading-overlay{will-change:opacity}.loading-animation,.loading-spinner{will-change:transform}@media print{.adsense-container{display:none!important}}.blog-post-page{min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.06) 0%,transparent 50%),linear-gradient(135deg,#fafbff,#f1f4ff);padding:120px 0 80px;position:relative}.container{max-width:900px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.breadcrumb{margin-bottom:30px;animation:slideInFromLeft .4s ease-out}.breadcrumb-item{animation:fadeInRight .5s ease-out}.breadcrumb-item:nth-child(1){animation-delay:.1s}.breadcrumb-item:nth-child(3){animation-delay:.2s}.breadcrumb-item:nth-child(5){animation-delay:.3s}.breadcrumb-item:nth-child(7){animation-delay:.4s}.breadcrumb-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(103,126,234,.15);padding:12px 20px;border-radius:25px;box-shadow:0 4px 20px #677eea14;max-width:fit-content}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{background:none;border:none;color:#667eea;font-weight:600;font-size:14px;cursor:pointer;padding:6px 10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex;align-items:center;position:relative;overflow:hidden}.breadcrumb-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(103,126,234,.2),transparent);transition:left .5s ease}.breadcrumb-link:hover:before{left:100%}.breadcrumb-link:hover{background:#677eea1f;color:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 8px #677eea26}.breadcrumb-link svg{transition:transform .3s ease}.breadcrumb-link:hover svg{transform:scale(1.1)}.breadcrumb-separator{color:#94a3b8;font-weight:500;font-size:14px;margin:0 4px;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#475569;font-weight:600;font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;background:linear-gradient(135deg,#677eea14,#764ba20f);border-radius:12px;border:1px solid rgba(103,126,234,.15);display:flex;align-items:center;box-shadow:0 2px 8px #677eea14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-nav{margin-bottom:40px;animation:slideInFromLeft .6s ease-out .2s both}.back-btn{display:flex;align-items:center;gap:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(103,126,234,.2);color:#667eea;padding:12px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #677eea1a}.back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #677eea33;background:#677eea1a}.blog-post{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #677eea1a,0 8px 30px #764ba214,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);animation:fadeInUp .8s ease-out}.post-hero{position:relative}.post-hero-image{position:relative;height:400px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.post-hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) saturate(1.1)}.post-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#677eea33,#764ba24d,#0006)}.post-category-badge{position:absolute;top:30px;left:30px;background:linear-gradient(135deg,#fffffff2,#fffc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#667eea;padding:12px 20px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #677eea33}.post-header-content{padding:50px;background:linear-gradient(135deg,#fffffff2,#f8fafce6)}.post-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:30px;letter-spacing:-.02em}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(103,126,234,.1)}.post-author-info{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.author-details{display:flex;flex-direction:column;gap:4px}.author-name{font-weight:700;color:#1e293b;font-size:1.1rem}.post-date{color:#64748b;font-size:.95rem}.post-stats{display:flex;align-items:center;gap:20px}.read-time{background:#677eea1a;color:#667eea;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.post-tags{display:flex;flex-wrap:wrap;gap:12px}.post-tag{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(103,126,234,.1);text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.post-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #677eea4d}.post-content{padding:0 50px 50px}.content-wrapper{max-width:720px;margin:0 auto;line-height:1.8;color:#374151;font-size:1.1rem}.content-wrapper h2{font-size:2rem;font-weight:700;color:#1e293b;margin:40px 0 20px;line-height:1.3}.content-wrapper h3{font-size:1.5rem;font-weight:600;color:#334155;margin:32px 0 16px;line-height:1.4}.content-wrapper p{margin-bottom:20px}.content-wrapper ul,.content-wrapper ol{margin:20px 0;padding-left:30px}.content-wrapper li{margin-bottom:10px}.content-wrapper li strong{color:#1e293b;font-weight:700}.content-wrapper blockquote{border-left:4px solid #667eea;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:25px 30px;margin:30px 0;border-radius:0 12px 12px 0;font-style:italic;font-size:1.2rem;color:#475569;position:relative}.content-wrapper blockquote:before{content:'"';font-size:4rem;color:#677eea4d;position:absolute;top:-10px;left:20px;font-family:serif}.content-wrapper blockquote cite{display:block;margin-top:15px;font-size:1rem;color:#64748b;font-weight:600;font-style:normal}.post-ad-section{margin:60px 0;text-align:center}.ad-separator{display:flex;align-items:center;gap:20px;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto}.separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(103,126,234,.3),transparent)}.separator-text{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.post-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:50px;border-top:1px solid rgba(103,126,234,.1)}.social-share h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:25px;text-align:center}.share-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.share-btn{padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;position:relative;overflow:hidden}.share-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.share-btn:hover:before{left:100%}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.share-btn.facebook{background:linear-gradient(135deg,#4267b2,#365899);color:#fff}.share-btn.linkedin{background:linear-gradient(135deg,#0077b5,#005885);color:#fff}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#1ebe57);color:#fff}.share-btn.copy{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.share-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.related-posts{margin-top:80px;padding:50px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;border:1px solid rgba(255,255,255,.2)}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.section-header p{font-size:1.1rem;color:#64748b}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.related-post-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #677eea1a;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.related-post-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #677eea26}.related-post-image{position:relative;height:160px;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:brightness(1.1)}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%)}.related-post-category{position:absolute;top:15px;left:15px;background:#ffffffe6;color:#667eea;padding:6px 12px;border-radius:15px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.related-post-content{padding:25px}.related-post-title{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.3;cursor:pointer;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-title:hover{color:#667eea}.related-post-excerpt{color:#64748b;line-height:1.6;margin-bottom:16px;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#94a3b8;font-weight:500}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-content,.error-content{text-align:center;max-width:400px}.loading-spinner{display:flex;justify-content:center;margin-bottom:30px}.spinner-ring{width:16px;height:16px;margin:0 6px;border-radius:50%;background:#667eea;animation:loading-bounce 1.4s ease-in-out infinite both}.spinner-ring:nth-child(2){animation-delay:-.32s;background:#764ba2}.spinner-ring:nth-child(3){animation-delay:-.16s;background:#f093fb}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.loading-content h3,.error-content h3{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:12px}.loading-content p,.error-content p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.error-icon{margin:0 auto 30px;color:#ef4444;opacity:.7}.back-to-blogs-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #677eea33}.back-to-blogs-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #677eea4d}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.blog-post-page{padding:100px 0 60px}.container{padding:0 20px}.breadcrumb-list{padding:10px 16px;gap:6px}.breadcrumb-link,.breadcrumb-separator,.breadcrumb-current{font-size:13px}.breadcrumb-current{max-width:180px}.blog-post{border-radius:20px}.post-hero-image{height:250px}.post-category-badge{top:20px;left:20px;padding:8px 14px;font-size:10px}.post-header-content{padding:30px}.post-title{font-size:clamp(1.8rem,8vw,2.5rem);margin-bottom:24px}.post-meta{flex-direction:column;align-items:flex-start;gap:20px}.post-content{padding:0 30px 30px}.content-wrapper{font-size:1rem}.content-wrapper h2{font-size:1.6rem;margin:30px 0 16px}.content-wrapper h3{font-size:1.3rem;margin:24px 0 12px}.post-footer{padding:30px}.share-buttons{flex-direction:column;align-items:center}.share-btn{width:200px;justify-content:center}.related-posts{margin-top:60px;padding:30px;border-radius:20px}.section-header h2{font-size:2rem}.related-posts-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.container{padding:0 16px}.breadcrumb-list{padding:8px 12px;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.breadcrumb-list::-webkit-scrollbar{display:none}.breadcrumb-link,.breadcrumb-separator,.breadcrumb-current{font-size:12px;white-space:nowrap}.breadcrumb-current{max-width:140px}.post-header-content{padding:24px}.post-content{padding:0 24px 24px}.post-footer,.related-posts{padding:24px}.content-wrapper{font-size:.95rem}.content-wrapper blockquote{padding:20px;font-size:1.1rem}}[data-theme=dark] .blog-post-page,.theme-dark .blog-post-page,body:not(.theme-light) .blog-post-page{background:var(--bg-primary, #020617);color:var(--text-primary, #f8fafc)}[data-theme=dark] .breadcrumb-list,.theme-dark .breadcrumb-list,body:not(.theme-light) .breadcrumb-list{background:#0f172acc;border-color:#ffffff14}[data-theme=dark] .blog-post-article,.theme-dark .blog-post-article,body:not(.theme-light) .blog-post-article{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px #0006}[data-theme=dark] .post-title,.theme-dark .post-title,body:not(.theme-light) .post-title{color:#fff}[data-theme=dark] .post-excerpt,.theme-dark .post-excerpt,body:not(.theme-light) .post-excerpt{color:#94a3b8}[data-theme=dark] .content-wrapper,.theme-dark .content-wrapper,body:not(.theme-light) .content-wrapper{color:#cbd5e1}[data-theme=dark] .content-wrapper h2,[data-theme=dark] .content-wrapper h3,[data-theme=dark] .content-wrapper h4,.theme-dark .content-wrapper h2,.theme-dark .content-wrapper h3,.theme-dark .content-wrapper h4,body:not(.theme-light) .content-wrapper h2,body:not(.theme-light) .content-wrapper h3,body:not(.theme-light) .content-wrapper h4{color:#fff}[data-theme=dark] .related-post-card,.theme-dark .related-post-card,body:not(.theme-light) .related-post-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .related-post-title,.theme-dark .related-post-title,body:not(.theme-light) .related-post-title{color:#f8fafc}[data-theme=light] .blog-post-page,.theme-light .blog-post-page{background:#f8fafc;color:#0f172a}[data-theme=light] .breadcrumb-list,.theme-light .breadcrumb-list{background:#fff;border-color:#00000014}[data-theme=light] .blog-post-article,.theme-light .blog-post-article{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 15px 35px #0000000d}[data-theme=light] .post-title,.theme-light .post-title{color:#0f172a}[data-theme=light] .post-excerpt,.theme-light .post-excerpt{color:#475569}[data-theme=light] .content-wrapper,.theme-light .content-wrapper{color:#334155}[data-theme=light] .content-wrapper h2,[data-theme=light] .content-wrapper h3,[data-theme=light] .content-wrapper h4,.theme-light .content-wrapper h2,.theme-light .content-wrapper h3,.theme-light .content-wrapper h4{color:#0f172a}[data-theme=light] .related-post-card,.theme-light .related-post-card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000000a}[data-theme=light] .related-post-title,.theme-light .related-post-title{color:#0f172a}.footer{position:relative;background:var(--bg-primary);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}.footer__background{position:absolute;inset:0;z-index:1;pointer-events:none}.footer__gradient{position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(99,102,241,.1) 0%,transparent 40%),radial-gradient(circle at 100% 0%,rgba(6,182,212,.08) 0%,transparent 40%)}.container{position:relative;z-index:2}.footer__hero{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-3xl);align-items:start;padding:var(--spacing-3xl) 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--spacing-2xl)}.footer__brand{max-width:600px}.footer__logo{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-lg)}.footer__logo-icon{font-size:2rem;filter:drop-shadow(0 0 10px var(--primary-glow))}.footer__brand-name{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff 0%,var(--primary-light) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}.footer__brand-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:480px}.footer__social{display:flex;flex-direction:column;align-items:flex-end}.footer__social-title{font-size:.9rem;font-weight:700;color:#fff;margin:0 0 var(--spacing-lg);text-transform:uppercase;letter-spacing:.15em;opacity:.8}.footer__social-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer__social-link{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.footer__social-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:2}.footer__social-name{font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:all .3s ease;z-index:2}.footer__social-link:hover{border-color:#fff3;color:#fff;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0006}.footer__social-link:hover .footer__social-icon{transform:scale(1.1)}.footer__social-link[aria-label*=Facebook]:hover{background:#1877f226;border-color:#1877f266;box-shadow:0 10px 20px -5px #1877f24d}.footer__social-link[aria-label*=Instagram]:hover{background:#e1306c26;border-color:#e1306c66;box-shadow:0 10px 20px -5px #e1306c4d}.footer__social-link[aria-label*=LinkedIn]:hover{background:#0a66c226;border-color:#0a66c266;box-shadow:0 10px 20px -5px #0a66c24d}.footer__social-link[aria-label*=GitHub]:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 10px 20px -5px #ffffff1a}.footer__content-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr .9fr;gap:var(--spacing-2xl);padding-bottom:var(--spacing-3xl)}.footer__section-title{font-size:.85rem;font-weight:800;color:#fff;margin:0 0 var(--spacing-xl);text-transform:uppercase;letter-spacing:.15em}.footer__products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer__product-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1)}.footer__product-item:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-2px)}.footer__product-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:var(--radius-sm);flex-shrink:0}.footer__product-info{flex:1}.footer__product-name{font-size:.85rem;font-weight:700;color:#fff;margin:0}.footer__product-category{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.footer__nav-grid{display:flex;flex-direction:column;gap:12px}.footer__nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease}.footer__nav-link:hover{color:#fff;transform:translate(4px)}.footer__contact-list{display:flex;flex-direction:column;gap:16px}.footer__contact-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-secondary);transition:all .3s ease}.footer__contact-item:hover{color:#fff}.footer__contact-icon{font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.footer__contact-details{display:flex;flex-direction:column}.footer__contact-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.footer__contact-value{font-size:.9rem;font-weight:600}.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding:32px 0}.footer__bottom-content{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer__copyright{font-size:.9rem;color:var(--text-muted);margin:0}.footer__legal-links{display:flex;gap:24px}.footer__legal-link{font-size:.9rem;color:var(--text-muted);text-decoration:none;transition:all .3s ease}.footer__legal-link:hover{color:#fff}.footer__back-to-top{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);font-size:.9rem;font-weight:600}.footer__back-to-top:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000004d}@media(max-width:1200px){.footer__content-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}}@media(max-width:768px){.footer__hero{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl);padding:var(--spacing-2xl) 0}.footer__brand{margin:0 auto}.footer__brand-description{font-size:1rem}.footer__social{align-items:center}.footer__social-links{justify-content:center}.footer__content-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer__products-grid{max-width:500px;margin:0 auto}.footer__nav-grid,.footer__contact-list{align-items:center}.footer__bottom-content{flex-direction:column-reverse;text-align:center;gap:20px}.footer__legal-links{flex-wrap:wrap;justify-content:center;gap:16px}}@media(max-width:480px){.footer__hero{padding:var(--spacing-xl) 0}.footer__brand-name{font-size:1.6rem}.footer__brand-description{font-size:.95rem}.footer__content-grid{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.footer__products-grid{grid-template-columns:1fr}.footer__nav-grid,.footer__contact-list{align-items:center}.footer__social-links{gap:8px}.footer__social-link{padding:8px 14px}.footer__social-name{display:none}.footer__bottom{padding:24px 0}.footer__back-to-top{width:100%;justify-content:center}}.element-nav-focused{outline:2px solid #38bdf8!important;outline-offset:6px;border-radius:12px;animation:pulseNavFocus 2s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseNavFocus{0%{box-shadow:0 0 #38bdf8cc,0 0 30px #38bdf880}50%{box-shadow:0 0 0 16px #38bdf833,0 0 45px #38bdf8b3}to{box-shadow:0 0 #38bdf800,0 0 #38bdf800}}[data-theme=light] .footer,.theme-light .footer{background:#fff!important;border-top-color:#00000014!important;color:#0f172a!important}[data-theme=light] .footer__col-title,[data-theme=light] .footer__brand-text,.theme-light .footer__col-title,.theme-light .footer__brand-text{color:#0f172a!important}[data-theme=light] .footer__brand-desc,[data-theme=light] .footer__link,[data-theme=light] .footer__copyright,.theme-light .footer__brand-desc,.theme-light .footer__link,.theme-light .footer__copyright{color:#475569!important}[data-theme=light] .footer__link:hover,.theme-light .footer__link:hover{color:#6366f1!important}[data-theme=light] .footer__product-item,.theme-light .footer__product-item{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .footer__product-name,.theme-light .footer__product-name{color:#0f172a!important}[data-theme=light] .footer__product-desc,.theme-light .footer__product-desc{color:#64748b!important}[data-theme=light] .footer__bottom,.theme-light .footer__bottom{border-top-color:#00000014!important}.privacy-policy{padding:140px 0 80px;background:radial-gradient(circle at 0% 0%,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:100vh}.privacy-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.legal-sidebar{position:sticky;top:100px;padding:30px;border-radius:20px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:15px}.legal-sidebar h3{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:20px}.toc-link{color:var(--text-secondary);font-size:.95rem;transition:all .3s ease;padding:8px 0;border-bottom:1px solid transparent;display:inline-block}.toc-link:hover{color:var(--primary-light);transform:translate(5px)}.privacy-policy__header{margin-bottom:60px;text-align:left}.privacy-policy__title{font-size:3.5rem;font-weight:800;margin-bottom:15px;background:linear-gradient(135deg,#fff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.privacy-policy__subtitle{font-size:1.1rem;color:var(--primary-light);font-weight:600}.policy-section{margin-bottom:60px;padding:40px;background:var(--bg-glass-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.policy-section:hover{border-color:#6366f133;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.policy-section h2{font-size:2rem;margin-bottom:25px;color:var(--text-primary);display:flex;align-items:center;gap:15px}.policy-section h2:before{content:"";width:4px;height:24px;background:var(--primary-color);border-radius:100px}.policy-section p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.policy-section ul{list-style:none;margin-bottom:25px}.policy-section ul li{position:relative;padding-left:25px;margin-bottom:12px;color:var(--text-secondary);font-size:1.05rem}.policy-section ul li:before{content:"→";position:absolute;left:0;color:var(--primary-light)}.info-item,.usage-item{background:#ffffff08;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.05);margin-bottom:20px}.info-item h4,.usage-item h4{color:var(--primary-light);margin-bottom:10px;font-size:1.2rem}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.contact-info{display:flex;flex-direction:column;gap:15px;margin-top:30px}.contact-link{display:flex;align-items:center;gap:12px;padding:15px 25px;background:var(--bg-tertiary);border-radius:12px;color:var(--text-primary)!important;font-weight:500;transition:all .3s ease;width:fit-content}.contact-link:hover{background:var(--primary-color);transform:scale(1.02)}@media(max-width:1024px){.privacy-layout{grid-template-columns:1fr;gap:40px}.legal-sidebar{display:none}.privacy-policy{padding-top:100px}}@media(max-width:768px){.privacy-policy__title{font-size:2.5rem}.policy-section{padding:25px}}.terms-of-service{padding:140px 0 80px;background:radial-gradient(circle at 100% 0%,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:100vh}.terms-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.terms-of-service__header{margin-bottom:60px;text-align:left}.terms-of-service__title{font-size:3.5rem;font-weight:800;margin-bottom:15px;background:linear-gradient(135deg,#fff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.terms-of-service__subtitle{font-size:1.1rem;color:var(--primary-light);font-weight:600}.terms-section{margin-bottom:60px;padding:40px;background:var(--bg-glass-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.terms-section:hover{border-color:#6366f133;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.terms-section h2{font-size:2rem;margin-bottom:25px;color:var(--text-primary);display:flex;align-items:center;gap:15px}.terms-section h2:before{content:"";width:4px;height:24px;background:var(--primary-color);border-radius:100px}.terms-section p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.prohibited-list li{position:relative;padding-left:35px;color:var(--text-secondary);font-size:1rem;display:flex;align-items:center}.prohibited-list li:before{content:"✕";position:absolute;left:0;color:#ef4444;font-weight:700;font-size:1.2rem}.service-grid,.responsibility-grid,.payment-terms,.availability-info,.disclaimer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.service-item,.responsibility-item,.payment-item,.availability-item,.disclaimer-item{background:#ffffff08;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.service-item:hover,.responsibility-item:hover{background:#ffffff0d;border-color:var(--primary-light)}.service-item h4,.responsibility-item h4,.payment-item h4,.availability-item h4,.disclaimer-item h4{color:var(--primary-light);margin-bottom:12px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.contact-address{margin-top:20px;padding:20px;background:#ffffff08;border-radius:12px;color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.terms-layout{grid-template-columns:1fr;gap:40px}.terms-of-service{padding-top:100px}}@media(max-width:768px){.terms-of-service__title{font-size:2.5rem}.terms-section{padding:25px}}.syarat-layanan{padding:140px 0 80px;background:radial-gradient(circle at 100% 0%,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:100vh}.syarat-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.syarat-layanan__header{margin-bottom:60px;text-align:left}.syarat-layanan__title{font-size:3.5rem;font-weight:800;margin-bottom:15px;background:linear-gradient(135deg,#fff 0%,var(--primary-light) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.syarat-layanan__subtitle{font-size:1.1rem;color:var(--primary-light);font-weight:600}.syarat-section{margin-bottom:60px;padding:40px;background:var(--bg-glass-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.syarat-section:hover{border-color:#06b6d44d;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.syarat-section h2{font-size:2rem;margin-bottom:25px;color:var(--text-primary);display:flex;align-items:center;gap:15px}.syarat-section h2:before{content:"";width:4px;height:24px;background:var(--accent-color);border-radius:100px}.syarat-section p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.syarat-section ul{list-style:none;margin-bottom:25px}.syarat-section ul li{position:relative;padding-left:25px;margin-bottom:12px;color:var(--text-secondary);font-size:1.05rem}.syarat-section ul li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.prohibited-list{list-style:none;background:#ffffff08;padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.prohibited-list li{position:relative!important;padding-left:35px!important;color:var(--text-secondary);font-size:1rem;display:flex;align-items:center}.prohibited-list li:before{content:"✕"!important;position:absolute;left:0;color:#ef4444!important;font-weight:700;font-size:1.2rem}.feature-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.feature-list-item{background:#ffffff08;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.feature-list-item:hover{background:#ffffff0d;border-color:var(--accent-color)}.feature-list-item h4{color:var(--accent-color);margin-bottom:12px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.feature-list-item p{font-size:.95rem;line-height:1.6;margin-bottom:0}.disclaimer-box{background:#ef44440d;border:1px solid rgba(239,68,68,.2);padding:25px;border-radius:16px;margin-top:20px}.disclaimer-box h4{color:#f87171;margin-bottom:10px}.disclaimer-box p{color:var(--text-secondary);margin-bottom:0;font-size:.95rem}@media(max-width:1024px){.syarat-layout{grid-template-columns:1fr;gap:40px}.syarat-layanan{padding-top:100px}}@media(max-width:768px){.syarat-layanan__title{font-size:2.5rem}.syarat-section{padding:25px}}.kebijakan-privasi{padding:140px 0 80px;background:radial-gradient(circle at 0% 0%,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:100vh}.kebijakan-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.kebijakan-privasi__header{margin-bottom:60px;text-align:left}.kebijakan-privasi__title{font-size:3.5rem;font-weight:800;margin-bottom:15px;background:linear-gradient(135deg,#fff 0%,var(--primary-light) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.kebijakan-privasi__subtitle{font-size:1.1rem;color:var(--primary-light);font-weight:600}.kebijakan-section{margin-bottom:60px;padding:40px;background:var(--bg-glass-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.kebijakan-section:hover{border-color:#06b6d44d;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.kebijakan-section h2{font-size:2rem;margin-bottom:25px;color:var(--text-primary);display:flex;align-items:center;gap:15px}.kebijakan-section h2:before{content:"";width:4px;height:24px;background:var(--accent-color);border-radius:100px}.kebijakan-section p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.kebijakan-section ul{list-style:none;margin-bottom:25px}.kebijakan-section ul li{position:relative;padding-left:25px;margin-bottom:12px;color:var(--text-secondary);font-size:1.05rem}.kebijakan-section ul li:before{content:"→";position:absolute;left:0;color:var(--accent-color);font-weight:700}.info-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.info-box-item{background:#ffffff08;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.info-box-item:hover{background:#ffffff0d;border-color:var(--accent-color)}.info-box-item h4{color:var(--accent-color);margin-bottom:12px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.info-box-item p{font-size:.95rem;line-height:1.6;margin-bottom:0}@media(max-width:1024px){.kebijakan-layout{grid-template-columns:1fr;gap:40px}.kebijakan-privasi{padding-top:100px}}@media(max-width:768px){.kebijakan-privasi__title{font-size:2.5rem}.kebijakan-section{padding:25px}}.cookie-consent-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cookie-consent-banner{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;margin:20px;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-content{padding:30px;text-align:center}.cookie-consent-content h3{margin:0 0 15px;color:#333;font-size:1.4em;font-weight:600}.cookie-consent-content p{margin:0 0 25px;color:#666;line-height:1.6;font-size:.95em}.cookie-consent-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cookie-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s ease;min-width:120px}.cookie-btn-accept{background:#4caf50;color:#fff}.cookie-btn-accept:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.cookie-btn-decline{background:#f5f5f5;color:#666;border:1px solid #ddd}.cookie-btn-decline:hover{background:#e0e0e0;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media(max-width:480px){.cookie-consent-banner{margin:10px}.cookie-consent-content{padding:20px}.cookie-consent-buttons{flex-direction:column}.cookie-btn{width:100%}}.floating-concierge-wrapper{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;font-family:inherit}.concierge-floating-btn{position:relative;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0284c7,#6366f1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:12px 20px 12px 16px;cursor:pointer;box-shadow:0 8px 30px #06b6d466;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.concierge-floating-btn:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 35px #6366f180}.concierge-floating-btn--active{background:#0f172a;border-color:#ffffff26;box-shadow:0 6px 20px #00000080}.floating-btn-glow{position:absolute;inset:-2px;border-radius:100px;background:linear-gradient(135deg,#38bdf8,#818cf8,#f472b6);z-index:-1;opacity:.6;filter:blur(8px);animation:floatGlow 3s ease-in-out infinite alternate}@keyframes floatGlow{0%{opacity:.4;filter:blur(6px)}to{opacity:.8;filter:blur(12px)}}.floating-btn-icon{font-size:1.25rem}.floating-btn-label{font-size:.85rem;font-weight:700;letter-spacing:.02em}.floating-unread-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #020617;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.concierge-panel{width:380px;max-width:calc(100vw - 40px);max-height:580px;background:#0f172af0;border:1px solid rgba(56,189,248,.3);border-radius:24px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 25px 60px #000000b3;display:flex;flex-direction:column;overflow:hidden;margin-bottom:14px;animation:scaleUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.concierge-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#02061799;border-bottom:1px solid rgba(255,255,255,.08)}.concierge-profile{display:flex;align-items:center;gap:12px}.concierge-avatar{position:relative;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.avatar-online-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #0f172a}.concierge-info{display:flex;flex-direction:column}.concierge-title{font-size:.92rem;font-weight:800;color:#fff}.concierge-subtitle{font-size:.7rem;color:#34d399;font-weight:600}.concierge-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.concierge-close-btn:hover{color:#fff;background:#ffffff1a}.concierge-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 12px;gap:6px;background:#02061766;border-bottom:1px solid rgba(255,255,255,.06)}.concierge-tab{background:transparent;border:1px solid transparent;border-radius:10px;padding:7px 4px;color:#94a3b8;font-size:.75rem;font-weight:700;cursor:pointer;text-align:center;transition:all .2s ease}.concierge-tab:hover{color:#fff;background:#ffffff0d}.concierge-tab--active{background:#38bdf826!important;border-color:#38bdf866!important;color:#38bdf8!important}.concierge-body{padding:16px;overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:12px}.concierge-intro-text{font-size:.78rem;color:#94a3b8;margin:0;line-height:1.45}.intent-list{display:flex;flex-direction:column;gap:8px}.intent-card{display:flex;align-items:center;gap:12px;background:#020617b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.intent-card:hover{background:#1e293be6;border-color:#38bdf866;transform:translate(3px)}.intent-icon{font-size:1.4rem;flex-shrink:0}.intent-text{flex:1;display:flex;flex-direction:column}.intent-text strong{font-size:.8rem;color:#fff;font-weight:700}.intent-text span{font-size:.7rem;color:#94a3b8}.intent-arrow{color:#38bdf8;font-weight:800;font-size:.9rem}.demo-list{display:flex;flex-direction:column;gap:8px}.demo-item-card{display:flex;align-items:center;gap:12px;background:#020617b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.demo-item-card:hover{background:#1e293be6;border-color:#38bdf866;transform:translate(3px)}.demo-icon{width:36px;height:36px;border-radius:10px;background:#0f172ae6;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.demo-meta{flex:1;display:flex;flex-direction:column}.demo-badge{font-size:.65rem;font-weight:800;text-transform:uppercase}.demo-meta strong{font-size:.78rem;color:#fff}.demo-action{font-size:.72rem;font-weight:800;color:#38bdf8;background:#38bdf81a;padding:4px 8px;border-radius:6px}.concierge-booking-form{display:flex;flex-direction:column;gap:10px}.form-group-mini{display:flex;flex-direction:column;gap:3px}.form-group-mini label{font-size:.7rem;font-weight:600;color:#cbd5e1}.form-group-mini input,.form-group-mini select{background:#020617cc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 10px;color:#fff;font-size:.8rem;outline:none;font-family:inherit}.form-group-mini input:focus,.form-group-mini select:focus{border-color:#38bdf8}.form-row-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.concierge-success-state{text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.succ-icon{font-size:2rem}.concierge-success-state h4{font-size:1.1rem;color:#34d399;margin:0}.concierge-success-state p{font-size:.78rem;color:#94a3b8;line-height:1.5}.concierge-footer{padding:10px 16px;background:#020617cc;border-top:1px solid rgba(255,255,255,.06);font-size:.68rem;color:#64748b;text-align:center}@media(max-width:640px){.floating-concierge-wrapper{bottom:20px;right:20px}.concierge-panel{width:calc(100vw - 32px);max-height:520px}}.product-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.product-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.custom-apps-hero{background:radial-gradient(circle at 0% 0%,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:160px 0 100px}.product-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1) 0%,transparent 70%);opacity:.6}.product-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500;margin-bottom:24px;transition:all var(--transition-normal)}.hero-badge:hover{background:#fff3;transform:translateY(-2px)}.badge-icon{font-size:16px}.product-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.2}.hero-description{font-size:1.2rem;opacity:.9;margin-bottom:30px;line-height:1.6}.hero-stats{display:flex;align-items:center;gap:24px;margin:30px 0 40px;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:1.5rem;font-weight:700;color:#fff}.stat-label{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-divider{width:1px;height:30px;background:#ffffff4d}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;transition:all var(--transition-normal);cursor:pointer;border:none}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 16px #10b9814d}.btn-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 32px #10b98166}.btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff40;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-large{padding:16px 36px;font-size:1.1rem}.hero-image{display:flex;justify-content:center;align-items:center;perspective:1000px}.hero-image-container{position:relative;z-index:1;animation:float 6s ease-in-out infinite}.glass-mockup{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:15px;box-shadow:0 40px 100px #00000080,inset 0 0 20px #ffffff0d;transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s ease}.glass-mockup:hover{transform:rotateY(0) rotateX(0)}.phone-mockup{position:relative;max-width:350px;width:100%}.phone-mockup img{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #0000004d}.quranmind-hero{background:linear-gradient(135deg,#667eea,#764ba2)}.apotekapp-hero{background:linear-gradient(135deg,#11998e,#38ef7d)}.catetUang-hero{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.ai-hero{background:linear-gradient(135deg,#667eea,#764ba2)}.catetUang-hero .hero-badge,.catetUang-hero .hero-stats{background:#0000001a;color:#333}.catetUang-hero .btn-secondary{background:#0000001a;color:#333;border-color:#0003}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.product-features{padding:100px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(0,0,0,.04);transition:all var(--transition-normal);text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001f}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:15px}.custom-feature-card{background:var(--bg-glass-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:40px;border-radius:24px;transition:all var(--transition-normal);position:relative;overflow:hidden}.custom-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:0;transition:opacity .3s ease}.custom-feature-card:hover{transform:translateY(-10px);border-color:#6366f14d;box-shadow:0 30px 60px #00000040}.custom-feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:70px;height:70px;background:#6366f11a;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;color:var(--primary-light)}.custom-feature-card:hover .feature-icon-wrapper{background:var(--primary-color);color:#fff;transform:scale(1.1);transition:all .3s ease}.feature-card p{color:var(--text-secondary);line-height:1.6}.product-categories{padding:100px 0;background:var(--bg-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.product-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all var(--transition-normal);text-align:center}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.product-icon{font-size:2.5rem;margin-bottom:16px}.product-card h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.product-providers{color:var(--accent-color);font-weight:500;font-size:.9rem;margin-bottom:12px}.product-description{color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.category-examples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.example-tag{background:#ffffff0d;color:var(--text-secondary);padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.example-tag:hover{background:#6366f11a;color:var(--primary-light);border-color:var(--primary-light)}.process-timeline{display:flex;flex-direction:column;gap:40px;max-width:900px;margin:0 auto}.process-item{display:flex;gap:30px;position:relative}.process-item:not(:last-child):after{content:"";position:absolute;left:30px;top:70px;bottom:-40px;width:2px;background:linear-gradient(to bottom,var(--primary-color),transparent)}.process-number-v2{flex-shrink:0;width:60px;height:60px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text-primary);z-index:2;transition:all .3s ease}.process-item:hover .process-number-v2{background:var(--primary-color);border-color:var(--primary-light);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.1)}.process-content-v2{background:var(--bg-glass-light);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.05);flex-grow:1}.process-content-v2 h3{font-size:1.5rem;margin-bottom:10px}.portfolio-card{perspective:1000px}.portfolio-inner{position:relative;border-radius:24px;overflow:hidden;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05)}.portfolio-image-wrapper{height:250px;position:relative;overflow:hidden}.portfolio-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(15,23,42,.9),transparent);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.inner-content{padding:25px}.portfolio-inner:hover .portfolio-overlay{opacity:1}.portfolio-inner:hover img{transform:scale(1.1)}.product-benefits{padding:100px 0;background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.benefit-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,white 100%);padding:30px;border-radius:16px;border:1px solid rgba(0,0,0,.04);text-align:center;transition:all var(--transition-normal)}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.benefit-icon{font-size:2.5rem;margin-bottom:16px}.ai-features{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.ai-feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:all var(--transition-normal)}.ai-feature-card:hover{background:#ffffff26;transform:translateY(-4px)}.ai-feature-icon{font-size:2.5rem;margin-bottom:16px}.product-screenshots{padding:100px 0;background:var(--bg-secondary)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.screenshot-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all var(--transition-normal)}.screenshot-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.screenshot-image{height:200px;overflow:hidden}.screenshot-image img{width:100%;height:100%;object-fit:cover}.screenshot-card h4{padding:20px 20px 10px;font-weight:600;color:var(--text-primary)}.screenshot-card p{padding:0 20px 20px;color:var(--text-secondary);font-size:.9rem}.product-specs{padding:100px 0;background:#fff}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:800px;margin:0 auto}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(0,0,0,.04)}.spec-label{font-weight:600;color:var(--text-primary)}.spec-value{color:var(--text-secondary);text-align:right}.tech-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.tech-tool{background:#fff3;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.tech-tag{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.project-category{color:var(--accent-color);font-weight:500;font-size:.9rem;margin-bottom:8px}.process-step{background:var(--primary-color);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 16px}.process-number{background:var(--primary-color);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:16px}.process-icon{font-size:2rem;margin-top:8px}.screenshot-card .screenshot-image{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--primary-light) 100%);padding:20px}.product-cta{padding:100px 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.cta-content p{font-size:1.2rem;opacity:.9;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;gap:20px}.content-break-ad{padding:60px 0;display:flex;justify-content:center}.product-page-ad,.product-page-ad-footer{max-width:728px;width:100%}@media(max-width:768px){.product-hero{padding:80px 0 60px}.product-hero .container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-stats{flex-direction:column;gap:16px}.stat-divider{width:60px;height:1px}.hero-actions{justify-content:center}.section-header h2{font-size:2rem}.features-grid,.products-grid,.benefits-grid,.ai-features-grid{grid-template-columns:1fr;gap:20px}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.specs-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-actions{flex-direction:column;align-items:center}}@media(max-width:480px){.product-hero{padding:60px 0 40px}.product-hero h1{font-size:2rem}.hero-description{font-size:1rem}.hero-stats{padding:16px;gap:12px}.stat-number{font-size:1.25rem}.btn{padding:10px 20px;font-size:14px}.btn-large{padding:14px 28px;font-size:16px}.feature-card,.product-card,.benefit-card{padding:20px}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}}.catetuang-page{position:relative;width:100%;min-height:100vh;transition:background-color .3s ease,color .3s ease}.catetuang-theme-dark{--c-bg: #020617;--c-card-bg: rgba(15, 23, 42, .85);--c-card-border: rgba(255, 255, 255, .1);--c-text-primary: #f8fafc;--c-text-secondary: #94a3b8;--c-text-muted: #64748b;--c-emerald: #10b981;--c-emerald-glow: rgba(16, 185, 129, .35);--c-cyan: #06b6d4;--c-gold: #f59e0b;--c-rose: #f43f5e;--c-input-bg: rgba(2, 6, 23, .8);background-color:var(--c-bg);color:var(--c-text-primary)}.catetuang-theme-light{--c-bg: #f8fafc;--c-card-bg: rgba(255, 255, 255, .92);--c-card-border: rgba(15, 23, 42, .08);--c-text-primary: #0f172a;--c-text-secondary: #475569;--c-text-muted: #64748b;--c-emerald: #059669;--c-emerald-glow: rgba(5, 150, 105, .25);--c-cyan: #0284c7;--c-gold: #d97706;--c-rose: #e11d48;--c-input-bg: #ffffff;background-color:var(--c-bg);color:var(--c-text-primary)}.catetuang-page .glass-card{background:var(--c-card-bg);border:1px solid var(--c-card-border);border-radius:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0000000f}.catetuang-theme-dark .glass-card{box-shadow:0 15px 40px #00000080}.catetuang-hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:140px 0 80px;overflow:hidden}.catetuang-bg-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 15% 25%,var(--c-emerald-glow) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 65%,rgba(6,182,212,.2) 0%,transparent 60%);pointer-events:none;z-index:0}.catetuang-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}.catetuang-hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:1}.catetuang-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.catetuang-badge-pulse{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--c-emerald);background:#10b9811f;border:1px solid var(--c-emerald);padding:6px 14px;border-radius:100px}.pulse-emerald{width:8px;height:8px;border-radius:50%;background:var(--c-emerald);box-shadow:0 0 10px var(--c-emerald);animation:catetPulse 1.8s infinite}@keyframes catetPulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.catetuang-tag-pill{font-size:.75rem;font-weight:600;color:var(--c-text-secondary);background:#ffffff0d;border:1px solid var(--c-card-border);padding:6px 14px;border-radius:100px}.catetuang-hero__title{font-size:clamp(2.3rem,4.2vw,3.6rem);font-weight:800;line-height:1.15;color:var(--c-text-primary);margin:0 0 20px}.text-gradient-emerald{background:linear-gradient(135deg,#10b981,#06b6d4,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.catetuang-hero__desc{font-size:1.05rem;color:var(--c-text-secondary);line-height:1.7;max-width:580px;margin-bottom:28px}.catetuang-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;margin-bottom:32px}.catetuang-hero__stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.catetuang-hero__stats .stat-icon{font-size:1.3rem}.catetuang-hero__stats strong{font-size:1.15rem;font-weight:800;color:var(--c-text-primary)}.catetuang-hero__stats span:last-child{font-size:.72rem;color:var(--c-text-muted)}.catetuang-hero__cta{display:flex;gap:14px;flex-wrap:wrap}.catetuang-btn-primary{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 6px 20px var(--c-emerald-glow)!important}.catetuang-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--c-emerald-glow)!important}.catetuang-btn-secondary{background:var(--c-card-bg)!important;border:1px solid var(--c-card-border)!important;color:var(--c-text-primary)!important}.catetuang-btn-secondary:hover{transform:translateY(-2px);border-color:var(--c-emerald)!important}.catetuang-btn-outline{background:transparent!important;border:1px solid var(--c-card-border)!important;color:var(--c-text-secondary)!important}.catetuang-btn-outline:hover{color:var(--c-text-primary)!important;border-color:var(--c-emerald)!important}.catetuang-mockup-frame{overflow:hidden}.mockup-main-body{padding:20px;display:flex;flex-direction:column;gap:16px}.balance-overview-card{background:linear-gradient(135deg,#10b98126,#06b6d426);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:20px;text-align:center}.balance-label{font-size:.78rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.balance-amount{font-size:2.2rem;font-weight:800;color:var(--c-text-primary);margin:6px 0}.balance-meta{display:flex;justify-content:center;gap:16px;font-size:.78rem;font-weight:600}.income-badge{color:#10b981}.expense-badge{color:#f43f5e}.mini-insights-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.insight-chip{background:#0000001a;border:1px solid var(--c-card-border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}.chip-label{font-size:.68rem;color:var(--c-text-muted)}.insight-chip strong{font-size:.85rem}.recent-trx-list{display:flex;flex-direction:column;gap:8px}.list-heading{font-size:.75rem;color:var(--c-text-muted);font-weight:600}.trx-row-mini{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0000001a;border-radius:8px;font-size:.78rem}.trx-details{display:flex;flex-direction:column;flex:1}.trx-details span{font-size:.65rem;color:var(--c-text-muted)}.trx-amount{font-weight:700}.catetuang-simulator-section{padding:80px 0}.simulator-box{padding:32px}.simulator-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px}.sim-panel-title{font-size:1.15rem;font-weight:700;color:var(--c-text-primary);margin-bottom:16px}.sim-form{display:flex;flex-direction:column;gap:14px}.sim-health-card{display:flex;align-items:center;gap:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:14px;padding:16px;margin-top:20px}.health-score-gauge{background:var(--c-emerald);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.gauge-val{font-size:1.15rem;font-weight:800;line-height:1}.gauge-label{font-size:.55rem}.health-info strong{font-size:.88rem;color:var(--c-text-primary);display:block}.health-info p{font-size:.78rem;color:var(--c-text-secondary);margin:4px 0 0;line-height:1.4}.sim-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.sum-card{background:#0000001a;border:1px solid var(--c-card-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.sum-label{font-size:.68rem;color:var(--c-text-muted)}.sum-card strong{font-size:.95rem}.trx-table-box{background:#0000001a;border:1px solid var(--c-card-border);border-radius:14px;padding:16px}.trx-table-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;color:var(--c-text-primary);margin-bottom:12px}.reset-btn{font-size:.72rem;color:var(--c-cyan);background:transparent;border:none;cursor:pointer;font-weight:600}.trx-items-scroll{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.trx-item-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--c-card-bg);border:1px solid var(--c-card-border);border-radius:10px;font-size:.82rem}.item-main{display:flex;flex-direction:column;flex:1}.item-cat{font-size:.68rem;color:var(--c-text-muted)}.item-amount{font-weight:700}.delete-item-btn{background:transparent;border:none;color:var(--c-text-muted);cursor:pointer;font-size:.8rem;padding:4px;transition:color .2s ease}.delete-item-btn:hover{color:#f43f5e}.catetuang-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card-modern{padding:28px;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease}.feature-card-modern:hover{transform:translateY(-4px)}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}.feat-badge{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:100px}.feat-badge--emerald{background:#10b98126;color:#10b981}.feat-badge--blue{background:#3b82f626;color:#3b82f6}.feat-badge--purple{background:#8b5cf626;color:#8b5cf6}.feat-badge--amber{background:#f59e0b26;color:#f59e0b}.feat-badge--cyan{background:#06b6d426;color:#06b6d4}.feature-title{font-size:1.15rem;font-weight:700;color:var(--c-text-primary);margin:0}.feature-desc{font-size:.85rem;color:var(--c-text-secondary);line-height:1.6;margin:0}.feature-bullets{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;font-size:.8rem;color:var(--c-text-secondary)}.bullet-check{color:#10b981;font-weight:800}.pricing-toggle-box{display:inline-flex;align-items:center;gap:14px;padding:8px 18px;border-radius:100px;margin-top:24px}.toggle-lbl{font-size:.88rem;font-weight:600;color:var(--c-text-muted)}.toggle-lbl--active{color:var(--c-text-primary)}.switch-toggle{width:48px;height:26px;background:#94a3b833;border-radius:100px;position:relative;border:1px solid var(--c-card-border);cursor:pointer}.switch-toggle--annual{background:var(--c-emerald)}.switch-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .25s ease}.switch-toggle--annual .switch-thumb{transform:translate(22px)}.savings-badge{font-size:.72rem;font-weight:700;color:#10b981;background:#10b98126;padding:2px 8px;border-radius:100px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.pricing-box{padding:32px 28px;position:relative;display:flex;flex-direction:column;transition:transform .25s ease}.pricing-box:hover{transform:translateY(-6px)}.pricing-box--popular{border-color:var(--c-emerald);box-shadow:0 15px 40px var(--c-emerald-glow)}.popular-ribbon{position:absolute;top:-12px;right:24px;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;padding:4px 14px;border-radius:100px;box-shadow:0 4px 15px var(--c-emerald-glow)}.plan-title{font-size:1.45rem;font-weight:800;color:var(--c-text-primary);margin-bottom:6px}.plan-sub{font-size:.82rem;color:var(--c-text-secondary);min-height:38px}.pricing-box__price{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.pricing-box__price .cur{font-size:1.1rem;font-weight:700;color:var(--c-text-secondary)}.pricing-box__price .amt{font-size:2.2rem;font-weight:800;color:var(--c-text-primary);line-height:1}.pricing-box__price .per{font-size:.88rem;color:var(--c-text-muted)}.annual-note{font-size:.75rem;color:#10b981;font-weight:500;margin-bottom:24px}.plan-feat-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px;font-size:.85rem}.feat-line{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.feat-line--yes{color:var(--c-text-secondary)}.icon-check{color:#10b981;font-weight:800}.feat-line--no{color:var(--c-text-muted);opacity:.55;text-decoration:line-through}.icon-cross{color:var(--c-text-muted)}.catetuang-lead-section{padding:80px 0}.lead-card{padding:42px}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lead-intro h2{font-size:2.1rem;font-weight:800;line-height:1.25;color:var(--c-text-primary);margin:16px 0}.lead-intro p{font-size:.95rem;color:var(--c-text-secondary);line-height:1.65;margin-bottom:28px}.lead-benefits{display:flex;flex-direction:column;gap:16px}.benefit-row{display:flex;align-items:flex-start;gap:14px}.b-icon{font-size:1.4rem;background:#0000001a;padding:8px;border-radius:10px}.benefit-row strong{font-size:.9rem;color:var(--c-text-primary);display:block}.benefit-row span{font-size:.8rem;color:var(--c-text-muted)}.lead-form-wrap{background:#0000001a;border:1px solid var(--c-card-border);border-radius:20px;padding:28px}.form-head{font-size:1.25rem;font-weight:700;color:var(--c-text-primary);margin-bottom:16px}.privacy-text{font-size:.72rem;color:var(--c-text-muted);text-align:center;display:block;margin-top:8px}.lead-success-card{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.success-emoji{font-size:3rem}.faq-accordion-box{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item-card{overflow:hidden;border-radius:14px}.faq-q-btn{width:100%;padding:18px 22px;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--c-text-primary);font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit}.chevron-icon{font-size:1.2rem;color:var(--c-emerald);font-weight:700}.faq-a-content{padding:0 22px 18px;color:var(--c-text-secondary);font-size:.88rem;line-height:1.65}.faq-item-card:not(.faq-item-card--open) .faq-a-content{display:none}@media(max-width:992px){.catetuang-hero .container,.simulator-grid,.catetuang-features-grid{grid-template-columns:1fr}.pricing-cards-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.lead-grid{grid-template-columns:1fr}}@media(max-width:640px){.catetuang-hero__stats{grid-template-columns:repeat(2,1fr)}.sim-summary-cards,.mini-insights-row{grid-template-columns:1fr}}.pulsa-page{position:relative;width:100%;min-height:100vh;transition:background-color .3s ease,color .3s ease}.pulsa-theme-dark{--p-bg: #030712;--p-card-bg: rgba(15, 23, 42, .85);--p-card-border: rgba(255, 255, 255, .1);--p-text-primary: #f8fafc;--p-text-secondary: #94a3b8;--p-text-muted: #64748b;--p-cyan: #06b6d4;--p-cyan-glow: rgba(6, 182, 212, .35);--p-indigo: #6366f1;--p-indigo-glow: rgba(99, 102, 241, .35);--p-emerald: #10b981;--p-rose: #f43f5e;--p-input-bg: rgba(2, 6, 23, .8);background-color:var(--p-bg);color:var(--p-text-primary)}.pulsa-theme-light{--p-bg: #f8fafc;--p-card-bg: rgba(255, 255, 255, .92);--p-card-border: rgba(15, 23, 42, .08);--p-text-primary: #0f172a;--p-text-secondary: #475569;--p-text-muted: #64748b;--p-cyan: #0284c7;--p-cyan-glow: rgba(2, 132, 199, .25);--p-indigo: #4f46e5;--p-indigo-glow: rgba(79, 70, 229, .25);--p-emerald: #059669;--p-rose: #e11d48;--p-input-bg: #ffffff;background-color:var(--p-bg);color:var(--p-text-primary)}.pulsa-page .glass-card{background:var(--p-card-bg);border:1px solid var(--p-card-border);border-radius:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0000000f}.pulsa-theme-dark .glass-card{box-shadow:0 15px 40px #00000080}.pulsa-hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:140px 0 80px;overflow:hidden}.pulsa-bg-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 15% 25%,var(--p-cyan-glow) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 65%,var(--p-indigo-glow) 0%,transparent 60%);pointer-events:none;z-index:0}.pulsa-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}.pulsa-hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:1}.pulsa-hero__content{position:relative;z-index:1}.pulsa-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pulsa-badge-pulse{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--p-cyan);background:#06b6d41f;border:1px solid var(--p-cyan);padding:6px 14px;border-radius:100px}.pulse-cyan{width:8px;height:8px;border-radius:50%;background:var(--p-cyan);box-shadow:0 0 10px var(--p-cyan);animation:pulsaPulse 1.8s infinite}@keyframes pulsaPulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.pulsa-tag-pill{font-size:.75rem;font-weight:600;color:var(--p-text-secondary);background:#ffffff0d;border:1px solid var(--p-card-border);padding:6px 14px;border-radius:100px}.theme-switch-btn{margin-left:auto;font-size:.75rem;font-weight:700;background:var(--p-card-bg);border:1px solid var(--p-card-border);color:var(--p-text-primary);padding:6px 14px;border-radius:100px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.theme-switch-btn:hover{transform:translateY(-2px);border-color:var(--p-cyan)}.pulsa-hero__title{font-size:clamp(2.3rem,4.2vw,3.6rem);font-weight:800;line-height:1.15;color:var(--p-text-primary);margin:0 0 20px}.text-gradient-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pulsa-hero__desc{font-size:1.05rem;color:var(--p-text-secondary);line-height:1.7;max-width:580px;margin-bottom:28px}.pulsa-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;margin-bottom:32px}.pulsa-hero__stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.pulsa-hero__stats .stat-icon{font-size:1.3rem}.pulsa-hero__stats strong{font-size:1.15rem;font-weight:800;color:var(--p-text-primary)}.pulsa-hero__stats span:last-child{font-size:.72rem;color:var(--p-text-muted)}.pulsa-hero__cta{display:flex;gap:14px;flex-wrap:wrap}.pulsa-btn-primary{background:linear-gradient(135deg,#0284c7,#06b6d4)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 6px 20px var(--p-cyan-glow)!important}.pulsa-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--p-cyan-glow)!important}.pulsa-btn-secondary{background:var(--p-card-bg)!important;border:1px solid var(--p-card-border)!important;color:var(--p-text-primary)!important}.pulsa-btn-secondary:hover{transform:translateY(-2px);border-color:var(--p-cyan)!important}.pulsa-btn-outline{background:transparent!important;border:1px solid var(--p-card-border)!important;color:var(--p-text-secondary)!important}.pulsa-btn-outline:hover{color:var(--p-text-primary)!important;border-color:var(--p-cyan)!important}.pulsa-mockup-frame{overflow:hidden}.mockup-top-bar{background:#00000026;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--p-card-border);font-size:.75rem;color:var(--p-text-muted)}.window-dots{display:flex;gap:6px}.w-dot{width:10px;height:10px;border-radius:50%}.live-status-tag{color:#10b981;font-weight:700}.mockup-body-pulsa{padding:18px;display:flex;flex-direction:column;gap:14px}.live-trx-stream-card{background:#00000026;border:1px solid var(--p-card-border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.stream-header-pulsa{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700}.speed-badge{font-size:.68rem;color:var(--p-cyan);background:#06b6d426;padding:2px 8px;border-radius:4px}.trx-stream-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:#ffffff08;font-size:.78rem}.trx-prov-badge{font-size:.65rem;font-weight:800;padding:4px 8px;border-radius:6px;color:#fff}.prov-tsel{background:#e11d48}.prov-pln{background:#eab308;color:#000}.prov-dana{background:#0284c7}.trx-stream-info{display:flex;flex-direction:column;flex:1}.trx-stream-info span{font-size:.68rem;color:var(--p-text-muted)}.trx-status-ok{color:#10b981;font-weight:700;font-size:.72rem}.qris-instant-box{display:flex;align-items:center;gap:12px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:12px}.qris-icon{font-size:1.6rem}.qris-text strong{font-size:.82rem;color:var(--p-cyan);display:block}.qris-text span{font-size:.72rem;color:var(--p-text-secondary)}.pulsa-simulator-section{padding:80px 0}.simulator-box-pulsa{padding:32px}.sim-pulsa-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.sim-title{font-size:1.2rem;font-weight:700;color:var(--p-text-primary);margin-bottom:20px}.price-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.readonly-input{background:#00000014!important;color:var(--p-text-muted)!important;cursor:not-allowed}.slider-input{width:100%;accent-color:var(--p-cyan);cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--p-text-muted);margin-top:4px}.mock-receipt-card{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:14px;margin-top:16px;display:flex;flex-direction:column;gap:8px}.receipt-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:#10b981}.receipt-details{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--p-text-secondary)}.profit-spotlight-card{background:linear-gradient(135deg,#0284c726,#6366f126);border:1px solid rgba(2,132,199,.3);border-radius:18px;padding:24px;margin-bottom:20px}.profit-title{font-size:.85rem;font-weight:700;color:var(--p-cyan);text-transform:uppercase;letter-spacing:.04em}.profit-big-number{font-size:2.3rem;font-weight:800;color:var(--p-text-primary);line-height:1.2;margin:8px 0}.per-month{font-size:1rem;color:var(--p-text-muted);font-weight:500}.profit-note{font-size:.8rem;color:var(--p-text-secondary);margin:0}.profit-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.break-card{background:#0000001f;border:1px solid var(--p-card-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.break-card .b-lbl{font-size:.68rem;color:var(--p-text-muted)}.break-card strong{font-size:.95rem}.sim-callout-box{font-size:.82rem;color:var(--p-text-secondary);background:#ffffff08;border:1px solid var(--p-card-border);padding:12px;border-radius:10px}.pulsa-category-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.cat-tab-btn{padding:10px 20px;border-radius:100px;background:var(--p-card-bg);border:1px solid var(--p-card-border);color:var(--p-text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.cat-tab-btn:hover{color:var(--p-text-primary);border-color:var(--p-cyan)}.cat-tab-btn--active{background:var(--p-cyan);color:#fff!important;border-color:transparent;box-shadow:0 4px 15px var(--p-cyan-glow)}.category-detail-card{padding:32px}.cat-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.cat-title-wrap{display:flex;align-items:center;gap:16px}.cat-big-icon{font-size:2.2rem}.cat-title-wrap h3{font-size:1.4rem;margin:0 0 4px;color:var(--p-text-primary)}.cat-title-wrap p{font-size:.88rem;color:var(--p-text-secondary);margin:0}.cat-tag-badge{font-size:.72rem;font-weight:700;color:var(--p-cyan);background:#06b6d41f;padding:4px 12px;border-radius:100px}.cat-brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.brand-chip{background:#0000001a;border:1px solid var(--p-card-border);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px}.brand-icon{font-size:1.3rem}.brand-info strong{font-size:.82rem;color:var(--p-text-primary);display:block}.brand-info span{font-size:.68rem;color:var(--p-text-muted)}.cat-features-list .feat-title{font-size:.8rem;font-weight:700;color:var(--p-text-primary);text-transform:uppercase;margin-bottom:10px;display:block}.feat-chips-wrap{display:flex;gap:10px;flex-wrap:wrap}.feat-chip-item{font-size:.78rem;color:#10b981;background:#10b9811a;padding:4px 12px;border-radius:6px}@media(max-width:992px){.pulsa-hero .container,.sim-pulsa-grid{grid-template-columns:1fr}.cat-brands-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pulsa-hero__stats{grid-template-columns:repeat(2,1fr)}.profit-breakdown-grid,.price-inputs-row,.cat-brands-grid{grid-template-columns:1fr}}.apotek-page{width:100%}.cyber-saas-theme{--cyber-cyan: #06b6d4;--cyber-cyan-glow: rgba(6, 182, 212, .45);--cyber-purple: #8b5cf6;--cyber-purple-glow: rgba(139, 92, 246, .45);--cyber-indigo: #6366f1;--cyber-indigo-glow: rgba(99, 102, 241, .4);--cyber-emerald: #10b981;--cyber-emerald-glow: rgba(16, 185, 129, .4);--cyber-pink: #ec4899;--cyber-pink-glow: rgba(236, 72, 153, .4);--cyber-dark-card: rgba(15, 23, 42, .78);--cyber-dark-border: rgba(255, 255, 255, .1)}.cyber-glow-bg{position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 15% 25%,rgba(99,102,241,.22) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 65%,rgba(6,182,212,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 90%,rgba(236,72,153,.12) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 50% 0%,rgba(16,185,129,.1) 0%,transparent 50%);z-index:0;pointer-events:none}.cyber-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none;mask-image:radial-gradient(circle at center,black 40%,transparent 90%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%)}.cyber-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0 90px;overflow:hidden}.cyber-hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:1}.apotek-hero__content{position:relative;z-index:1}.apotek-hero__eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cyber-pulse-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--cyber-cyan);background:#06b6d41a;border:1px solid rgba(6,182,212,.35);padding:6px 14px;border-radius:100px;box-shadow:0 0 15px #06b6d433}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--cyber-cyan);box-shadow:0 0 10px var(--cyber-cyan);animation:cyberPulse 1.8s infinite}@keyframes cyberPulse{0%{transform:scale(.9);opacity:.7;box-shadow:0 0 #06b6d4b3}70%{transform:scale(1.3);opacity:1;box-shadow:0 0 0 8px #06b6d400}to{transform:scale(.9);opacity:.7;box-shadow:0 0 #06b6d400}}.cyber-tag-glow{font-size:.75rem;font-weight:700;color:#a78bfa;background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);padding:6px 14px;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}.apotek-hero__title{font-size:clamp(2.3rem,4.2vw,3.7rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 20px}.cyber-gradient-text{background:linear-gradient(135deg,#38bdf8,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(129,140,248,.35))}.apotek-hero__desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;max-width:580px;margin-bottom:28px}.cyber-glass-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;padding:16px 20px;background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0006}.apotek-hero__stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.apotek-hero__stat-icon{font-size:1.3rem}.apotek-hero__stat strong{font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.apotek-hero__stat span:last-child{font-size:.72rem;color:var(--text-muted);font-weight:500}.apotek-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.cyber-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 6px 24px var(--cyber-indigo-glow)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.cyber-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px var(--cyber-purple-glow)!important}.cyber-btn-secondary{background:#0f172acc!important;border:1px solid rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:var(--text-primary)!important}.cyber-btn-secondary:hover{background:#1e293be6!important;border-color:var(--cyber-cyan)!important;transform:translateY(-2px)}.cyber-btn-glow{background:#06b6d414!important;border:1px solid rgba(6,182,212,.4)!important;color:var(--cyber-cyan)!important}.cyber-btn-glow:hover{background:#06b6d433!important;box-shadow:0 0 20px #06b6d44d!important}.cyber-trust-badges{display:flex;gap:18px;flex-wrap:wrap}.trust-item{font-size:.78rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px;background:#ffffff08;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.apotek-hero__visual{position:relative;z-index:1}.cyber-mockup-frame{background:var(--cyber-dark-card);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 40px #6366f126;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mockup-header{background:#0f172ae6;padding:12px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.08)}.mockup-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.mockup-url-bar{flex:1;background:#02061799;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:4px 12px;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-family:monospace}.mockup-status-pill{font-size:.7rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:5px}.live-indicator{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.mockup-body{padding:18px;display:flex;flex-direction:column;gap:14px}.mockup-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mockup-stat-mini{background:#02061780;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}.mockup-stat-mini .label{font-size:.68rem;color:var(--text-muted)}.mockup-stat-mini .val{font-size:.88rem;font-weight:700}.mockup-stat-mini .sub{font-size:.62rem;color:var(--text-secondary)}.text-cyan{color:var(--cyber-cyan)!important}.text-pink{color:var(--cyber-pink)!important}.mockup-stream-card{background:#02061799;border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.stream-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.stream-title{font-size:.78rem;font-weight:700;color:var(--text-primary)}.stream-badge{font-size:.62rem;font-weight:700;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;padding:2px 6px;border-radius:4px}.stream-item{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.stream-item .item-info{display:flex;flex-direction:column}.stream-item .item-info strong{color:var(--text-primary)}.stream-item .item-info span{font-size:.65rem;color:var(--text-muted)}.stream-item .item-qty{color:var(--text-secondary)}.stream-item .item-price{font-weight:700;color:var(--text-primary)}.stream-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;font-size:.75rem}.status-success{color:#10b981;font-size:.7rem;font-weight:600}.mockup-live-ticker{background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.ticker-badge{font-weight:700;color:var(--cyber-cyan)}.ticker-content{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.ticker-time{color:var(--text-muted);font-size:.65rem}.cyber-simulator-section{background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0%,transparent 60%);padding:80px 0}.simulator-container{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 45px #00000080}.simulator-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px;margin-bottom:24px}.sim-tab{padding:10px 18px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease}.sim-tab:hover{background:#ffffff14;color:var(--text-primary)}.sim-tab--active{background:linear-gradient(135deg,#6366f14d,#06b6d44d);border-color:var(--cyber-cyan);color:#fff;box-shadow:0 0 20px #06b6d440}.simulator-screen{min-height:280px;background:#02061799;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px}.sim-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.sim-header-bar h4{font-size:1.15rem;color:var(--text-primary);margin:0}.sim-tag{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:100px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.sim-tag--pink{background:#ec489926;border-color:#ec48994d;color:#ec4899}.sim-tag--cyan{background:#06b6d426;border-color:#06b6d44d;color:#06b6d4}.sim-tag--green{background:#10b98126;border-color:#10b9814d;color:#10b981}.sim-desc{color:var(--text-secondary);font-size:.92rem;margin-bottom:20px;line-height:1.6}.sim-interactive-box{display:flex;flex-direction:column;gap:18px}.sim-result-card{background:#0f172ae6;border:1px solid rgba(16,185,129,.35);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 25px #0006}.sim-result-card.alert-border{border-color:#ec489980;box-shadow:0 8px 25px #ec489926}.sim-result-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.success-badge{color:#10b981;font-weight:700;font-size:.88rem}.warning-badge{color:#ec4899;font-weight:700;font-size:.88rem}.batch-priority{font-size:.75rem;color:var(--cyber-cyan);font-weight:600}.sim-batch-table{display:flex;flex-direction:column;gap:8px}.batch-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;font-size:.82rem;background:#02061799;border:1px solid rgba(255,255,255,.05)}.batch-row--selected{border-color:#10b98166;background:#10b98114}.batch-row--locked{opacity:.6}.badge-highlight{font-size:.68rem;font-weight:700;color:#10b981;background:#10b98126;padding:3px 8px;border-radius:4px}.badge-secondary{font-size:.68rem;color:var(--text-muted)}.sim-tip{font-size:.8rem;color:var(--text-muted)}.sim-audit-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#02061780;padding:12px;border-radius:8px}.audit-col{display:flex;flex-direction:column;gap:4px}.audit-col .lbl{font-size:.72rem;color:var(--text-muted)}.status-hold{font-size:.75rem;color:#f59e0b;font-weight:600}.action-note{font-size:.8rem;color:var(--text-secondary)}.sim-bpjs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bpjs-card{background:#02061780;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:4px;font-size:.8rem}.bpjs-card .title{font-weight:700;color:var(--text-primary)}.claim-match{color:#10b981;font-weight:700;font-size:.78rem}.sim-order-preview{background:#02061780;padding:14px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.order-msg{font-size:.82rem}.order-msg strong{color:#10b981}.order-msg p{color:var(--text-secondary);margin-top:4px}.stock-reserve-alert{font-size:.75rem;color:var(--cyber-cyan);font-weight:600}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cyber-pricing-section{position:relative;padding:90px 0}.billing-toggle-wrapper{display:inline-flex;align-items:center;gap:14px;background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);padding:8px 18px;border-radius:100px;margin-top:24px}.billing-label{font-size:.88rem;font-weight:600;color:var(--text-muted);transition:color .2s ease}.billing-label--active{color:var(--text-primary)}.billing-switch{width:48px;height:26px;background:#ffffff1a;border-radius:100px;position:relative;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .3s ease}.billing-switch--annual{background:var(--cyber-cyan)}.switch-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.billing-switch--annual .switch-thumb{transform:translate(22px)}.discount-badge{font-size:.72rem;font-weight:700;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:100px;margin-left:6px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;align-items:stretch}.pricing-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:22px;padding:32px 28px;position:relative;display:flex;flex-direction:column;transition:all .3s ease}.pricing-card:hover{transform:translateY(-6px);border-color:#ffffff40;box-shadow:0 20px 45px #0009}.pricing-card--popular{border-color:var(--cyber-indigo);box-shadow:0 15px 40px var(--cyber-indigo-glow);background:linear-gradient(180deg,#1e1b4bd9,#0f172af2)}.popular-badge-ribbon{position:absolute;top:-12px;right:24px;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;padding:4px 14px;border-radius:100px;box-shadow:0 4px 15px #ec489966;letter-spacing:.04em;text-transform:uppercase}.pricing-card__header{margin-bottom:20px}.plan-name{font-size:1.45rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.plan-tagline{font-size:.82rem;color:var(--text-secondary);min-height:38px}.pricing-card__price-box{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.pricing-card__price-box .currency{font-size:1.1rem;font-weight:700;color:var(--text-secondary)}.pricing-card__price-box .amount{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1}.pricing-card__price-box .period{font-size:.88rem;color:var(--text-muted)}.annual-billed-note{font-size:.75rem;color:#10b981;font-weight:500;margin-bottom:24px}.pricing-card__cta{margin-bottom:28px}.btn-block{width:100%;justify-content:center;text-align:center}.features-title{font-size:.82rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.feat-item{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.45}.feat-item--included{color:var(--text-secondary)}.feat-check{color:#10b981;font-weight:800;flex-shrink:0}.feat-item--excluded{color:var(--text-muted);opacity:.55;text-decoration:line-through}.feat-cross{color:var(--text-muted);font-weight:800;flex-shrink:0}.pricing-guarantee-banner{display:flex;align-items:center;gap:20px;background:var(--cyber-dark-card);border:1px solid rgba(16,185,129,.3);border-radius:18px;padding:22px 28px;margin-top:48px}.guarantee-icon{font-size:2.2rem;flex-shrink:0}.guarantee-text strong{font-size:1rem;color:var(--text-primary);display:block;margin-bottom:4px}.guarantee-text p{font-size:.85rem;color:var(--text-secondary);margin:0}.cyber-lead-section{padding:80px 0}.lead-capture-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:28px;padding:42px;box-shadow:0 25px 60px #0009}.lead-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lead-capture-info h2{font-size:2.1rem;font-weight:800;line-height:1.25;color:var(--text-primary);margin:16px 0}.lead-capture-info p{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px}.lead-perks-list{display:flex;flex-direction:column;gap:16px}.perk-item{display:flex;align-items:flex-start;gap:14px}.perk-icon{font-size:1.4rem;background:#ffffff0d;padding:8px;border-radius:10px;flex-shrink:0}.perk-item strong{font-size:.9rem;color:var(--text-primary);display:block}.perk-item span{font-size:.8rem;color:var(--text-muted)}.lead-capture-form-box{background:#020617b3;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px}.lead-form{display:flex;flex-direction:column;gap:16px}.form-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:.88rem;outline:none;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cyber-cyan);box-shadow:0 0 12px #06b6d440}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-note{font-size:.72rem;color:var(--text-muted);text-align:center}.form-success-state{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.success-icon{font-size:3rem}.form-success-state h3{font-size:1.4rem;color:#10b981;margin:0}.form-success-state p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.cyber-testimonials-section{padding:80px 0}.apotek-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.apotek-testimonial{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:18px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.testimonial-rating{display:flex;align-items:center;justify-content:space-between;color:#f59e0b;font-size:1rem}.rating-tag{font-size:.68rem;font-weight:700;color:var(--cyber-cyan);background:#06b6d41f;padding:2px 8px;border-radius:4px}.apotek-testimonial__quote{font-size:.9rem;color:var(--text-secondary);line-height:1.65;font-style:italic}.apotek-testimonial__author{display:flex;align-items:center;gap:12px}.apotek-testimonial__avatar{font-size:1.8rem;background:#ffffff0d;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.apotek-testimonial__author strong{font-size:.88rem;color:var(--text-primary);display:block}.apotek-testimonial__author span{font-size:.75rem;color:var(--text-muted)}.cyber-spotlight-card{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;padding:36px;background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:24px;margin-bottom:40px;box-shadow:0 15px 45px #0006}.apotek-module-detail__header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.apotek-module-detail__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.apotek-badge{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:100px}.apotek-badge--indigo{background:#6366f12e;color:#818cf8}.apotek-badge--green{background:#10b9812e;color:#34d399}.apotek-badge--teal{background:#14b8a62e;color:#2dd4bf}.apotek-badge--pink{background:#ec48992e;color:#f472b6}.apotek-badge--blue{background:#3b82f62e;color:#60a5fa}.apotek-badge--yellow{background:#eab3082e;color:#facc15}.apotek-module-detail__title{font-size:1.55rem;font-weight:800;color:var(--text-primary);margin-bottom:12px}.apotek-module-detail__desc{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.apotek-module-detail__features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.apotek-module-detail__features li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-secondary)}.apotek-check{color:#10b981;font-weight:800}.module-action-guides{display:flex;gap:12px}.apotek-module-preview{background:#020617b3;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.apotek-module-preview__header{padding:12px 16px;color:#fff;font-size:.82rem;font-weight:700}.apotek-module-preview__body{padding:20px;display:flex;flex-direction:column;gap:12px}.apotek-preview-row{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-secondary);background:#ffffff08;padding:8px 12px;border-radius:8px}.preview-status-pill{margin-top:10px;font-size:.72rem;color:#10b981;display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;background:#10b981;border-radius:50%}.apotek-modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.apotek-mod-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .25s ease}.apotek-mod-card:hover{transform:translateY(-4px);border-color:#ffffff40}.apotek-mod-card--active{border-color:var(--cyber-cyan);box-shadow:0 0 25px #06b6d433}.apotek-mod-card__top{display:flex;justify-content:space-between;align-items:center}.apotek-mod-card__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.apotek-mod-card__name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.apotek-mod-card__desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.card-link-text{font-size:.75rem;font-weight:600;color:var(--cyber-cyan);margin-top:auto}.click-collect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.cc-step-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:16px;padding:24px;position:relative;display:flex;flex-direction:column;gap:8px}.cc-step-num{font-size:1.8rem;font-weight:900;color:#ffffff14;position:absolute;top:14px;right:18px}.cc-step-icon{font-size:1.8rem;margin-bottom:6px}.cc-step-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.cc-step-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0}.apotek-stores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.store-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}.store-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.store-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.store-badge{font-size:.7rem;font-weight:700;color:#10b981;background:#10b98126;padding:2px 8px;border-radius:4px}.store-info{font-size:.82rem;color:var(--text-secondary)}.apotek-docs-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:32px;background:var(--cyber-dark-card);padding:8px;border-radius:100px;display:inline-flex;margin-left:auto;margin-right:auto}.apotek-docs-tab{padding:10px 20px;border-radius:100px;background:transparent;border:none;color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.apotek-docs-tab--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f159}.apotek-auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.apotek-auto-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}.apotek-auto-card__top{display:flex;justify-content:space-between;align-items:flex-start}.apotek-auto-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.apotek-auto-card__badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.auto-badge{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px}.auto-badge--schedule{background:#6366f126;color:#818cf8}.auto-badge--category{background:#06b6d426;color:#38bdf8}.apotek-auto-card__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.apotek-auto-card__desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0}.apotek-auto-card__impact{background:#02061780;border-radius:8px;padding:8px 10px;margin-top:auto}.impact-label{font-size:.68rem;font-weight:700;color:var(--cyber-cyan);display:block}.impact-text{font-size:.75rem;color:var(--text-muted);margin:2px 0 0;line-height:1.4}.apotek-roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.apotek-role-card{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:16px}.apotek-role-card__header{display:flex;align-items:center;gap:14px}.apotek-role-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.apotek-role-card__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.apotek-role-card__tagline{font-size:.75rem;color:var(--text-muted)}.apotek-role-card__benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.role-benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.check-icon{color:#10b981;font-weight:800;flex-shrink:0}.apotek-faq-accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.apotek-faq-item{background:var(--cyber-dark-card);border:1px solid var(--cyber-dark-border);border-radius:14px;overflow:hidden;transition:all .2s ease}.apotek-faq-item--open{border-color:#6366f166;box-shadow:0 4px 20px #0006}.apotek-faq-question{width:100%;padding:18px 22px;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit}.faq-chevron{font-size:1.2rem;color:var(--cyber-cyan);font-weight:700}.apotek-faq-answer{padding:0 22px 18px;color:var(--text-secondary);font-size:.88rem;line-height:1.65}.apotek-faq-item:not(.apotek-faq-item--open) .apotek-faq-answer{display:none}.cyber-cta-banner{position:relative;border-radius:28px;padding:56px 40px;text-align:center;overflow:hidden;background:linear-gradient(135deg,#1e1b4be6,#0f172af2);border:1px solid rgba(99,102,241,.35);box-shadow:0 20px 60px #0009,0 0 40px #6366f133}.apotek-cta-banner__content{position:relative;z-index:1;max-width:680px;margin:0 auto}.apotek-cta-banner__content h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:var(--text-primary);margin:16px 0}.apotek-cta-banner__content p{font-size:1rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px}.apotek-cta-banner__actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:1024px){.cyber-hero .container{grid-template-columns:1fr;gap:40px}.pricing-cards-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.cyber-spotlight-card{grid-template-columns:1fr}.apotek-modules-grid,.apotek-auto-grid{grid-template-columns:repeat(2,1fr)}.apotek-roles-grid,.lead-capture-grid,.apotek-testimonials{grid-template-columns:1fr}}@media(max-width:640px){.cyber-glass-stats{grid-template-columns:repeat(2,1fr)}.mockup-stat-row,.click-collect-grid,.apotek-stores-grid,.apotek-modules-grid,.apotek-auto-grid{grid-template-columns:1fr}.lead-capture-card{padding:24px 18px}.form-row,.sim-audit-details,.sim-bpjs-grid{grid-template-columns:1fr}}.apotek-modules__tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:10px 18px;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:100px;margin:30px auto 40px;max-width:fit-content;box-shadow:0 10px 30px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.apotek-module-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:100px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.apotek-module-tab .tab-icon{font-size:1.15rem}.apotek-module-tab:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.apotek-module-tab--active{background:linear-gradient(135deg,#06b6d4,#6366f1)!important;border-color:#38bdf8!important;color:#fff!important;box-shadow:0 4px 20px #06b6d473;transform:translateY(-2px)}.apotek-theme-toggle-bar{position:fixed;top:90px;right:24px;z-index:900}.apotek-theme-toggle-bar .theme-toggle-btn{background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:8px 16px;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 25px #0006;transition:all .25s ease}.apotek-theme-toggle-bar .theme-toggle-btn:hover{background:#1e293bf2;border-color:#38bdf8;transform:scale(1.05)}.apotek-theme-light{background:#f8fafc!important;color:#0f172a!important}.apotek-theme-light .cyber-glow-bg{background:radial-gradient(ellipse 75% 65% at 15% 25%,rgba(6,182,212,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 65%,rgba(99,102,241,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 90%,rgba(16,185,129,.08) 0%,transparent 55%)}.apotek-theme-light .cyber-grid-overlay{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}.apotek-theme-light .glass-panel,.apotek-theme-light .card{background:#ffffffd9!important;border-color:#e2e8f0e6!important;color:#0f172a!important;box-shadow:0 10px 30px #0000000f!important}.apotek-theme-light .apotek-hero__title{color:#0f172a!important}.apotek-theme-light .apotek-hero__subtitle,.apotek-theme-light p{color:#475569!important}.apotek-theme-light .apotek-modules__tabs{background:#f1f5f9e6!important;border-color:#cbd5e1cc!important;box-shadow:0 8px 25px #0000000d!important}.apotek-theme-light .apotek-module-tab{color:#475569!important}.apotek-theme-light .apotek-module-tab:hover{color:#0f172a!important;background:#ffffffe6!important}.apotek-theme-light .apotek-module-tab--active{background:linear-gradient(135deg,#0284c7,#6366f1)!important;color:#fff!important}.apotek-theme-light .apotek-module-detail__title,.apotek-theme-light .apotek-mod-card__name,.apotek-theme-light .sim-hero-title,.apotek-theme-light .pricing-card__title,.apotek-theme-light .faq-question,.apotek-theme-light .form-title{color:#0f172a!important}.apotek-theme-light .apotek-module-preview{background:#f1f5f9!important;border-color:#e2e8f0!important}.apotek-theme-light .apotek-preview-row{color:#334155!important}.apotek-theme-light .lead-capture-form-box,.apotek-theme-light .sim-window-mockup{background:#f1f5f9d9!important;border-color:#cbd5e1!important}.apotek-theme-light .lead-form input,.apotek-theme-light .lead-form select{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}.apotek-theme-light .apotek-theme-toggle-bar .theme-toggle-btn{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important;box-shadow:0 4px 15px #0000001a!important}.quranmind-page{--q-emerald: #059669;--q-gold: #d97706;--q-glass: rgba(255, 255, 255, .7)}.glass-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700}.pulse-dot{display:inline-block;width:8px;height:8px;background:#10b981;border-radius:50%;margin-right:8px;box-shadow:0 0 #10b98166;animation:pulse 2s infinite}.hero-stats-glass{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.stat-glass-card{padding:15px;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;transition:transform .3s ease}.stat-glass-card:hover{transform:translateY(-3px)}.stat-glass-icon{font-size:1.5rem}.stat-glass-info strong{display:block;font-size:1.1rem;color:#064e3b}.stat-glass-info span{font-size:.75rem;color:#6b7280}.glass-card{background:#ffffffa6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px #0000000d}.quran-preview-card{padding:0;overflow:hidden;animation:float 5s ease-in-out infinite alternate}.card-header-quran{background:#f8fafc;padding:10px 15px;display:flex;align-items:center;gap:10px;font-size:.75rem;color:#94a3b8;border-bottom:1px solid #e2e8f0}.quran-dots span{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;background:#e2e8f0}.quran-preview-content{padding:25px}.arabic-line{font-size:1.5rem;color:#064e3b;margin-bottom:10px;font-weight:500}.translation-line{font-size:.85rem;color:#64748b;font-style:italic;margin-bottom:20px}.ai-insight-snip{background:#f0fdf4;border-radius:12px;padding:15px;border-left:3px solid #10b981}.badge-ai{font-size:.6rem;font-weight:800;color:#10b981}.ai-insight-snip p{font-size:.75rem;color:#065f46;margin:5px 0 10px}.interactive-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ai-demo-visual{position:relative;height:300px;background:#064e3b;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px #064e3b33}.demo-message-stack{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:10px}.demo-message{padding:12px 18px;border-radius:12px;font-size:.85rem;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.demo-message--result{background:#10b981;border:1px solid rgba(255,255,255,.3)}.premium-cta{background:#064e3b!important;color:#fff!important;border:none!important}.glass-btn-primary{background:#fff!important;color:#064e3b!important;font-weight:700!important;border-radius:100px!important}.philosophy-section{background:#064e3b;position:relative;overflow:hidden;padding:100px 0}.philosophy-bg-pattern{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:60px 60px}.philosophy-card-v2{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.glass-card-emerald{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:60px 40px;border-radius:40px;box-shadow:0 40px 100px #0003}.philosophy-badge{background:#10b98126!important;color:#6ee7b7!important;border:1px solid rgba(16,185,129,.2)!important;margin-bottom:24px}.philosophy-title{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:24px;font-weight:800;letter-spacing:-.02em}.philosophy-text{font-size:1.25rem;line-height:1.8;color:#ffffffd9;margin-bottom:40px;font-weight:400}.philosophy-signature-v2{display:inline-flex;flex-direction:column;align-items:center;gap:16px}.sig-line{width:60px;height:2px;background:#d97706;border-radius:2px}.sig-text strong{display:block;font-size:1.1rem;color:#fff;letter-spacing:.05em;text-transform:uppercase}.sig-text span{font-size:.9rem;color:#d97706;font-weight:600;font-style:italic}.apotek-docs-page{padding:140px 0 80px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh}.docs-breadcrumb a:hover{color:var(--primary-light)}.docs-sidebar{position:sticky;top:100px;padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0003}.docs-sidebar-link:hover{color:var(--primary-light);background:#6366f10d;border-color:#6366f11a;transform:translate(4px)}.docs-sidebar-link--active{color:#white!important;background:linear-gradient(135deg,#6366f126,#a855f71a);border-color:#6366f133;font-weight:600;color:#fff}.docs-header-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.docs-header-card:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;z-index:1}.docs-badge-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary-light);font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.docs-header-card h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.docs-tabs-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-lg);background:#0003;border:1px solid rgba(255,255,255,.04)}.docs-tab-btn--active{color:#fff!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 15px #6366f14d}.docs-bpjs-steps{display:flex;flex-direction:column;gap:var(--spacing-xl)}.docs-bpjs-step-card{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.04);align-items:center;box-shadow:0 20px 40px #00000026;transition:all var(--transition-normal)}.docs-bpjs-step-card:hover{border-color:#6366f133;background:#ffffff0a;transform:translateY(-4px);box-shadow:0 30px 60px #0000004d}.docs-step-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;box-shadow:0 4px 10px #6366f14d;flex-shrink:0}.docs-copy-url{font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--primary-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-copy-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#6366f126;border:1px solid rgba(99,102,241,.25);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.docs-copy-btn:hover{background:var(--primary-color);border-color:var(--primary-light);box-shadow:0 4px 12px #6366f14d}.docs-copy-btn--copied{background:#10b981!important;border-color:#34d399!important}.docs-step-visual{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0003;display:flex;align-items:center;justify-content:center;position:relative;max-height:320px}.docs-bpjs-step-card:hover .docs-step-img{transform:scale(1.03)}.docs-tip-panel{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f10d,#a855f708);border:1px solid rgba(99,102,241,.1);align-items:flex-start}.docs-faq-card{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.04);overflow:hidden;transition:all var(--transition-normal)}.docs-faq-card:hover{border-color:#6366f126;background:#ffffff08}.docs-faq-card--open{border-color:#6366f140;background:#ffffff0a}.docs-faq-card--open .docs-faq-chevron{transform:rotate(45deg);color:var(--primary-light)}.docs-faq-card--open .docs-faq-content{max-height:300px}.docs-footer-links-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:0 15px 30px #0000001a}.docs-internal-link-item a{color:var(--primary-light);text-decoration:underline;font-weight:600;transition:color var(--transition-fast)}@media(max-width:768px){.apotek-docs-page{padding:100px 0 60px}.docs-bpjs-step-card{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.docs-step-visual,.docs-step-img{max-height:250px}}.docs-step-visual{cursor:zoom-in;position:relative}.docs-step-visual:after{content:"🔍 Klik untuk memperbesar";position:absolute;bottom:12px;right:12px;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:30px;opacity:0;transform:translateY(4px);transition:all .3s ease;pointer-events:none;box-shadow:0 4px 12px #00000040}.docs-lightbox-overlay{position:fixed;inset:0;background:#08080ce6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.docs-lightbox-img{max-width:95%;max-height:95%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 30px 80px #00000080,0 0 40px #6366f126;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.docs-lightbox-instruction:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary-light);box-shadow:0 0 8px var(--primary-light)}.docs-lightbox-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:100px;background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);z-index:10001;box-shadow:0 20px 50px #0006,inset 0 0 20px #ffffff08}.docs-control-btn:hover{background:var(--primary-color);border-color:var(--primary-light);transform:scale(1.1);box-shadow:0 0 10px #6366f166}@media(max-width:768px){.docs-lightbox-instruction{display:none}.docs-lightbox-close{top:16px;right:16px;width:38px;height:38px;font-size:1.25rem}.docs-lightbox-controls{bottom:20px;gap:6px;padding:6px 12px}.docs-control-btn{width:32px;height:32px;font-size:.9rem}.docs-control-btn--text{padding:0 12px;font-size:.75rem}.docs-control-indicator{font-size:.78rem;min-width:50px;padding:0 4px}}.apotek-presensi-docs-page{--primary-color: #4F3232;--primary-dark: #321e1e;--primary-light: #f3e8ff;--accent-color: #D4AF37;--accent-glow: rgba(212, 175, 55, .35);--primary-glow: rgba(79, 50, 50, .5);padding:140px 0 80px;background:linear-gradient(135deg,#140d0d,#080505);min-height:100vh}.apotek-presensi-docs-page ::-webkit-scrollbar-thumb{background:var(--primary-color)}.apotek-presensi-docs-page ::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.docs-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.docs-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.docs-breadcrumb a:hover{color:var(--accent-color)}.docs-breadcrumb-separator{opacity:.5}.docs-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);align-items:start}.docs-sidebar{position:sticky;top:100px;padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#4f323208;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0000004d}.docs-sidebar-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--spacing-xs)}.docs-sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.docs-sidebar-item{width:100%}.docs-sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:.92rem;font-weight:500;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);border:1px solid transparent}.docs-sidebar-link:hover{color:var(--accent-color);background:#d4af370d;border-color:#d4af371a;transform:translate(4px)}.docs-sidebar-link--active{color:#fff!important;background:linear-gradient(135deg,#4f323240,#d4af3726);border-color:#d4af3740;font-weight:600}.docs-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl)}.docs-header-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:#4f323208;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.docs-header-card:before{content:"";position:absolute;top:-50%;right:-20%;width:350px;height:350px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:1}.docs-header-card:after{content:"";position:absolute;bottom:-40%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);pointer-events:none;z-index:1}.docs-badge-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#d4af371a;border:1px solid rgba(212,175,55,.2);color:var(--accent-color);font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.docs-header-card h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff,#ffeaa7);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.docs-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin:0}.docs-tabs-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-lg);background:#0000004d;border:1px solid rgba(255,255,255,.04)}.docs-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.docs-tab-btn:hover{color:var(--text-primary);background:#ffffff08}.docs-tab-btn--active{color:#fff!important;background:linear-gradient(135deg,var(--primary-color),#6e3f3f);border:1px solid rgba(212,175,55,.3);box-shadow:0 4px 15px #4f323266}.docs-flowchart-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:#4f323205;border:1px solid rgba(255,255,255,.04);box-shadow:0 20px 40px #00000026;margin-bottom:var(--spacing-lg)}.docs-flowchart-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.docs-flowchart-visual{background:#00000059;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);padding:var(--spacing-lg);overflow-x:auto}.docs-presensi-steps{display:flex;flex-direction:column;gap:var(--spacing-xl)}.docs-presensi-step-card{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:#4f323205;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.04);align-items:center;box-shadow:0 20px 40px #00000026;transition:all var(--transition-normal)}.docs-presensi-step-card:hover{border-color:#d4af3740;background:#4f32320a;transform:translateY(-4px);box-shadow:0 30px 60px #00000059}.docs-step-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.docs-step-badge{display:flex;align-items:center;gap:var(--spacing-md)}.docs-step-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6e3f3f,var(--primary-color));border:1px solid var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:var(--accent-color);box-shadow:0 4px 10px #d4af3740;flex-shrink:0}.docs-step-badge h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.docs-step-info p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.docs-step-info ul{padding-left:var(--spacing-lg);margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.docs-step-info li{margin-bottom:var(--spacing-xs)}.docs-copy-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#00000040;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);margin-top:var(--spacing-sm);gap:var(--spacing-md)}.docs-copy-url{font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--accent-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-copy-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#d4af3726;border:1px solid rgba(212,175,55,.25);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.docs-copy-btn:hover{background:var(--accent-color);border-color:#fff;color:#000;box-shadow:0 4px 12px var(--accent-glow)}.docs-copy-btn--copied{background:#10b981!important;border-color:#34d399!important;color:#fff!important}.docs-step-visual{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0003;display:flex;align-items:center;justify-content:center;position:relative;max-height:320px;cursor:zoom-in}.docs-step-visual:after{content:"🔍 Klik untuk memperbesar";position:absolute;bottom:12px;right:12px;background:#181010d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.2);color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:30px;opacity:0;transform:translateY(4px);transition:all .3s ease;pointer-events:none;box-shadow:0 4px 12px #00000040}.docs-step-visual:hover:after{opacity:1;transform:translateY(0)}.docs-step-img{width:100%;max-height:320px;object-fit:contain;transition:transform var(--transition-normal) cubic-bezier(.4,0,.2,1)}.docs-presensi-step-card:hover .docs-step-img{transform:scale(1.03)}.docs-tip-panel{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,#4f32321a,#d4af370d);border:1px solid rgba(212,175,55,.1);align-items:flex-start}.docs-tip-icon{font-size:1.5rem;line-height:1}.docs-tip-content h4{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.docs-tip-content p{font-size:.92rem;color:var(--text-secondary);line-height:1.6;margin:0}.docs-faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.docs-faq-card{border-radius:var(--radius-lg);background:#4f323205;border:1px solid rgba(255,255,255,.04);overflow:hidden;transition:all var(--transition-normal)}.docs-faq-card:hover{border-color:#d4af3726;background:#4f323208}.docs-faq-card--open{border-color:#d4af3740;background:#4f32320a}.docs-faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:transparent;border:none;cursor:pointer;text-align:left;gap:var(--spacing-md)}.docs-faq-question{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.4}.docs-faq-chevron{flex-shrink:0;font-size:1.25rem;color:var(--text-secondary);transition:transform var(--transition-normal)}.docs-faq-card--open .docs-faq-chevron{transform:rotate(45deg);color:var(--accent-color)}.docs-faq-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) cubic-bezier(.4,0,.2,1)}.docs-faq-card--open .docs-faq-content{max-height:350px}.docs-faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.docs-footer-links-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#4f323205,#4f323203);border:1px solid rgba(255,255,255,.04);margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:0 15px 30px #0000001a}.docs-footer-links-card h4{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.docs-internal-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.docs-internal-link-item{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.docs-internal-link-item a{color:var(--accent-color);text-decoration:underline;font-weight:600;transition:color var(--transition-fast)}.docs-internal-link-item a:hover{color:#fff}.docs-lightbox-overlay{position:fixed;inset:0;background:#0d0808f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.docs-lightbox-content{position:relative;width:90vw;height:80vh;display:flex;align-items:center;justify-content:center;cursor:grab;overflow:hidden}.docs-lightbox-content:active{cursor:grabbing}.docs-lightbox-img{max-width:95%;max-height:95%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 30px 80px #0009,0 0 40px #d4af3726;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.docs-lightbox-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:10002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.docs-lightbox-close:hover{background:#ef444433;border-color:#ef44444d;transform:rotate(90deg)}.docs-lightbox-instruction{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:8px 18px;border-radius:50px;font-size:.82rem;font-weight:500;z-index:10001;pointer-events:none;box-shadow:0 4px 15px #0003;display:flex;align-items:center;gap:8px}.docs-lightbox-instruction:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.docs-lightbox-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:100px;background:#181010b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.15);z-index:10001;box-shadow:0 20px 50px #00000080}.docs-control-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.docs-control-btn:hover{background:var(--accent-color);border-color:#fff;color:#000;transform:scale(1.1);box-shadow:0 0 10px var(--accent-glow)}.docs-control-btn:active{transform:scale(.95)}.docs-control-btn--text{width:auto;border-radius:50px;padding:0 16px;font-size:.82rem;font-weight:700}.docs-control-indicator{color:var(--text-primary);font-size:.85rem;font-weight:700;padding:0 var(--spacing-sm);min-width:60px;text-align:center;border-right:1px solid rgba(255,255,255,.1);margin-right:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:968px){.docs-grid{grid-template-columns:1fr}.docs-sidebar{position:relative;top:0}.docs-sidebar-menu{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.docs-sidebar-item{width:auto}}@media(max-width:768px){.apotek-presensi-docs-page{padding:100px 0 60px}.docs-presensi-step-card{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.docs-step-visual,.docs-step-img{max-height:250px}.docs-lightbox-instruction{display:none}.docs-lightbox-close{top:16px;right:16px;width:38px;height:38px;font-size:1.25rem}.docs-lightbox-controls{bottom:20px;gap:6px;padding:6px 12px}.docs-control-btn{width:32px;height:32px;font-size:.9rem}.docs-control-btn--text{padding:0 12px;font-size:.75rem}.docs-control-indicator{font-size:.78rem;min-width:50px;padding:0 4px}}.service-page{width:100%;min-height:100vh}.service-hero{position:relative;min-height:60vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}.service-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 20% 30%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(6,182,212,.08) 0%,transparent 50%);z-index:0}.service-hero--ai .service-hero__bg{background:radial-gradient(ellipse 70% 60% at 20% 30%,rgba(6,182,212,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(16,185,129,.08) 0%,transparent 50%)}.service-hero--consulting .service-hero__bg{background:radial-gradient(ellipse 70% 60% at 20% 30%,rgba(236,72,153,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(249,115,22,.08) 0%,transparent 50%)}.service-hero__content{position:relative;z-index:1;max-width:700px}.service-hero__title{font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 var(--spacing-lg)}.service-hero__desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;max-width:580px;margin-bottom:var(--spacing-2xl)}.service-hero__cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);position:relative}.process-steps:before{content:"";position:absolute;top:28px;left:calc(12.5% + 20px);right:calc(12.5% + 20px);height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:.3;z-index:0}.process-step{position:relative;z-index:1;text-align:center}.process-step__number{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:var(--spacing-md)}.process-step__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.process-step__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.industry-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.industry-card__icon{font-size:2.2rem}.industry-card__name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.industry-card__desc{font-size:.83rem;color:var(--text-secondary);line-height:1.5;margin:0}.portfolio-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.portfolio-item{display:flex;align-items:center;gap:var(--spacing-lg);text-decoration:none;color:var(--text-primary);cursor:pointer}.portfolio-item:hover{color:var(--text-primary);text-shadow:none}.portfolio-item__icon{font-size:2rem;flex-shrink:0}.portfolio-item__category{font-size:.72rem;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.portfolio-item__name{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.portfolio-item__desc{font-size:.83rem;color:var(--text-secondary);margin:0}.portfolio-item__arrow{margin-left:auto;color:var(--text-muted);font-size:1.2rem;transition:all var(--transition-fast);flex-shrink:0}.portfolio-item:hover .portfolio-item__arrow{color:var(--primary-light);transform:translate(4px)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.use-case-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.use-case-card__icon{font-size:1.8rem}.use-case-card__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.use-case-card__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.benefit-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.benefit-card__icon{font-size:2.5rem}.benefit-card__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.benefit-card__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.tech-stack-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tech-chip{padding:10px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.tech-chip:hover{border-color:#06b6d44d;color:var(--accent-color);background:#06b6d40d}.related-services{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.related-service-card{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary);cursor:pointer}.related-service-card:hover{color:var(--text-primary);text-shadow:none}.related-service-card__icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.related-service-card h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.related-service-card p{font-size:.83rem;color:var(--text-secondary);margin:0}.service-highlight-card__arrow{color:var(--text-muted);font-size:1.2rem;transition:all var(--transition-fast);flex-shrink:0;margin-left:auto}.related-service-card:hover .service-highlight-card__arrow{color:var(--primary-light);transform:translate(4px)}.service-cta-section{background:transparent}.service-cta-banner{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl);background:linear-gradient(135deg,#6366f11a,#06b6d414);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl)}.service-cta-banner--ai{background:linear-gradient(135deg,#06b6d41a,#10b98114);border-color:#06b6d433}.service-cta-banner--consulting{background:linear-gradient(135deg,#ec48991a,#f973160f);border-color:#ec489933}.service-cta-banner h2{font-size:2rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.service-cta-banner p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:var(--spacing-xl)}@media(max-width:900px){.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps:before{display:none}.industries-grid,.use-cases-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.related-services{grid-template-columns:1fr}}@media(max-width:600px){.service-hero{padding:100px 0 60px}.service-hero__cta{flex-direction:column}.service-hero__cta .btn{width:100%;justify-content:center}.process-steps,.industries-grid,.use-cases-grid,.benefits-grid{grid-template-columns:1fr}}.cyber-services-theme{background:#020617;color:#f8fafc}.text-gradient-cyan{background:linear-gradient(135deg,#38bdf8,#818cf8,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.services-hero{position:relative;padding:120px 0 70px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(6,182,212,.15) 0%,transparent 70%)}.services-hero__bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.18) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(6,182,212,.14) 0%,transparent 50%);pointer-events:none}.services-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.services-hero__content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;background:#06b6d41a;border:1px solid rgba(6,182,212,.35);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;color:#38bdf8;letter-spacing:.08em;margin-bottom:24px;box-shadow:0 0 15px #06b6d426}.live-dot-cyan{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulseDot 1.8s infinite}.services-hero__title{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#fff;margin-bottom:18px}.services-hero__desc{font-size:1.1rem;color:#94a3b8;line-height:1.7;margin:0 auto 36px;max-width:740px}.services-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:36px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:1.4rem}.stat-box strong{font-size:1.3rem;font-weight:800;color:#38bdf8}.stat-box span{font-size:.75rem;color:#94a3b8}.services-hero__cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cyber-btn-primary{background:linear-gradient(135deg,#0284c7,#6366f1)!important;border:none!important;color:#fff!important;box-shadow:0 6px 20px #06b6d459!important}.cyber-btn-secondary{background:#0f172acc!important;border:1px solid rgba(255,255,255,.15)!important;color:#f8fafc!important}.cyber-btn-secondary:hover{background:#1e293be6!important;border-color:#38bdf8!important}.services-estimator-section{padding:80px 0}.estimator-container{background:#0f172ad9;border:1px solid rgba(6,182,212,.25);border-radius:24px;padding:36px;box-shadow:0 20px 50px #00000080}.estimator-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}.estimator-config{display:flex;flex-direction:column;gap:16px}.config-title{font-size:1.1rem;font-weight:800;color:#fff;margin:0 0 10px}.config-group{display:flex;flex-direction:column;gap:8px}.config-lbl{font-size:.8rem;font-weight:600;color:#94a3b8}.options-pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.opt-btn{background:#020617b3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.opt-btn:hover{background:#1e293bcc;color:#fff}.opt-btn--active{background:linear-gradient(135deg,#06b6d440,#6366f140)!important;border-color:#38bdf8!important;color:#fff!important;box-shadow:0 0 14px #38bdf840}.addons-checkbox-grid{display:flex;flex-direction:column;gap:8px}.addon-chip{display:flex;align-items:center;gap:10px;background:#02061799;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 14px;cursor:pointer;font-size:.82rem;color:#94a3b8;transition:all .2s ease}.addon-chip input{cursor:pointer}.addon-chip--active{border-color:#38bdf880;background:#06b6d41a;color:#fff}.output-card{background:#020617d9;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px}.output-tag{font-size:.72rem;font-weight:800;color:#38bdf8;text-transform:uppercase;letter-spacing:.08em}.output-timeline-box{background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px}.output-timeline-box .lbl{font-size:.75rem;color:#94a3b8}.timeline-val{font-size:1.8rem;font-weight:800}.output-timeline-box .sub{font-size:.7rem;color:#64748b}.team-composition-box{display:flex;flex-direction:column;gap:6px}.team-title{font-size:.78rem;font-weight:700;color:#cbd5e1}.team-chips{display:flex;flex-wrap:wrap;gap:6px}.team-chip{font-size:.7rem;font-weight:600;color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.25);padding:4px 8px;border-radius:6px}.deliverables-summary{display:flex;flex-direction:column;gap:6px}.deliv-title{font-size:.78rem;font-weight:700;color:#cbd5e1}.deliv-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.deliv-list li{font-size:.75rem;color:#94a3b8}.services-pillars-section{padding:80px 0}.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.pillar-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:14px;transition:all .3s ease}.pillar-card:hover{transform:translateY(-6px);border-color:#ffffff40;box-shadow:0 20px 45px #00000080}.pillar-header{display:flex;justify-content:space-between;align-items:center}.pillar-icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 20px #0000004d}.pillar-badge{font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:100px}.pillar-badge--indigo{background:#6366f126;color:#818cf8}.pillar-badge--cyan{background:#06b6d426;color:#38bdf8}.pillar-badge--pink{background:#ec489926;color:#f472b6}.pillar-badge--emerald{background:#10b98126;color:#34d399}.pillar-title{font-size:1.3rem;font-weight:800;color:#fff;margin:0}.pillar-tagline{font-size:.8rem;font-weight:600;color:#38bdf8}.pillar-desc{font-size:.88rem;color:#94a3b8;line-height:1.6;margin:0}.pillar-deliverables{display:flex;flex-direction:column;gap:6px;background:#02061799;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.deliv-label{font-size:.75rem;font-weight:700;color:#e2e8f0}.pillar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.pillar-list li{font-size:.78rem;color:#94a3b8}.check-cyan{color:#38bdf8;font-weight:800}.pillar-ideal{font-size:.78rem;color:#64748b;line-height:1.5}.pillar-ideal strong{color:#cbd5e1}.pillar-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.pillar-link{font-size:.85rem;font-weight:700;color:#38bdf8;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease}.pillar-link:hover{gap:10px}.services-process-section{padding:80px 0}.process-timeline-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.process-step-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;gap:8px;position:relative;transition:all .3s ease}.process-step-card:hover{transform:translateY(-4px);border-color:#38bdf8}.step-number{font-size:.8rem;font-weight:800;color:#38bdf8;letter-spacing:.05em}.step-icon{font-size:1.8rem}.step-title{font-size:1rem;font-weight:800;color:#fff;margin:0}.step-desc{font-size:.78rem;color:#94a3b8;line-height:1.55;margin:0}.services-rfq-section{padding:80px 0}.rfq-card{background:#0f172ae6;border:1px solid rgba(6,182,212,.3);border-radius:28px;padding:40px;box-shadow:0 25px 60px #0009}.rfq-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.rfq-intro h2{font-size:2rem;font-weight:800;color:#fff;margin:14px 0}.rfq-intro p{font-size:.95rem;color:#94a3b8;line-height:1.65;margin-bottom:24px}.rfq-perks{display:flex;flex-direction:column;gap:14px}.perk-row{display:flex;gap:12px;align-items:flex-start}.p-icon{font-size:1.4rem;flex-shrink:0}.perk-row strong{font-size:.88rem;color:#fff;display:block}.perk-row span{font-size:.75rem;color:#94a3b8}.rfq-form-wrap{background:#020617cc;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px}.rfq-form{display:flex;flex-direction:column;gap:14px}.form-heading{font-size:1.15rem;font-weight:800;color:#fff;margin:0}.rfq-form .form-group{display:flex;flex-direction:column;gap:4px}.rfq-form label{font-size:.75rem;font-weight:600;color:#cbd5e1}.rfq-form input,.rfq-form select,.rfq-form textarea{background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;color:#fff;font-size:.85rem;outline:none;font-family:inherit}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf840}.privacy-info{font-size:.7rem;color:#64748b;text-align:center}.rfq-success-state{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.success-emoji{font-size:2.5rem}.rfq-success-state h3{font-size:1.4rem;color:#34d399;margin:0}.rfq-success-state p{font-size:.88rem;color:#94a3b8;line-height:1.6}.services-faq-section{padding:80px 0 100px}.services-faq-box{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.services-faq-item{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;transition:all .2s ease}.faq-question-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:transparent;border:none;color:#fff;font-size:.95rem;font-weight:700;text-align:left;cursor:pointer}.faq-chevron{font-size:1.2rem;color:#38bdf8}.faq-answer-box{padding:0 20px 16px;font-size:.85rem;color:#94a3b8;line-height:1.65;display:none}.services-faq-item--open .faq-answer-box{display:block}@media(max-width:1024px){.services-hero__stats{grid-template-columns:repeat(2,1fr)}.process-timeline-grid{grid-template-columns:repeat(3,1fr)}.pillars-grid,.estimator-grid,.rfq-grid{grid-template-columns:1fr}}@media(max-width:640px){.services-hero__stats{grid-template-columns:1fr 1fr}.options-pill-grid,.process-timeline-grid{grid-template-columns:1fr}.rfq-card,.estimator-container{padding:24px 16px}}[data-theme=light] .cyber-services-theme,.theme-light .cyber-services-theme{background:#f8fafc!important;color:#0f172a!important}[data-theme=light] .services-hero__title,.theme-light .services-hero__title{color:#0f172a!important}[data-theme=light] .services-hero__subtitle,.theme-light .services-hero__subtitle{color:#475569!important}[data-theme=light] .cyber-card,[data-theme=light] .pillar-card,[data-theme=light] .estimator-container,[data-theme=light] .rfq-card,[data-theme=light] .sandbox-card,[data-theme=light] .audit-quiz-card,[data-theme=light] .timeline-step-card,.theme-light .cyber-card,.theme-light .pillar-card,.theme-light .estimator-container,.theme-light .rfq-card,.theme-light .sandbox-card,.theme-light .audit-quiz-card,.theme-light .timeline-step-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 10px 30px #0000000d!important}[data-theme=light] .pillar-title,[data-theme=light] .estimator-card-title,[data-theme=light] .rfq-title,[data-theme=light] .form-label,[data-theme=light] .timeline-step-title,.theme-light .pillar-title,.theme-light .estimator-card-title,.theme-light .rfq-title,.theme-light .form-label,.theme-light .timeline-step-title{color:#0f172a!important}[data-theme=light] .pillar-desc,[data-theme=light] .timeline-step-desc,.theme-light .pillar-desc,.theme-light .timeline-step-desc{color:#475569!important}[data-theme=light] .option-pill,.theme-light .option-pill{background:#f8fafc!important;border-color:#00000014!important;color:#334155!important}[data-theme=light] .option-pill:hover,.theme-light .option-pill:hover{background:#f1f5f9!important;border-color:#6366f1!important}[data-theme=light] .option-pill--selected,.theme-light .option-pill--selected{background:#6366f114!important;border-color:#6366f1!important;color:#4f46e5!important}[data-theme=light] .summary-box,.theme-light .summary-box{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .summary-total-val,.theme-light .summary-total-val{color:#0f172a!important}[data-theme=light] .cyber-input,[data-theme=light] .cyber-select,[data-theme=light] .cyber-textarea,.theme-light .cyber-input,.theme-light .cyber-select,.theme-light .cyber-textarea{background:#fff!important;border-color:#0000001f!important;color:#0f172a!important}[data-theme=light] .services-faq-item,.theme-light .services-faq-item{background:#fff!important;border-color:#00000014!important}[data-theme=light] .services-faq-question,.theme-light .services-faq-question{color:#0f172a!important}[data-theme=light] .faq-answer-box p,.theme-light .faq-answer-box p{color:#475569!important}.admin-page{min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.06) 0%,transparent 50%),linear-gradient(135deg,#fafbff,#f1f4ff);padding:120px 0 80px;position:relative}.admin-hero{position:relative}.admin-hero-content{max-width:1200px;margin:0 auto;padding:0 24px}.admin-breadcrumb{margin-bottom:40px;animation:slideInFromLeft .4s ease-out}.admin-breadcrumb .breadcrumb-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(103,126,234,.15);padding:12px 20px;border-radius:25px;box-shadow:0 4px 20px #677eea14;max-width:fit-content}.admin-breadcrumb .breadcrumb-item{display:flex;align-items:center}.admin-breadcrumb .breadcrumb-link{background:none;border:none;color:#667eea;font-weight:600;font-size:14px;cursor:pointer;padding:6px 10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex;align-items:center;gap:6px}.admin-breadcrumb .breadcrumb-link:hover{background:#677eea1f;color:#5a67d8;transform:translateY(-1px)}.admin-breadcrumb .breadcrumb-separator{color:#94a3b8;font-weight:500;font-size:14px;margin:0 4px}.admin-breadcrumb .breadcrumb-current{color:#475569;font-weight:600;font-size:14px;padding:6px 12px;background:linear-gradient(135deg,#677eea14,#764ba20f);border-radius:12px;border:1px solid rgba(103,126,234,.15);display:flex;align-items:center}.admin-header{text-align:center;animation:fadeInUp .8s ease-out}.admin-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#677eea1a,#764ba214);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#667eea;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(103,126,234,.2);box-shadow:0 4px 20px #677eea1a;margin-bottom:30px}.admin-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569 30%,#667eea 70%,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:24px;letter-spacing:-.02em}.admin-header p{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto 50px;line-height:1.6}.admin-status{margin-bottom:60px}.status-card{display:flex;align-items:center;gap:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #677eea1a;border:1px solid rgba(255,255,255,.2);max-width:500px;margin:0 auto;transition:all .3s ease}.status-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #677eea26}.status-card.authenticated{border-left:4px solid #10b981}.status-card.unauthenticated{border-left:4px solid #f59e0b}.status-icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.status-card.authenticated .status-icon{background:linear-gradient(135deg,#10b981,#059669)}.status-card.unauthenticated .status-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-content{flex:1;text-align:left}.status-content h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:4px}.status-content p{color:#64748b;font-size:1rem;margin:0}.logout-btn,.login-btn{flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #677eea33}.logout-btn:hover,.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #677eea4d}.quick-actions{text-align:left;max-width:800px;margin:0 auto}.quick-actions h3{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:30px;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.action-btn{display:flex;align-items:center;gap:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(103,126,234,.1);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 4px 20px #677eea14}.action-btn:hover{transform:translateY(-4px);box-shadow:0 8px 30px #677eea26;border-color:#677eea33}.action-btn.primary{background:linear-gradient(135deg,#677eea0d,#764ba20d);border-color:#677eea33}.action-btn.primary:hover{background:linear-gradient(135deg,#677eea1a,#764ba214)}.action-btn svg{flex-shrink:0;color:#667eea;background:#677eea1a;padding:12px;border-radius:12px;width:44px;height:44px}.action-btn div{flex:1}.action-title{display:block;font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:4px}.action-desc{display:block;font-size:.9rem;color:#64748b;line-height:1.4}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.admin-page{padding:100px 0 60px}.admin-hero-content{padding:0 20px}.admin-header h1{font-size:clamp(2rem,8vw,3rem)}.admin-header p{font-size:1.1rem;margin-bottom:40px}.status-card{flex-direction:column;text-align:center;gap:16px}.status-content{text-align:center}.actions-grid{grid-template-columns:1fr;gap:16px}.action-btn{padding:20px}}@media(max-width:480px){.admin-hero-content{padding:0 16px}.admin-badge{padding:10px 20px;font-size:12px}.status-card{padding:24px}.action-btn{padding:16px;gap:12px}.action-btn svg{width:36px;height:36px;padding:8px}.admin-breadcrumb .breadcrumb-list{padding:10px 16px;gap:6px}}.admin-login-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-container{background:#fff;border-radius:16px;max-width:400px;width:100%;position:relative;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.close-button{position:absolute;top:16px;right:16px;background:#0000001a;color:#64748b;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#0003;color:#374151}.admin-login-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:32px 32px 24px;text-align:center}.admin-login-header h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.admin-login-header p{opacity:.9;font-size:.9rem}.admin-login-form{padding:32px}.admin-login-form h3{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:8px;text-align:center}.admin-login-form>p{color:#64748b;text-align:center;margin-bottom:24px;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px;text-align:center}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-full-width{width:100%}.form-actions{display:flex;gap:12px;justify-content:space-between}.forgot-password{text-align:center;margin-top:20px}.link-button{background:none;border:none;color:#3b82f6;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0}.link-button:hover:not(:disabled){color:#2563eb}.link-button:disabled{opacity:.5;cursor:not-allowed}.security-notice{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 32px;text-align:center}.security-notice p{color:#64748b;font-size:.8rem;margin:0}.reset-success{padding:32px;text-align:center}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.reset-success h3{font-size:1.3rem;color:#1e293b;margin-bottom:12px}.reset-success p{color:#64748b;margin-bottom:24px}@media(max-width:480px){.admin-login-overlay{padding:16px}.admin-login-header{padding:24px 24px 20px}.admin-login-form{padding:24px}.security-notice{padding:16px 24px}.form-actions{flex-direction:column}.btn{width:100%}}@media(prefers-color-scheme:dark){.admin-login-container{background:#1e293b}.close-button{background:#ffffff1a;color:#94a3b8}.close-button:hover{background:#fff3;color:#cbd5e1}.admin-login-form h3{color:#f8fafc}.admin-login-form>p{color:#94a3b8}.form-group label{color:#cbd5e1}.form-group input{background:#334155;border-color:#475569;color:#f8fafc}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-group input::placeholder{color:#64748b}.btn-secondary{background:#334155;color:#cbd5e1;border-color:#475569}.btn-secondary:hover:not(:disabled){background:#475569;color:#f8fafc}.security-notice{background:#0f172a;border-color:#334155}.security-notice p{color:#94a3b8}.reset-success h3{color:#f8fafc}.reset-success p{color:#94a3b8}}.blog-editor{max-width:800px;margin:0 auto}.editor-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small{color:#64748b;font-size:.8rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;text-align:center}.tags-input{border:2px solid #e2e8f0;border-radius:8px;padding:8px;min-height:50px;transition:all .2s ease}.tags-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tag{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:4px}.tag button{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.tag button:hover{background:#fff3}.add-tag{display:flex;gap:8px;align-items:center}.add-tag input{flex:1;border:none;outline:none;padding:4px 0;font-size:.9rem}.add-tag button{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.add-tag button:hover:not(:disabled){background:#e2e8f0;color:#374151}.add-tag button:disabled{opacity:.5;cursor:not-allowed}.content-section{display:flex;flex-direction:column;gap:8px}.content-header{display:flex;justify-content:space-between;align-items:center}.content-header label{font-weight:600;color:#374151;font-size:.9rem}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap}.editor-toolbar button{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:6px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;min-width:32px;font-weight:500}.editor-toolbar button:hover{background:#e2e8f0;color:#374151}.editor-toolbar button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}#content-editor{min-height:400px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;resize:vertical}.content-preview{min-height:400px;padding:16px;border:2px solid #e2e8f0;border-radius:8px;background:#fafafa;line-height:1.6}.content-preview h2{font-size:1.5rem;color:#1e293b;margin:24px 0 12px}.content-preview h3{font-size:1.25rem;color:#334155;margin:20px 0 10px}.content-preview p{margin-bottom:16px}.content-preview ul,.content-preview ol{margin:16px 0;padding-left:24px}.content-preview li{margin-bottom:8px}.content-preview blockquote{border-left:4px solid #3b82f6;background:#f8fafc;padding:16px 20px;margin:16px 0;font-style:italic}.content-preview code{background:#f1f5f9;padding:2px 4px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.content-preview a{color:#3b82f6;text-decoration:underline}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #e2e8f0}.status-selector{display:flex;gap:16px}.status-selector label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;cursor:pointer}.status-selector input[type=radio]{margin:0;accent-color:#3b82f6}.action-buttons{display:flex;gap:12px}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f1f5f9;color:#475569}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:16px}.editor-toolbar{justify-content:center}.form-actions{flex-direction:column;gap:16px;align-items:stretch}.action-buttons{width:100%}.btn{flex:1}.status-selector{justify-content:center}}@media(max-width:480px){.blog-editor{padding:0 16px}.editor-toolbar{gap:2px}.editor-toolbar button{padding:4px 6px;font-size:.7rem;min-width:28px}#content-editor{min-height:300px;font-size:.85rem}.content-preview{min-height:300px;padding:12px}}@media(prefers-color-scheme:dark){.form-group label{color:#cbd5e1}.form-group input,.form-group select,.form-group textarea{background:#334155;border-color:#475569;color:#f8fafc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-group small{color:#94a3b8}.tags-input{background:#334155;border-color:#475569}.tags-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.add-tag input{background:transparent;color:#f8fafc}.add-tag button{background:#475569;border-color:#64748b;color:#cbd5e1}.add-tag button:hover:not(:disabled){background:#64748b;color:#f8fafc}.editor-toolbar button{background:#475569;border-color:#64748b;color:#cbd5e1}.editor-toolbar button:hover{background:#64748b;color:#f8fafc}.editor-toolbar button.active{background:#3b82f6;color:#fff}#content-editor{background:#334155;color:#f8fafc}.content-preview{background:#1e293b;border-color:#475569;color:#cbd5e1}.content-preview h2{color:#f8fafc}.content-preview h3{color:#e2e8f0}.content-preview blockquote{background:#334155;border-color:#3b82f6}.content-preview code{background:#475569;color:#cbd5e1}.status-selector label{color:#cbd5e1}.form-actions{border-color:#475569}.btn-secondary{background:#475569;color:#cbd5e1;border-color:#64748b}.btn-secondary:hover:not(:disabled){background:#64748b;color:#f8fafc}}.admin-dashboard-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.admin-dashboard-container{background:#fff;border-radius:16px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.admin-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.admin-header-left h1{font-size:1.5rem;font-weight:700;margin-bottom:4px}.admin-header-left p{opacity:.8;font-size:.9rem}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-user{font-size:.9rem;opacity:.9}.close-button{background:#ffffff1a;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#fff3}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#dc2626;font-size:16px;cursor:pointer}.admin-nav{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 32px;display:flex;gap:8px}.nav-btn{background:none;border:none;padding:16px 20px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.nav-btn:hover{color:#374151;background:#3b82f60d}.nav-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f60d}.admin-content{flex:1;overflow:auto;padding:32px}.posts-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.posts-list-header h2{font-size:1.5rem;color:#1e293b}.posts-stats{display:flex;gap:16px;font-size:.9rem;color:#64748b}.loading-state{text-align:center;padding:60px 20px;color:#64748b}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state h3{color:#374151;margin-bottom:8px}.posts-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.posts-table table{width:100%;border-collapse:collapse}.posts-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0}.posts-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:top}.posts-table tr:hover{background:#f8fafc}.post-title-cell strong{display:block;color:#1e293b;margin-bottom:4px}.post-title-cell small{color:#64748b;line-height:1.4}.status-badge{padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500}.status-published{background:#dcfce7;color:#166534}.status-draft{background:#fef3c7;color:#92400e}.category-badge{background:#e2e8f0;color:#475569;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.action-buttons{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#475569}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.btn-small{padding:6px 12px;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.editor-section h2{color:#1e293b;margin-bottom:24px;font-size:1.5rem}@media(max-width:768px){.admin-dashboard-overlay{padding:10px}.admin-header{padding:20px 24px;flex-direction:column;gap:16px;align-items:flex-start}.admin-header-right{width:100%;justify-content:space-between}.admin-nav{padding:0 24px;overflow-x:auto}.admin-content{padding:24px}.posts-list-header{flex-direction:column;gap:12px;align-items:flex-start}.posts-table{overflow-x:auto}.posts-table table{min-width:600px}.action-buttons{flex-direction:column}}@media(max-width:480px){.admin-dashboard-overlay{padding:5px}.admin-header{padding:16px 20px}.admin-nav{padding:0 20px}.admin-content{padding:20px}}@media(prefers-color-scheme:dark){.admin-dashboard-container{background:#1e293b}.admin-nav{background:#0f172a;border-color:#334155}.nav-btn{color:#94a3b8}.nav-btn:hover{color:#cbd5e1;background:#3b82f61a}.nav-btn.active{color:#60a5fa;background:#3b82f61a}.posts-list-header h2{color:#f8fafc}.posts-stats,.empty-state{color:#94a3b8}.empty-state h3{color:#cbd5e1}.posts-table{background:#334155}.posts-table th{background:#1e293b;color:#cbd5e1;border-color:#475569}.posts-table td{border-color:#475569}.posts-table tr:hover{background:#475569}.post-title-cell strong{color:#f8fafc}.post-title-cell small{color:#94a3b8}.category-badge{background:#475569;color:#cbd5e1}.btn-secondary{background:#475569;color:#cbd5e1;border-color:#64748b}.btn-secondary:hover:not(:disabled){background:#64748b;color:#f8fafc}.editor-section h2{color:#f8fafc}}.news-editor-page{padding:120px 0 60px;background-color:var(--bg-primary);min-height:100vh}.editor-description{margin-bottom:2rem;color:var(--text-secondary)}.editor-description code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:monospace}.editor-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:900px){.editor-grid{grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-secondary);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.content-textarea{min-height:500px;font-family:monospace;line-height:1.6}.editor-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.download-btn{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s}.download-btn:hover{background-color:var(--primary-dark)}.App{width:100%;min-height:100vh;overflow-x:hidden}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #a5b4fc;--primary-glow: rgba(99, 102, 241, .4);--accent-color: #06b6d4;--accent-glow: rgba(6, 182, 212, .4);--secondary-color: #f472b6;--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-glass: rgba(15, 23, 42, .6);--bg-glass-light: rgba(255, 255, 255, .03);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-light: #cbd5e1;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 12px -1px rgb(0 0 0 / .7);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .8);--glow-primary: 0 0 30px var(--primary-glow);--glow-accent: 0 0 30px var(--accent-glow);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .7s cubic-bezier(.4, 0, .2, 1)}[data-theme=light],.theme-light{color-scheme:light;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-glass: rgba(255, 255, 255, .85);--bg-glass-light: rgba(15, 23, 42, .03);--text-primary: #0f172a;--text-secondary: #475569;--text-light: #334155;--text-muted: #64748b;--border-color: rgba(15, 23, 42, .08);--border-highlight: rgba(15, 23, 42, .16);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 15px -1px rgb(0 0 0 / .08);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1);--primary-glow: rgba(99, 102, 241, .2);--accent-glow: rgba(6, 182, 212, .2)}body.theme-light{background-color:#f8fafc;color:#0f172a;background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(248,250,252,1) 0%,transparent 100%)}.theme-light .glass-panel,.theme-light .card{background:#ffffffe6!important;border-color:#e2e8f0e6!important;color:#0f172a!important;box-shadow:0 10px 30px #0000000f!important}.theme-light .btn--secondary{background:#0000000a!important;border-color:#0000001f!important;color:#0f172a!important}.theme-light .btn--secondary:hover{background:#00000014!important;border-color:var(--primary-color)!important}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}@keyframes bg-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 35%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.15) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(15,23,42,1) 0%,transparent 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(at 0% 0%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(6,182,212,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.05) 0,transparent 50%),radial-gradient(at 0% 100%,rgba(99,102,241,.08) 0,transparent 50%);z-index:-1;pointer-events:none}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--bg-glass-light);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000005e}.glass-panel-heavy{background:#0f172acc;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.05)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.03em}h1{font-size:clamp(2.25rem,8vw,4rem);font-weight:800}h2{font-size:clamp(1.75rem,6vw,3rem);font-weight:800}h3{font-size:clamp(1.4rem,4.5vw,2.25rem)}h4{font-size:clamp(1.15rem,3.5vw,1.75rem)}@media(max-width:768px){h1{font-size:clamp(2rem,7vw,2.75rem)}h2{font-size:clamp(1.5rem,5.5vw,2.25rem)}h3{font-size:clamp(1.25rem,4vw,1.75rem)}}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--primary-light) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:1.05rem;letter-spacing:-.01em}a{color:var(--primary-light);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:#fff;text-shadow:0 0 15px var(--primary-glow)}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--spacing-xl)}@media(max-width:1024px){.container{padding:0 var(--spacing-xl)}}@media(max-width:768px){.container{padding:0 var(--spacing-lg)}}@media(max-width:480px){.container{padding:0 var(--spacing-md)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:20px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.section{padding:var(--spacing-3xl) 0;position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-3xl)}.section-header h2{margin-bottom:var(--spacing-lg)}.section-header p{font-size:1.25rem;color:var(--text-secondary);max-width:650px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 20px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:.85rem;font-weight:600;color:var(--primary-light);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 32px;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden;min-height:48px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(max-width:480px){.btn{padding:13px 24px;font-size:.95rem}.btn--large{padding:15px 28px;font-size:1rem}}.btn--primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:0 10px 20px -5px #6366f180}.btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 30px -10px #6366f199}.btn--primary:hover:before{left:100%}.btn--secondary{background:#ffffff0d;border:1px solid var(--border-color);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--secondary:hover{background:#ffffff1a;border-color:var(--primary-light);transform:translateY(-3px)}.card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(99,102,241,.1),transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{border-color:#6366f14d;transform:translateY(-8px);background:#ffffff0a;box-shadow:0 30px 60px -12px #00000080}.card:hover:after{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.animate-fadeInUp{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) both}.animate-float{animation:float 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:480px){body:before{display:none}}@media(hover:none)and (pointer:coarse){.card:hover,.btn--primary:hover,.btn--secondary:hover{transform:none}}@media(max-width:768px){.section{padding:var(--spacing-2xl) 0}.section-header{margin-bottom:var(--spacing-2xl)}.section-header p{font-size:1rem}}@media(max-width:480px){.section{padding:calc(var(--spacing-xl) * 1.5) 0}.section-header{margin-bottom:var(--spacing-xl)}}