@font-face{font-family:Onest;src:url('/assets/fonts/Onest-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/Oswald-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
.vsl-page{box-sizing:border-box;margin:0;min-height:100vh;min-height:100dvh;padding:48px 24px;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 20%,#6a145246,transparent 45%),radial-gradient(ellipse at 90% 65%,#152b8436,transparent 45%),#08051a;color:#f2eaf3;font-family:Onest,Arial,sans-serif;color-scheme:dark;isolation:isolate;overflow-x:hidden}
.vsl-page *,.vsl-editor-dialog *{box-sizing:border-box}
.vsl-page #vsl-content{position:relative;z-index:1;width:100%;max-width:1040px;min-width:0}
.vsl-background{position:fixed;inset:0;z-index:0;width:100%;height:100vh;height:100dvh;opacity:.32;pointer-events:none}
.vsl-background .tn-atom,.vsl-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.vsl-frame,.vsl-editor-dialog{position:relative;padding:32px 40px 36px;border:3px solid #765471;border-radius:28px;background:radial-gradient(ellipse at 50% 0%,#60214d45,transparent 55%),linear-gradient(180deg,#170a1bf2,#110717f5);box-shadow:0 0 0 1px #1b1228,0 0 48px #c353bc20,0 24px 100px #0006}
.vsl-editor-dialog{width:min(1040px,calc(100vw - 40px));max-height:90vh;max-height:90dvh;padding-top:48px}
.vsl-editor-dialog .vsl-background{position:absolute;height:100%;border-radius:inherit;overflow:hidden;opacity:.2}
.vsl-brand,.vsl-video,.vsl-cta{position:relative;z-index:1}
.vsl-brand{margin:0 0 28px;text-align:center}
.vsl-brand .tn-atom{margin:0;font:900 32px/1.1 Onest,Arial,sans-serif;letter-spacing:-1.8px;transform:skew(-8deg);text-shadow:0 0 24px #d454af55}
.vsl-video{width:100%;min-width:0;overflow:hidden;border:1px solid #95628b;border-radius:12px;background:#080610;box-shadow:0 0 30px #e263c21a}
.vsl-video>.tn-atom{position:relative;margin:0;width:100%;padding-top:63.75%}
.vsl-video iframe{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:0}
.vsl-cta{margin:30px 0 0;text-align:center}
.vsl-cta .tn-atom{display:inline-flex;align-items:center;justify-content:center;min-height:60px;max-width:100%;padding:16px 28px;border:1px solid #bee78d;border-radius:12px;background:#bee78d;color:#1b2b13;font:800 17px/1.4 Onest,Arial,sans-serif;text-decoration:none;box-shadow:0 6px 25px #a9dc7422;transition:background .18s,box-shadow .18s}
.vsl-cta .tn-atom:hover{background:#d9f8b5;box-shadow:0 6px 28px #a9dc7433}
.vsl-cta .tn-atom:focus-visible{outline:2px solid #fff;outline-offset:5px}
.vsl-cta .tn-atom:active{transform:translateY(1px)}
@media(max-width:639px){.vsl-page{padding:20px 12px}.vsl-frame,.vsl-editor-dialog{padding:24px 14px 26px;border-width:2px;border-radius:16px}.vsl-editor-dialog{width:calc(100vw - 24px);padding-top:48px}.vsl-brand{margin-bottom:22px}.vsl-brand .tn-atom{font-size:28px}.vsl-video{border-radius:8px}.vsl-cta{margin-top:24px}.vsl-cta .tn-atom{width:100%;min-height:60px;padding:15px 14px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.vsl-cta .tn-atom{transition:none}}
