.dn-scene{--dn-bg:#020108;--dn-elevated:#0e091b8c;--dn-ink:#f8f2ff;--dn-ink-2:#c5b9dc;--dn-ink-3:#9a8eb4;--dn-action:#d66bff;--dn-action-ink:#14041d;--dn-royal:#ffc46b;--dn-line:214, 107, 255;isolation:isolate;background:var(--dn-bg);min-height:calc(100vh - 8rem);color:var(--dn-ink);position:relative;overflow:hidden}.dn-gas{z-index:-1;pointer-events:none;filter:blur(60px);border-radius:50%;position:absolute}.dn-gas--violet{background:radial-gradient(circle, rgba(var(--dn-line), .34), transparent 62%);width:70vmax;height:60vmax;animation:28s ease-in-out infinite alternate dn-drift-a;top:-20vmax;left:-25vmax}.dn-gas--blue{background:radial-gradient(circle,#408cff3d,#0000 62%);width:60vmax;height:56vmax;animation:34s ease-in-out infinite alternate dn-drift-b;top:30vh;right:-25vmax}.dn-gas--pink{background:radial-gradient(circle,#ff5aaa33,#0000 62%);width:58vmax;height:50vmax;animation:40s ease-in-out infinite alternate-reverse dn-drift-a;bottom:-25vmax;left:-10vmax}.dn-stars{z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 12%,#fff,#0000),radial-gradient(1.5px 1.5px at 30% 6%,#f8f2ff,#0000),radial-gradient(1px 1px at 72% 9%,#fff,#0000),radial-gradient(1px 1px at 90% 22%,#e6d8ff,#0000),radial-gradient(1.5px 1.5px at 18% 38%,#fff,#0000),radial-gradient(1px 1px at 58% 33%,#fff,#0000),radial-gradient(1px 1px at 84% 52%,#fff,#0000),radial-gradient(1.5px 1.5px at 6% 64%,#e6d8ff,#0000),radial-gradient(1px 1px at 40% 72%,#fff,#0000),radial-gradient(1px 1px at 76% 80%,#fff,#0000),radial-gradient(1.5px 1.5px at 24% 90%,#fff,#0000),radial-gradient(1px 1px at 94% 94%,#fff,#0000);background-size:420px 520px;animation:5s ease-in-out infinite dn-twinkle;position:absolute;inset:0}.dn-stars--far{opacity:.5;background-position:37px 51px;background-size:300px 360px;animation-duration:7s;animation-delay:2s}.dn-card{border:1px solid rgba(var(--dn-line), .22);background:var(--dn-elevated);box-shadow:inset 0 1px 0 #f8f2ff14, 0 24px 60px -28px rgba(var(--dn-line), .45);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-radius:24px;position:relative}@media (min-width:768px){.dn-scene{min-height:calc(100vh - 4rem)}}.dn-card--link{transition:border-color .16s,box-shadow .16s}.dn-card--link:hover{border-color:rgba(var(--dn-line), .45);box-shadow:inset 0 1px 0 #f8f2ff1a, 0 26px 64px -26px rgba(var(--dn-line), .6)}.dn-mark{width:4rem;height:4rem;color:var(--dn-royal);background:radial-gradient(circle at 35% 30%, #ffc46b47, rgba(var(--dn-line), .12) 60%, transparent 75%);box-shadow:0 0 34px -6px rgba(var(--dn-line), .6), 0 0 0 6px rgba(var(--dn-line), .06);border:1px solid #ffc46b59;border-radius:999px;justify-content:center;align-items:center;display:flex}.dn-chip{letter-spacing:.1em;text-transform:uppercase;color:#e7b6ff;border:1px solid rgba(var(--dn-line), .4);background:rgba(var(--dn-line), .1);border-radius:999px;align-items:center;height:1.75rem;padding:0 .875rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dn-row{border:1px solid rgba(var(--dn-line), .16);background:rgba(var(--dn-line), .06);color:var(--dn-ink-2);border-radius:14px}.dn-quote{border-left:2px solid #ffc46b8c;padding-left:1rem}.dn-btn{letter-spacing:.04em;text-transform:uppercase;width:100%;height:3.25rem;color:var(--dn-action-ink);background:linear-gradient(135deg, #e89bff, var(--dn-action) 50%, #a35bff);box-shadow:0 12px 32px -12px rgba(var(--dn-line), .85), inset 0 1px 0 #fff6;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.dn-btn:hover{box-shadow:0 14px 38px -10px rgba(var(--dn-line), .95), inset 0 1px 0 #ffffff73}.dn-btn:active{transform:scale(.97)}.dn-btn:focus-visible{outline:2px solid var(--dn-royal);outline-offset:2px}.dn-btn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:6s 1.2s infinite dn-sheen;position:absolute;inset:0;transform:translate(-120%)}.dn-note{border:1px solid rgba(var(--dn-line), .16);background:rgba(var(--dn-line), .05);color:var(--dn-ink-2);border-radius:14px;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.dn-note--warn{color:#fde2b3;background:#f5a5241a;border-color:#f5a52459}.dn-ghost{height:2.75rem;color:var(--dn-ink-2);border-radius:14px;align-items:center;padding:0 1.125rem;font-size:.9375rem;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.dn-ghost:hover{color:var(--dn-ink);background:rgba(var(--dn-line), .08)}.dn-enter{animation:.56s cubic-bezier(.22,1,.36,1) both dn-enter;animation-delay:calc(var(--dn-i,0) * 50ms)}@keyframes dn-drift-a{to{transform:translate(4vmax,3vmax)scale(1.08)}}@keyframes dn-drift-b{to{transform:translate(-4vmax,-3vmax)scale(1.06)}}@keyframes dn-twinkle{0%,to{opacity:.9}50%{opacity:.45}}@keyframes dn-sheen{0%{transform:translate(-120%)}30%,to{transform:translate(120%)}}@keyframes dn-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dn-gas,.dn-stars,.dn-btn:after,.dn-enter{animation:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dn-card{background:#0e091bf0}}.dn-card--pro{background:linear-gradient(170deg, #ffc46b17, var(--dn-elevated) 45%);border-color:#ffc46b59;box-shadow:inset 0 1px #ffecc81a,0 22px 56px -26px #ffc46b59}.dn-icon{color:#e7b6ff;border:1px solid rgba(var(--dn-line), .35);background:rgba(var(--dn-line), .1);width:2.75rem;height:2.75rem;box-shadow:0 0 24px -6px rgba(var(--dn-line), .6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dn-card--pro .dn-icon{color:var(--dn-royal);background:#ffc46b1a;border-color:#ffc46b66;box-shadow:0 0 24px -6px #ffc46b99}.dn-tag{letter-spacing:.12em;text-transform:uppercase;color:#e7b6ff;font-size:.65625rem;font-weight:600}.dn-card--pro .dn-tag{color:var(--dn-royal)}.dn-perk{color:#ffe2b0;background:#ffc46b17;border:1px solid #ffc46b40;border-radius:999px;padding:.3rem .625rem;font-size:.71875rem;font-weight:600}.dn-free{color:#c9f5e4;background:#34d39914;border:1px solid #34d3994d;border-radius:14px;padding:.625rem .75rem;font-size:.8125rem;font-weight:600}.dn-or{letter-spacing:.14em;text-transform:uppercase;color:var(--dn-ink-3);align-items:center;gap:.625rem;margin:1.25rem .25rem;font-size:.6875rem;display:flex}.dn-or:before,.dn-or:after{content:"";background:rgba(var(--dn-line), .25);flex:1;height:1px}
