.profile-doc-section{padding:clamp(50px,8vh,90px) 0;position:relative;overflow:hidden}.doc-section-grand,.doc-section-tata{background:linear-gradient(135deg,#e0f2fe,#eff6ff,#e0f2fe)}.doc-section-sop{background:linear-gradient(135deg,#e0f2fe 0% 50%,#f3e5f5)}.profile-doc-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(88,180,231,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(88,180,231,.06) 0%,transparent 50%);pointer-events:none}.doc-section-header{text-align:center;max-width:720px;margin:0 auto clamp(30px,4vh,45px);position:relative;z-index:1}.doc-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);margin:0 auto clamp(12px,2vh,18px);border-radius:50%;background:linear-gradient(135deg,#26378b,#58b4e7);box-shadow:0 10px 30px #26378b40;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.doc-icon{width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);color:#fff}.doc-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;background:linear-gradient(135deg,#26378b,#58b4e7,#58b4e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem;letter-spacing:-.03em;text-transform:uppercase}.doc-section-subtitle{font-size:clamp(1rem,2.2vw,1.25rem);color:#4b5563;line-height:1.7;font-weight:500}.doc-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,3vw,30px);padding:clamp(35px,5vw,50px) clamp(25px,4vw,40px);background:#fff;border-radius:24px;box-shadow:0 20px 50px #0000001a,0 5px 15px #0000000d;border:2px solid rgba(255,255,255,.8);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:1}.kementrian-container .kementrian-label{padding-right:140px;white-space:normal;word-break:break-word}@media(max-width:768px){.kementrian-container .kementrian-label{padding-right:0}}.doc-card-bg-decoration{position:absolute;top:-50%;right:-10%;width:300px;height:300px;border-radius:50%;opacity:.08;transition:all .5s ease;z-index:0}.doc-card-grand .doc-card-bg-decoration,.doc-card-tata .doc-card-bg-decoration{background:radial-gradient(circle,#26378b,#58b4e7)}.doc-card-sop .doc-card-bg-decoration{background:radial-gradient(circle,#58b4e7,#58b4e7)}.doc-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 70px #00000026,0 10px 25px #00000014}.doc-card:hover .doc-card-bg-decoration{transform:scale(1.3) rotate(45deg);opacity:.12}.doc-card-content{position:relative;z-index:1}.doc-card-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#26378b;margin-bottom:.8rem;line-height:1.3}.doc-card-desc{color:#4b5563;line-height:1.7;font-size:clamp(.95rem,1.8vw,1.08rem);margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.doc-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:clamp(.9rem,2vw,1.1rem) clamp(1.8rem,3.5vw,2.5rem);border-radius:16px;background:linear-gradient(135deg,#26378b,#58b4e7,#58b4e7);background-size:200% 100%;color:#fff;font-weight:700;font-size:clamp(.95rem,1.8vw,1.08rem);text-decoration:none;white-space:nowrap;transition:all .3s ease;box-shadow:0 10px 25px #58b4e74d;position:relative;z-index:1;overflow:hidden}.doc-card-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#26378b;opacity:0;transition:opacity .3s ease;z-index:-1}.doc-card-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #26378b66;background-position:100% 0;color:#fff}.doc-card-btn:hover:before{opacity:1}.doc-card-btn svg{width:20px;height:20px;transition:transform .3s ease}.doc-card-btn:hover svg{transform:translate(4px)}@media(max-width:768px){.doc-card{padding:clamp(25px,5vw,35px) clamp(20px,4vw,28px)}.doc-card-btn{width:100%;max-width:300px}.doc-card-bg-decoration{width:200px;height:200px;top:-30%;right:-20%}}@media(max-width:480px){.doc-card-desc{font-size:.9rem}}@media screen and (max-width:1920px)and (-webkit-device-pixel-ratio:.8){.doc-section-title{font-size:clamp(1.9rem,3.4vw,2.6rem)}}@media screen and (min-width:1024px)and (-webkit-device-pixel-ratio:1.25){.doc-section-title{font-size:clamp(1.6rem,3vw,2.2rem)}}