@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";#takaful-logo-container[data-v-acddfaa3]{--primary-dark: #0A2E5A;--primary-main: #0d3b7a;--primary-light: #1a56a5;--gold-main: #D4AF37;--gold-light: #f0d37d;--gold-dark: #b8952c;--white: #ffffff;--off-white: #f8f8f8;--accent-colors: #2a5c9d, #3a6cb0, #4a7cc3, #5a8cd6, #6a9ce9, #7aacfc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .15);--transition: all .35s cubic-bezier(.25, .46, .45, .94);--border-radius: 24px;font-family:Tajawal,sans-serif;color:var(--primary-dark);display:inline-block}#takaful-logo-container .logo-container[data-v-acddfaa3]{perspective:1000px}#takaful-logo-container .logo-card[data-v-acddfaa3]{padding:40px;width:500px;display:flex;flex-direction:column;align-items:center;transition:var(--transition);position:relative;overflow:hidden}#takaful-logo-container .logo-card[data-v-acddfaa3]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#d4af370d,#d4af3700 70%);transform:rotate(45deg);z-index:0;opacity:0;transition:opacity .6s ease}#takaful-logo-container .logo-card[data-v-acddfaa3]:hover:before{opacity:.6}#takaful-logo-container .logo-card[data-v-acddfaa3]:hover{transform:translateY(-5px)}#takaful-logo-container .logo-symbol[data-v-acddfaa3]{width:280px;height:280px;position:relative;margin-bottom:30px;z-index:2}#takaful-logo-container .outer-circle[data-v-acddfaa3]{position:absolute;width:100%;height:100%;border:5px solid var(--primary-dark);border-radius:50%;box-sizing:border-box;background:radial-gradient(circle at center,var(--white) 65%,rgba(212,175,55,.05) 100%);box-shadow:inset 0 0 20px #0a2e5a14,0 0 25px #0a2e5a1a;transition:var(--transition)}#takaful-logo-container .logo-symbol:hover .outer-circle[data-v-acddfaa3]{border-color:var(--primary-main);box-shadow:inset 0 0 30px #0a2e5a1f,0 0 35px #0a2e5a26;transform:scale(1.02)}#takaful-logo-container .orbiting-people[data-v-acddfaa3]{position:absolute;width:100%;height:100%;top:0;left:0;transform:rotate(0);transition:transform 1s ease-out;will-change:transform;z-index:2}#takaful-logo-container .inner-orbiting-people-container[data-v-acddfaa3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;pointer-events:none}#takaful-logo-container .inner-orbiting-people[data-v-acddfaa3]{position:absolute;width:160px;height:160px;top:50%;left:50%;margin-top:-80px;margin-left:-80px;transform:rotate(0);transition:transform 1s ease-out;will-change:transform}#takaful-logo-container .logo-symbol:hover .orbiting-people[data-v-acddfaa3],#takaful-logo-container .logo-symbol:hover .inner-orbiting-people[data-v-acddfaa3]{animation:rotate-forever-acddfaa3 60s linear infinite}#takaful-logo-container .person[data-v-acddfaa3]{position:absolute;width:48px;height:48px;top:0;left:50%;transform-origin:center 140px;transform:translate(-50%) rotate(var(--tilt-angle));animation:float-person-acddfaa3 5s ease-in-out infinite;transition:var(--transition);z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}#takaful-logo-container .inner-person[data-v-acddfaa3]{position:absolute;width:38px;height:38px;top:0;left:50%;transform-origin:center 80px;transform:translate(-50%) rotate(var(--tilt-angle));animation:float-person-acddfaa3 5s ease-in-out infinite;transition:var(--transition);z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}#takaful-logo-container .person-svg[data-v-acddfaa3]{width:100%;height:100%;transition:var(--transition)}#takaful-logo-container .person-path[data-v-acddfaa3]{fill:currentColor;transition:var(--transition)}#takaful-logo-container .person[data-v-acddfaa3]:hover{transform:translate(-50%) rotate(var(--tilt-angle)) scale(1.2);z-index:4;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation-play-state:paused}#takaful-logo-container .inner-person[data-v-acddfaa3]:hover{transform:translate(-50%) rotate(var(--tilt-angle)) scale(1.25);z-index:4;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation-play-state:paused}#takaful-logo-container .person:hover .person-path[data-v-acddfaa3],#takaful-logo-container .inner-person:hover .person-path[data-v-acddfaa3]{fill:var(--gold-main);stroke:var(--gold-dark)}#takaful-logo-container .person-1[data-v-acddfaa3]{--tilt-angle: 15deg;color:#2a5c9d;animation-delay:.1s}#takaful-logo-container .person-2[data-v-acddfaa3]{--tilt-angle: 87deg;color:#3a6cb0;animation-delay:.3s}#takaful-logo-container .person-3[data-v-acddfaa3]{--tilt-angle: 159deg;color:#4a7cc3;animation-delay:.5s}#takaful-logo-container .person-4[data-v-acddfaa3]{--tilt-angle: 231deg;color:#5a8cd6;animation-delay:.7s}#takaful-logo-container .person-5[data-v-acddfaa3]{--tilt-angle: 303deg;color:#6a9ce9;animation-delay:.9s}#takaful-logo-container .person-6[data-v-acddfaa3]{--tilt-angle: 51deg;color:#7aacfc;animation-delay:.2s}#takaful-logo-container .person-7[data-v-acddfaa3]{--tilt-angle: 123deg;color:#8abcff;animation-delay:.4s}#takaful-logo-container .person-8[data-v-acddfaa3]{--tilt-angle: 195deg;color:#9accff;animation-delay:.6s}#takaful-logo-container .person-9[data-v-acddfaa3]{--tilt-angle: 267deg;color:#aadcff;animation-delay:.8s}#takaful-logo-container .person-10[data-v-acddfaa3]{--tilt-angle: 339deg;color:var(--gold-light);animation-delay:1s}#takaful-logo-container .community-core[data-v-acddfaa3]{position:absolute;width:100px;height:100px;background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary-main) 100%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 15px #0a2e5a1a,inset 0 0 25px #0003,0 6px 25px #00000026;display:flex;justify-content:center;align-items:center;z-index:10;transition:var(--transition);cursor:pointer;overflow:hidden}#takaful-logo-container .community-core[data-v-acddfaa3]:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,transparent 45%,var(--gold-main) 45.5%,transparent 46%),repeating-conic-gradient(from 0deg,transparent 0deg 9deg,rgba(212,175,55,.3) 9deg 18deg),linear-gradient(45deg,transparent 45%,rgba(255,255,255,.2) 50%,transparent 55%);opacity:.5;transition:var(--transition)}#takaful-logo-container .community-core[data-v-acddfaa3]:hover:before{opacity:.7;animation:pattern-rotate-acddfaa3 20s linear infinite}#takaful-logo-container .community-core[data-v-acddfaa3]:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 18px #0a2e5a26,inset 0 0 30px #00000040,0 8px 30px #0003}#takaful-logo-container .core-inner[data-v-acddfaa3]{width:50px;height:50px;background:linear-gradient(145deg,var(--gold-main) 0%,var(--gold-light) 100%);border-radius:50%;animation:pulse-acddfaa3 2.5s ease-in-out infinite alternate;box-shadow:0 0 20px var(--gold-main);transition:var(--transition);display:flex;justify-content:center;align-items:center;position:relative;z-index:2}#takaful-logo-container .core-inner[data-v-acddfaa3]:after{font-size:24px;color:var(--primary-dark);opacity:.8;transition:var(--transition)}#takaful-logo-container .community-core:hover .core-inner[data-v-acddfaa3]{animation:pulse-acddfaa3 1.5s ease-in-out infinite alternate;box-shadow:0 0 30px var(--gold-main)}#takaful-logo-container .community-core:hover .core-inner[data-v-acddfaa3]:after{transform:scale(1.1);opacity:1}#takaful-logo-container .islamic-pattern[data-v-acddfaa3]{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,transparent 65%,rgba(212,175,55,.1) 65.5%,transparent 66%),repeating-conic-gradient(from 0deg,transparent 0deg 30deg,rgba(255,255,255,.1) 30deg 36deg);opacity:.6;z-index:1;pointer-events:none}#takaful-logo-container .islamic-pattern[data-v-acddfaa3]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 45%,rgba(212,175,55,.05) 45.5%,transparent 46%),repeating-linear-gradient(45deg,transparent 0px 2px,rgba(255,255,255,.1) 2px 4px);border-radius:50%;animation:pattern-rotate-reverse-acddfaa3 30s linear infinite}#takaful-logo-container .core-ring[data-v-acddfaa3]{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px solid var(--gold-main);transform:translate(-50%,-50%);animation:ring-pulse-acddfaa3 5s ease-in-out infinite;pointer-events:none;opacity:0;transition:opacity .5s ease}#takaful-logo-container .community-core:hover .core-ring[data-v-acddfaa3]{opacity:.35}#takaful-logo-container .ring-1[data-v-acddfaa3]{width:160px;height:160px;animation-delay:0s}#takaful-logo-container .ring-2[data-v-acddfaa3]{width:200px;height:200px;animation-delay:.5s}#takaful-logo-container .ring-3[data-v-acddfaa3]{width:240px;height:240px;animation-delay:1s}#takaful-logo-container .ring-4[data-v-acddfaa3]{width:280px;height:280px;animation-delay:1.5s}#takaful-logo-container .person-svg[data-v-acddfaa3]{transform:scale(2);transform-origin:center}#takaful-logo-container .middle-ring[data-v-acddfaa3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;z-index:1;pointer-events:none}#takaful-logo-container .middle-ring[data-v-acddfaa3]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(212,175,55,.1) 60.5%,transparent 61%),repeating-conic-gradient(from 0deg,transparent 0deg 5deg,rgba(212,175,55,.15) 5deg 10deg);animation:pattern-rotate-reverse-acddfaa3 40s linear infinite}#takaful-logo-container .middle-ring[data-v-acddfaa3]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:1px dashed rgba(10,46,90,.2);animation:pattern-rotate-acddfaa3 60s linear infinite}#takaful-logo-container .connecting-lines[data-v-acddfaa3]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}#takaful-logo-container .connecting-line[data-v-acddfaa3]{position:absolute;top:50%;left:50%;width:50%;height:1px;background:linear-gradient(to right,transparent 0%,rgba(212,175,55,.3) 20%,rgba(212,175,55,.1) 80%,transparent 100%);transform-origin:left center;transform:rotate(var(--line-angle)) translate(50px)}#takaful-logo-container .takaful-symbol[data-v-acddfaa3]{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}#takaful-logo-container .takaful-symbol svg[data-v-acddfaa3]{width:100%;height:100%;fill:var(--gold-main);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:pulse-acddfaa3 3s ease-in-out infinite alternate}#takaful-logo-container .logo-text[data-v-acddfaa3]{text-align:center;margin-top:20px;z-index:2;position:relative;transition:var(--transition)}#takaful-logo-container .logo-text[data-v-acddfaa3]:hover{transform:translateY(-2px)}#takaful-logo-container .main-text[data-v-acddfaa3]{font-size:40px;font-weight:800;color:#000;line-height:1.2;letter-spacing:-.5px;margin-bottom:6px;transition:var(--transition);text-shadow:var(--shadow-sm);position:relative}#takaful-logo-container .main-text[data-v-acddfaa3]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:50px;height:2px;background:var(--gold-main);border-radius:2px;opacity:.8;transition:var(--transition)}#takaful-logo-container .logo-text:hover .main-text[data-v-acddfaa3]:after{width:70px;background:var(--gold-light)}#takaful-logo-container .logo-text:hover .main-text[data-v-acddfaa3]{color:#000;text-shadow:0 4px 8px rgba(10,46,90,.1)}#takaful-logo-container .sub-text[data-v-acddfaa3]{font-size:28px;font-weight:600;color:#000;letter-spacing:-.3px;transition:var(--transition);text-shadow:var(--shadow-sm);margin-bottom:12px}#takaful-logo-container .logo-text:hover .sub-text[data-v-acddfaa3]{color:#000;transform:translateY(1px)}#takaful-logo-container .year-text[data-v-acddfaa3]{font-size:26px;font-weight:700;color:var(--gold-main);margin-top:12px;display:inline-block;padding:8px 20px;border-radius:20px;background:linear-gradient(to right,#d4af371f,#d4af3714);transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid rgba(212,175,55,.15)}#takaful-logo-container .logo-text:hover .year-text[data-v-acddfaa3]{background:linear-gradient(to right,#d4af3733,#d4af371f);transform:scale(1.05);box-shadow:var(--shadow-md);border-color:#d4af3740}#takaful-logo-container .subtle-glow[data-v-acddfaa3]{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.02) 0%,transparent 60%);opacity:.08;z-index:0;pointer-events:none;mix-blend-mode:screen}#takaful-logo-container .logo-symbol:hover .subtle-glow[data-v-acddfaa3]{opacity:.12}@keyframes ring-pulse-acddfaa3{0%{transform:translate(-50%,-50%) scale(1);opacity:.35}50%{transform:translate(-50%,-50%) scale(1.06);opacity:.25}to{transform:translate(-50%,-50%) scale(1);opacity:.35}}@keyframes float-person-acddfaa3{0%,to{transform:translate(-50%) rotate(var(--tilt-angle)) translateY(0)}50%{transform:translate(-50%) rotate(var(--tilt-angle)) translateY(-12px)}}@keyframes pulse-acddfaa3{0%{transform:scale(1);opacity:.8;box-shadow:0 0 20px var(--gold-main)}to{transform:scale(1.15);opacity:1;box-shadow:0 0 30px var(--gold-main)}}@keyframes rotate-forever-acddfaa3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pattern-rotate-acddfaa3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pattern-rotate-reverse-acddfaa3{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media print{#takaful-logo-container .logo-card[data-v-acddfaa3]{background:transparent!important;box-shadow:none!important;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;width:100%!important;max-width:100%;padding:20mm}#takaful-logo-container .outer-circle[data-v-acddfaa3]{background:radial-gradient(circle at center,transparent 65%,rgba(212,175,55,.1) 100%)!important}#takaful-logo-container .main-text[data-v-acddfaa3],#takaful-logo-container .sub-text[data-v-acddfaa3],#takaful-logo-container .year-text[data-v-acddfaa3]{text-shadow:none!important}#takaful-logo-container .person[data-v-acddfaa3],#takaful-logo-container .inner-person[data-v-acddfaa3],#takaful-logo-container .community-core[data-v-acddfaa3],#takaful-logo-container .core-ring[data-v-acddfaa3],#takaful-logo-container .core-inner[data-v-acddfaa3],#takaful-logo-container .logo-symbol[data-v-acddfaa3]{animation:none!important;transition:none!important}#takaful-logo-container .core-ring[data-v-acddfaa3]{opacity:.35!important}#takaful-logo-container .logo-symbol:hover .orbiting-people[data-v-acddfaa3],#takaful-logo-container .logo-symbol:hover .inner-orbiting-people[data-v-acddfaa3]{animation:none!important}#takaful-logo-container .inner-orbiting-people-container[data-v-acddfaa3]{position:absolute!important;top:50%!important;left:50%!important;margin-top:-80px!important;margin-left:-80px!important;width:160px!important;height:160px!important;transform:none!important}#takaful-logo-container .inner-orbiting-people[data-v-acddfaa3]{position:relative!important;width:160px!important;height:160px!important;top:0!important;left:0!important;margin:0!important;transform:none!important}#takaful-logo-container .inner-person[data-v-acddfaa3]{top:0!important;left:50%!important;transform:translate(-50%) rotate(var(--tilt-angle))!important;transform-origin:center 80px!important}#takaful-logo-container .logo-text:hover .main-text[data-v-acddfaa3],#takaful-logo-container .logo-text:hover .sub-text[data-v-acddfaa3],#takaful-logo-container .logo-text:hover .year-text[data-v-acddfaa3]{transform:none!important;box-shadow:none!important;color:inherit!important;background:none!important}}@media (max-width: 768px){#takaful-logo-container .logo-card[data-v-acddfaa3]{padding:30px;width:90%}#takaful-logo-container .logo-symbol[data-v-acddfaa3]{width:240px;height:240px}#takaful-logo-container .main-text[data-v-acddfaa3]{font-size:34px}#takaful-logo-container .sub-text[data-v-acddfaa3]{font-size:24px}#takaful-logo-container .year-text[data-v-acddfaa3]{font-size:22px;padding:6px 18px}#takaful-logo-container .person[data-v-acddfaa3]{width:42px;height:42px;transform-origin:center 120px}#takaful-logo-container .inner-person[data-v-acddfaa3]{width:32px;height:32px;transform-origin:center 70px}#takaful-logo-container .community-core[data-v-acddfaa3]{width:90px;height:90px}#takaful-logo-container .core-inner[data-v-acddfaa3]{width:40px;height:40px}#takaful-logo-container .core-inner[data-v-acddfaa3]:after{font-size:20px}#takaful-logo-container .middle-ring[data-v-acddfaa3]{width:150px;height:150px}#takaful-logo-container .takaful-symbol[data-v-acddfaa3]{width:50px;height:50px}}