.kitab-about{min-height:100vh;padding:clamp(24px, 5vw, 48px) 0;background:radial-gradient(circle at 0% 0%,rgba(0,168,89,.08),transparent 58%),radial-gradient(circle at 100% 0%,rgba(0,180,216,.06),transparent 58%),linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%)}.kitab-about__wrapper{max-width:1000px;margin:0 auto;padding:0 clamp(20px, 4vw, 40px)}.kitab-about__content{background:rgba(255,255,255,.95);border-radius:32px;padding:clamp(32px, 6vw, 56px);box-shadow:0 20px 60px rgba(12,28,60,.12),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(12,32,66,.08);position:relative;overflow:hidden}.kitab-about__content::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00a859,#00b4d8);border-radius:32px 32px 0 0}.kitab-about__header{text-align:center;margin-bottom:clamp(32px, 5vw, 48px);padding-bottom:clamp(24px, 4vw, 36px);border-bottom:2px solid rgba(0,168,89,.12);position:relative}.kitab-about__icon{font-size:clamp(3.5rem, 7vw, 5rem);margin-bottom:20px;display:inline-block;animation:nebulaAboutIcon 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,168,89,.2))}@keyframes nebulaAboutIcon{0%,100%{transform:translateY(0) scale(1) rotate(0deg)}25%{transform:translateY(-10px) scale(1.05) rotate(-5deg)}50%{transform:translateY(-8px) scale(1.08) rotate(0deg)}75%{transform:translateY(-10px) scale(1.05) rotate(5deg)}}.kitab-about__title{margin:0 0 16px;font-size:clamp(2.2rem, 4.5vw, 3rem);font-weight:900;background:linear-gradient(135deg,#00a859,#00b4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 4px 12px rgba(10,26,54,.1)}.kitab-about__subtitle{margin:0;font-size:clamp(1.1rem, 2.2vw, 1.3rem);color:rgba(26,29,47,.8);font-weight:600;line-height:1.6}.kitab-about__subtitle strong{color:#00a859;font-weight:800}.kitab-about__body{margin-top:clamp(32px, 5vw, 48px)}.kitab-about__intro{padding:clamp(24px, 4vw, 32px);border-radius:24px;background:linear-gradient(135deg,rgba(0,168,89,.1),rgba(0,180,216,.08));border:2px solid rgba(0,168,89,.2);margin-bottom:clamp(32px, 5vw, 40px);box-shadow:0 12px 32px rgba(0,168,89,.15),inset 0 1px 0 rgba(255,255,255,.6);position:relative;overflow:hidden}.kitab-about__intro::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,168,89,.1),transparent 70%);animation:nebulaAboutPulse 8s ease-in-out infinite}@keyframes nebulaAboutPulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.kitab-about__intro p{margin:0;font-size:clamp(1.05rem, 2vw, 1.2rem);line-height:1.9;color:#1a1d2f;font-weight:500;position:relative;z-index:1}.kitab-about__intro strong{color:#00a859;font-weight:800}.kitab-about__section{margin-bottom:clamp(28px, 4vw, 36px);padding:clamp(28px, 4vw, 36px);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,255,.95));border:2px solid rgba(0,168,89,.12);box-shadow:0 10px 28px rgba(12,28,60,.1),inset 0 1px 0 rgba(255,255,255,.7);transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:clamp(20px, 3vw, 28px);align-items:start}.kitab-about__section::before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,#6c5ce7,#ff4d6d,#00cec9);opacity:0;transition:opacity 0.3s ease}.kitab-about__section:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(12,28,60,.15),inset 0 1px 0 rgba(255,255,255,.8)}.kitab-about__section:hover::before{opacity:1}.kitab-about__section-icon{font-size:clamp(2.5rem, 5vw, 3.5rem);width:clamp(70px, 10vw, 90px);height:clamp(70px, 10vw, 90px);border-radius:20px;background:linear-gradient(135deg,#6c5ce7,#ff4d6d);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,168,89,.3),inset 0 1px 0 rgba(255,255,255,.3);flex-shrink:0;animation:nebulaAboutSectionIcon 4s ease-in-out infinite;position:relative;z-index:1}@keyframes nebulaAboutSectionIcon{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(5deg)}}.kitab-about__section-title{margin:0 0 clamp(16px, 2.5vw, 20px);font-size:clamp(1.5rem, 3vw, 1.9rem);font-weight:900;color:#0a1a36;letter-spacing:-.01em;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.kitab-about__section-title::after{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#ff4d6d);flex-shrink:0;box-shadow:0 0 0 4px rgba(0,168,89,.2)}.kitab-about__section-content{color:#1a1d2f;position:relative;z-index:1}.kitab-about__section-content p{margin:0;font-size:clamp(1rem, 1.8vw, 1.1rem);line-height:1.9;text-align:justify;color:#1a1d2f}.kitab-about__section-content strong{color:#00a859;font-weight:800}.kitab-about__cta{margin-top:clamp(40px, 6vw, 56px);padding:clamp(32px, 5vw, 48px);border-radius:28px;background:linear-gradient(135deg,rgba(0,168,89,.12),rgba(0,180,216,.1));border:2px solid rgba(0,168,89,.2);text-align:center;box-shadow:0 16px 40px rgba(0,168,89,.2),inset 0 1px 0 rgba(255,255,255,.6);position:relative;overflow:hidden}.kitab-about__cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(108,92,231,.1),transparent 70%);animation:nebulaAboutCTAPulse 6s ease-in-out infinite}@keyframes nebulaAboutCTAPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.kitab-about__cta-title{margin:0 0 16px;font-size:clamp(1.8rem, 3.5vw, 2.4rem);font-weight:900;background:linear-gradient(135deg,#6c5ce7,#ff4d6d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.kitab-about__cta-text{margin:0 0 28px;font-size:clamp(1.05rem, 2vw, 1.2rem);color:rgba(26,29,47,.8);font-weight:600;line-height:1.7;position:relative;z-index:1}.kitab-about__cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;border-radius:20px;background:linear-gradient(135deg,#6c5ce7,#ff4d6d);color:#fff;text-decoration:none;font-weight:800;font-size:clamp(1rem, 1.8vw, 1.15rem);box-shadow:0 12px 32px rgba(0,168,89,.4),inset 0 1px 0 rgba(255,255,255,.3);transition:all 0.3s ease;position:relative;z-index:1}.kitab-about__cta-button:hover,.kitab-about__cta-button:focus{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,168,89,.5),inset 0 1px 0 rgba(255,255,255,.4);background:linear-gradient(135deg,#5a4cd6,#e6445d)}.kitab-about__cta-button:active{transform:translateY(-1px)}.kitab-about__cta-button span{font-size:1.3em;transition:transform 0.3s ease}.kitab-about__cta-button:hover span{transform:translateX(-4px)}.kitab-about__footer{margin-top:clamp(40px, 6vw, 56px);padding-top:clamp(24px, 4vw, 32px);border-top:2px solid rgba(0,168,89,.12);text-align:center}.kitab-about__copyright{padding:clamp(16px, 3vw, 24px);border-radius:16px;background:linear-gradient(135deg,rgba(0,168,89,.08),rgba(0,180,216,.06));border:1px solid rgba(0,168,89,.1)}.kitab-about__copyright p{margin:0;font-size:clamp(0.9rem, 1.6vw, 1rem);color:rgba(26,29,47,.8);font-weight:600}.kitab-about__copyright strong{color:#00a859;font-weight:800}@media (max-width:640px){.kitab-about{padding:20px 0}.kitab-about__wrapper{padding:0 16px}.kitab-about__content{padding:24px 20px;border-radius:24px}.kitab-about__header{margin-bottom:24px;padding-bottom:20px}.kitab-about__section{grid-template-columns:1fr;padding:20px 18px;text-align:center}.kitab-about__section-icon{margin:0 auto 16px}.kitab-about__section-title{justify-content:center}.kitab-about__section-content p{text-align:justify}.kitab-about__cta{padding:24px 20px}}@media (min-width:641px) and (max-width:1023px){.kitab-about__wrapper{max-width:900px}}@media (min-width:1024px){.kitab-about__content{padding:56px 48px}.kitab-about__section{padding:36px 40px}}