.dpk-main{background:linear-gradient(172deg, color-mix(in srgb, var(--bg3) 97%, white) 0%, var(--bg3) 45%, color-mix(in srgb, var(--bg3) 85%, black) 100%) padding-box, linear-gradient(115deg, color-mix(in srgb, var(--cyan) 90%, white) 0%, var(--pink) 55%, color-mix(in srgb, var(--purple) 80%, var(--pink)) 100%) border-box;box-shadow:0 14px 30px -14px color-mix(in srgb, var(--pink) 45%, transparent), 0 2px 8px #00000059, inset 0 1px 0 color-mix(in srgb, var(--text) 8%, transparent);border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:14px;padding:13px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative}.dpk-main:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--text) 7%, transparent), transparent);pointer-events:none;border-radius:12px 12px 48px 48px;height:46%;position:absolute;top:1px;left:1px;right:1px}.dpk-main-icon{background:color-mix(in srgb, var(--pink) 13%, transparent);border:1px solid color-mix(in srgb, var(--pink) 32%, transparent);height:40px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 6%, transparent);border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;transition:background .18s,border-color .18s;display:flex}.dpk-main-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.dpk-main-label{font-family:var(--font-rajdhani), sans-serif;letter-spacing:.045em;text-transform:uppercase;color:var(--text);white-space:nowrap;font-size:16.5px;font-weight:700;line-height:1.1}.dpk-main-sub{letter-spacing:.03em;color:var(--dim);font-size:10.5px;font-weight:500;line-height:1.2}.dpk-main-spark{color:var(--gold);opacity:.85;text-shadow:0 0 6px color-mix(in srgb, var(--gold) 55%, transparent);font-size:8px;line-height:1;position:absolute;top:8px;right:11px}.dpk-main:hover{filter:brightness(1.08);box-shadow:0 18px 40px -14px color-mix(in srgb, var(--pink) 65%, transparent), 0 4px 12px #0006, inset 0 1px 0 color-mix(in srgb, var(--text) 14%, transparent);transform:translateY(-2px)}.dpk-main:hover .dpk-main-icon{background:color-mix(in srgb, var(--pink) 20%, transparent);border-color:color-mix(in srgb, var(--purple) 45%, transparent)}.dpk-demo{border:1px solid color-mix(in srgb, var(--purple) 28%, transparent);background:color-mix(in srgb, var(--cyan) 4%, transparent);border-radius:14px;justify-content:center;align-items:center;gap:11px;margin-top:16px;padding:10px 16px;text-decoration:none;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.dpk-demo svg{color:var(--cyan);opacity:.9;flex:none}.dpk-demo-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.dpk-demo-row{align-items:center;gap:8px;display:flex}.dpk-demo-label{font-family:var(--font-rajdhani), sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;font-size:14px;font-weight:700;line-height:1.1}.dpk-demo-arrow{color:var(--cyan);font-size:13px;line-height:1;transition:transform .18s}.dpk-demo-sub{color:var(--dim);font-size:10.5px;font-weight:500;line-height:1.3}.dpk-demo:hover{border-color:color-mix(in srgb, var(--purple) 65%, transparent);background:color-mix(in srgb, var(--cyan) 10%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--purple) 20%, transparent), 0 8px 22px -12px color-mix(in srgb, var(--pink) 45%, transparent)}.dpk-demo:hover .dpk-demo-arrow{transform:translate(4px)}.dpk-help{color:var(--dim);text-align:center;margin-top:18px;font-size:10.5px;line-height:1.6}@media (max-width:1023px){.dpk-main-label{white-space:normal}}