/*herosection*/
.uct-hero{padding:160px 30px 100px;text-align:center;position:relative;overflow:hidden}
.uct-hero::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.uct-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);border-radius:50px;margin-bottom:32px;font-size:13px;color:#7CB3F0;font-weight:500}
.uct-hero-badge .uct-badge-dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;animation:uct-pulse 2s ease infinite}
@keyframes uct-pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.uct-hero h1{font-family: 'Laila', serif;font-size:50px;font-weight:800;color:#FFFFFF;line-height:1.15;max-width:800px;margin:0 auto 20px;letter-spacing:-1.5px}
.uct-hero h1 .uct-gradient{background:linear-gradient(135deg,#3B82F6,#60A5FA,#93C5FD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.uct-hero-sub{font-size:18px;color:#6078A0;max-width:600px;margin:0 auto 40px;line-height:1.7}
.uct-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.uct-btn-pri{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#3B82F6;color:#FFFFFF!important;border:none;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none!important;transition:all .3s ease;box-shadow:0 4px 20px rgba(59,130,246,0.3)}
.uct-btn-pri:hover{background:#2563EB;box-shadow:0 8px 30px rgba(59,130,246,0.45);transform:translateY(-2px);color:#FFFFFF!important}
.uct-btn-sec{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:#8899AA!important;border:1px solid rgba(55,75,100,0.4);border-radius:12px;font-size:15px;font-weight:600;text-decoration:none!important;transition:all .3s ease}
.uct-btn-sec:hover{border-color:rgba(59,130,246,0.4);color:#FFFFFF!important;background:rgba(59,130,246,0.05)}
.uct-hero-stats{display:flex;justify-content:center;gap:60px;margin-top:64px;padding-top:40px;border-top:1px solid rgba(55,75,100,0.2)}
.uct-hero-stat{text-align:center}
.uct-hero-stat .uct-sv{font-size:32px;font-weight:800;color:#FFFFFF;letter-spacing:-0.5px}
.uct-hero-stat .uct-sv .uct-blue{color:#3B82F6}
.uct-hero-stat .uct-sl{font-size:13px;color:#5070A0;margin-top:4px}
@media(max-width:768px){.uct-hero{padding:120px 20px 60px}.uct-hero h1{font-size:36px}.uct-hero-stats{gap:30px;flex-wrap:wrap}.uct-hero-stat .uct-sv{font-size:24px}}
@media(max-width:480px){.uct-hero h1{font-size:30px}.uct-hero-actions{flex-direction:column;align-items:center}}

/*explore by category*/
.uct-cats{max-width:1200px;margin:0 auto;padding:80px 30px}
.uct-sec-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:#3B82F6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
.uct-sec-label .uct-ll{width:20px;height:2px;background:#3B82F6;border-radius:2px}
.uct-sec-title{font-size:38px;font-weight:800;color:#FFFFFF;letter-spacing:-0.8px;margin-bottom:16px;line-height:1.2;text-align:center}
.uct-sec-sub{font-size:16px;color:#5A7090;max-width:600px;line-height:1.7;margin:0 auto 48px;text-align:center}
.uct-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.uct-cat-card{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:16px;overflow:hidden;transition:all .4s ease;text-decoration:none!important;display:block}
.uct-cat-card:hover{border-color:rgba(59,130,246,0.4);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.25)}
.uct-cc-vis{height:160px;display:flex;align-items:center;justify-content:center;position:relative}
.uct-cc-icons{display:flex;gap:12px;position:relative;z-index:2}
.uct-cc-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#FFFFFF;transition:transform .3s ease}
.uct-cat-card:hover .uct-cc-icon{transform:scale(1.1)}
.uct-cc-body{padding:22px}
.uct-cc-count{font-size:11px;font-weight:700;color:#3B82F6;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}
.uct-cc-body h3{font-size:18px;font-weight:700;color:#FFFFFF;margin-bottom:8px}
.uct-cc-body p{font-size:13.5px;color:#5A7090;line-height:1.6;margin-bottom:14px}
.uct-cc-arrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#3B82F6;transition:gap .2s}
.uct-cat-card:hover .uct-cc-arrow{gap:10px}
.uct-v-green{background:linear-gradient(135deg,#0F2440,#162D50)}
.uct-v-blue{background:linear-gradient(135deg,#14203A,#1A2D52)}
.uct-v-orange{background:linear-gradient(135deg,#17203A,#1E2E52)}
.uct-v-purple{background:linear-gradient(135deg,#18183A,#242452)}
.uct-i-green{background:linear-gradient(135deg,#22C55E,#16A34A)}
.uct-i-blue{background:linear-gradient(135deg,#3B82F6,#2563EB)}
.uct-i-orange{background:linear-gradient(135deg,#F97316,#EA580C)}
.uct-i-purple{background:linear-gradient(135deg,#A855F7,#7C3AED)}
@media(max-width:1024px){.uct-cat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.uct-cats{padding:50px 20px}.uct-sec-title{font-size:28px}.uct-cat-grid{grid-template-columns:1fr}}

/*Popular tools*/
.uct-popular{max-width:1200px;margin:0 auto;padding:80px 30px}
.uct-pop-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#3B82F6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
.uct-pop-label .uct-pll{width:20px;height:2px;background:#3B82F6;border-radius:2px}
.uct-pop-title{font-size:38px;font-weight:800;color:#FFFFFF;letter-spacing:-0.8px;margin-bottom:16px;line-height:1.2}
.uct-pop-sub{font-size:16px;color:#5A7090;max-width:600px;line-height:1.7;margin-bottom:48px}
.uct-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.uct-tool-card{display:flex;align-items:center;gap:16px;padding:20px;background:#111B2E;border:1px solid rgba(55,75,100,0.25);border-radius:14px;text-decoration:none!important;transition:all .3s ease}
.uct-tool-card:hover{border-color:rgba(59,130,246,0.35);background:#131F33;transform:translateX(4px)}
.uct-tool-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#FFFFFF;flex-shrink:0}
.uct-tool-card h4{font-size:14.5px;font-weight:600;color:#FFFFFF;margin-bottom:3px}
.uct-tool-card span{font-size:12.5px;color:#5070A0}
.uct-tool-arr{margin-left:auto;color:#3050A0;font-size:14px;transition:all .2s}
.uct-tool-card:hover .uct-tool-arr{color:#3B82F6;transform:translateX(3px)}
.uct-ti-blue{background:linear-gradient(135deg,#3B82F6,#2563EB)}
.uct-ti-green{background:linear-gradient(135deg,#22C55E,#16A34A)}
.uct-ti-orange{background:linear-gradient(135deg,#F97316,#EA580C)}
.uct-ti-purple{background:linear-gradient(135deg,#A855F7,#7C3AED)}
.uct-ti-pink{background:linear-gradient(135deg,#EC4899,#DB2777)}
.uct-ti-cyan{background:linear-gradient(135deg,#06B6D4,#0891B2)}
@media(max-width:1024px){.uct-tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.uct-popular{padding:50px 20px}.uct-pop-title{font-size:28px}.uct-tools-grid{grid-template-columns:1fr}}

/*WHY TRUST*/
.uct-trust{max-width:1200px;margin:0 auto;padding:80px 30px}
.uct-tr-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:#3B82F6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
.uct-tr-label .uct-tll{width:20px;height:2px;background:#3B82F6;border-radius:2px}
.uct-tr-title{font-size:38px;font-weight:800;color:#FFFFFF;letter-spacing:-0.8px;margin-bottom:16px;line-height:1.2;text-align:center}
.uct-tr-sub{font-size:16px;color:#5A7090;max-width:600px;line-height:1.7;margin:0 auto 48px;text-align:center}
.uct-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uct-feat-card{padding:30px;background:#111B2E;border:1px solid rgba(55,75,100,0.25);border-radius:16px;transition:all .3s ease}
.uct-feat-card:hover{border-color:rgba(59,130,246,0.3);transform:translateY(-2px)}
.uct-fc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#FFFFFF;margin-bottom:20px}
.uct-feat-card h4{font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:10px}
.uct-feat-card p{font-size:14px;color:#5A7090;line-height:1.65}
.uct-who{max-width:1200px;margin:0 auto;padding:80px 30px}
.uct-aud-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.uct-aud-tag{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:50px;color:#8899AA;font-size:14px;font-weight:500;transition:all .3s ease}
.uct-aud-tag:hover{border-color:rgba(59,130,246,0.35);color:#FFFFFF;background:rgba(59,130,246,0.06)}
.uct-aud-tag i{color:#3B82F6;font-size:14px}
@media(max-width:1024px){.uct-feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.uct-trust,.uct-who{padding:50px 20px}.uct-tr-title{font-size:28px}.uct-feat-grid{grid-template-columns:1fr}.uct-aud-tags{flex-direction:column;align-items:center}}

/*CTA Section*/
.uct-cta{text-align:center;padding:80px 30px;position:relative}
.uct-cta::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(59,130,246,0.06) 0%,transparent 70%);pointer-events:none}
.uct-cta-title{font-size:38px;font-weight:800;color:#FFFFFF;letter-spacing:-0.8px;margin-bottom:16px}
.uct-cta-sub{color:#5A7090;font-size:16px;margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7}
@media(max-width:768px){.uct-cta{padding:50px 20px}.uct-cta-title{font-size:28px}}
