.dh-hero{background:linear-gradient(135deg,#023874 0%,#034a9a 40%,#0960bd 70%,#1a7fd4 100%);padding:80px 0 100px;position:relative;overflow:hidden}.dh-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0a 0%,#0000 40%),radial-gradient(circle at 60% 80%,#ffffff08 0%,#0000 45%);position:absolute;inset:0}.dh-hero:after{content:"";clip-path:ellipse(55% 100% at 50% 100%);background:#f7f7f7;height:60px;position:absolute;bottom:-2px;left:0;right:0}.dh-hero__inner{z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:0 24px;position:relative}.dh-hero__badge{text-transform:uppercase;letter-spacing:.1em;color:#fff;backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 18px;font-size:12px;font-weight:700;display:inline-flex}.dh-hero__badge-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.dh-hero__title{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.2}.dh-hero__title span{background:linear-gradient(135deg,#93c5fd,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dh-hero__subtitle{color:#ffffffb3;max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.dh-section{max-width:1200px;margin:0 auto;padding:60px 24px 90px}.dh-section__header{text-align:center;margin-bottom:48px}.dh-section__label{text-transform:uppercase;letter-spacing:.12em;color:#3b82f6;margin-bottom:10px;font-size:11px;font-weight:700}.dh-section__title{color:#111827;letter-spacing:-.01em;font-size:28px;font-weight:800}.dh-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.dh-card{cursor:pointer;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:16px;padding:32px 28px 28px;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dh-card:before{content:"";background:var(--card-accent,#3b82f6);opacity:0;border-radius:20px 20px 0 0;height:4px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.dh-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 20px 50px #00000014,0 8px 20px #0000000a}.dh-card:hover:before{opacity:1}.dh-card__icon{color:#fff;background:var(--card-accent,#3b82f6);width:56px;height:56px;box-shadow:0 4px 14px color-mix(in srgb, var(--card-accent,#3b82f6) 35%, transparent);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex}.dh-card:hover .dh-card__icon{transform:scale(1.08)}.dh-card__body{flex-direction:column;flex:1;gap:6px;display:flex}.dh-card__name{color:#111827;font-size:18px;font-weight:700;line-height:1.3}.dh-card__desc{color:#6b7280;font-size:13px;line-height:1.65}.dh-card__footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.dh-card__arrow{color:#9ca3af;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex}.dh-card:hover .dh-card__arrow{background:var(--card-accent,#3b82f6);color:#fff;transform:translate(2px)}.dh-particle{pointer-events:none;background:#ffffff0f;border-radius:50%;position:absolute}.dh-particle--1{width:300px;height:300px;top:-60px;right:-80px}.dh-particle--2{width:200px;height:200px;bottom:20px;left:-40px}.dh-particle--3{width:100px;height:100px;top:40%;left:15%}@media (width<=768px){.dh-hero{padding:50px 0 70px}.dh-hero__title{font-size:28px}.dh-hero__subtitle{font-size:14px}.dh-section{padding:40px 16px 60px}.dh-section__title{font-size:22px}.dh-grid{grid-template-columns:1fr;gap:16px}.dh-card{padding:24px 22px 22px}}@media (width<=480px){.dh-hero__title{font-size:24px}.dh-hero__badge{padding:5px 14px;font-size:10px}}