/* /cvip_invitation/static/src/invitation/invitation.css */
 .cv{--c-soft: color-mix(in srgb, var(--c-primary) 10%, var(--c-bg)); --c-line: color-mix(in srgb, var(--c-primary) 25%, transparent); --c-card: color-mix(in srgb, #fff 72%, var(--c-bg)); --c-muted: color-mix(in srgb, var(--c-text) 65%, var(--c-bg)); --r: 22px; margin: 0; background: var(--c-bg); color: var(--c-text); font-family: var(--f-body), ui-sans-serif, system-ui, sans-serif; font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden;}.cv *, .cv *::before, .cv *::after{box-sizing: border-box;}html:has(body.cv), body.cv{overflow-x: clip;}.cv.tpl-noche{--c-card: color-mix(in srgb, #fff 6%, var(--c-bg)); --c-soft: color-mix(in srgb, #fff 4%, var(--c-bg));}.cv.cv-locked{overflow: hidden; height: 100vh;}.cv-envelope{position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 24px; overflow: hidden; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--c-accent) 26%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--c-primary) 22%, var(--c-bg)), var(--c-bg)); transition: opacity .9s ease, visibility .9s ease;}.cv-envelope::before{content: ""; position: absolute; inset: -20px; z-index: -1; background: var(--cover, none) center / cover no-repeat; filter: blur(14px) saturate(1.1); opacity: .55;}.cv-envelope.is-open{opacity: 0; visibility: hidden;}.cv-env{position: relative; width: min(82vw, 360px); aspect-ratio: 16 / 11; padding: 0; border: 0; cursor: pointer; background: none; filter: drop-shadow(0 22px 34px rgba(0, 0, 0, .28)); animation: cv-env-in 1s ease both;}.cv-env-paper, .cv-env-flap{position: absolute; inset: 0; display: block;}.cv-env-paper{background: color-mix(in srgb, #fff 82%, var(--c-primary));}.cv-env-flap-l{background: color-mix(in srgb, #fff 72%, var(--c-primary)); clip-path: polygon(0 0, 52% 52%, 0 100%);}.cv-env-flap-r{background: color-mix(in srgb, #fff 72%, var(--c-primary)); clip-path: polygon(100% 0, 48% 52%, 100% 100%);}.cv-env-flap-b{background: color-mix(in srgb, #fff 78%, var(--c-primary)); clip-path: polygon(0 100%, 50% 46%, 100% 100%);}.cv-env-flap-t{background: color-mix(in srgb, #fff 88%, var(--c-primary)); clip-path: polygon(0 0, 100% 0, 50% 56%); transform-origin: top; transition: transform .7s ease .1s; z-index: 2;}.cv-seal{position: absolute; left: 50%; top: 50%; z-index: 3; width: 27%; aspect-ratio: 1; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, #fff 30%, var(--c-primary)), var(--c-primary) 58%, color-mix(in srgb, #000 30%, var(--c-primary))); box-shadow: 0 6px 14px rgba(0, 0, 0, .3), inset 0 -4px 10px rgba(0, 0, 0, .25), inset 0 0 0 4px color-mix(in srgb, #000 12%, var(--c-primary)); animation: cv-pulse 2.4s ease-in-out 1s infinite; transition: transform .5s ease, opacity .5s ease;}.cv-seal-initial{font-family: var(--f-title), serif; font-size: clamp(34px, 9vw, 52px); color: #fff; line-height: 1; text-shadow: 0 2px 2px rgba(0, 0, 0, .25);}.cv-envelope.is-opening .cv-seal{transform: translate(-50%, -50%) scale(.2); opacity: 0; animation: none;}.cv-envelope.is-opening .cv-env-flap-t{transform: rotateX(180deg);}.cv-envelope-name{margin: 0; font-size: 18px; color: var(--c-text); text-align: center;}.cv-envelope-name b{color: var(--c-primary);}.cv-envelope-hint{margin: 0; font-size: 13px; letter-spacing: .26em; text-transform: uppercase; color: var(--c-primary);}@keyframes cv-pulse{0%, 100%{transform: translate(-50%, -50%) scale(1);}50%{transform: translate(-50%, -50%) scale(1.07);}}@keyframes cv-env-in{from{opacity: 0; transform: translateY(30px) scale(.94);}to{opacity: 1; transform: none;}}.cv-preview-bar{position: sticky; top: 0; z-index: 40; padding: 8px 16px; text-align: center; font: 600 13px/1.4 ui-sans-serif, system-ui; background: #2a1638; color: #f6e7ea; letter-spacing: .04em;}.cv-hero{position: relative; min-height: 100svh; display: flex; align-items: center; justify-content: center; padding: 64px 24px; text-align: center; overflow: hidden; background: var(--cover, none) center / cover no-repeat, linear-gradient(180deg, var(--c-soft), var(--c-bg));}.cv-hero-veil{position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--c-bg) 35%, transparent) 0%, color-mix(in srgb, var(--c-bg) 70%, transparent) 55%, var(--c-bg) 100%);}.cv-hero-inner{position: relative; max-width: 640px;}.cv-type{margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .38em; text-transform: uppercase; color: var(--c-primary);}.cv-names{margin: 6px 0; font-family: var(--f-title), serif; font-weight: 400; color: var(--c-primary); font-size: clamp(56px, 16vw, 112px); line-height: 1.05; text-wrap: balance;}.tpl-noche .cv-names, .tpl-marfil .cv-names{font-size: clamp(44px, 12vw, 88px);}.tpl-noche .cv-names{letter-spacing: .06em;}.cv-phrase{margin: 4px auto 10px; max-width: 30ch; font-size: 19px; font-style: italic; color: var(--c-muted);}.cv-date{margin: 0; font-size: 15px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;}.cv-orn{display: block; width: min(240px, 70vw); height: 40px; margin: 12px auto; color: var(--c-accent);}.cv-scroll{position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); font-size: 28px; color: var(--c-primary); animation: cv-bob 1.8s ease-in-out infinite;}@keyframes cv-bob{0%, 100%{transform: translate(-50%, 0);}50%{transform: translate(-50%, 6px);}}.cv-main{display: flex; flex-direction: column; gap: 22px; max-width: 640px; margin: 0 auto; padding: 8px 18px 40px;}.cv-card{position: relative; padding: 32px 24px; text-align: center; border-radius: var(--r); background: var(--c-card); border: 1px solid var(--c-line); box-shadow: 0 14px 34px color-mix(in srgb, var(--c-primary) 10%, transparent);}.tpl-marfil .cv-card{border-radius: 4px; outline: 1px solid var(--c-line); outline-offset: -8px;}.cv-title{margin: 0 0 10px; font-family: var(--f-title), serif; font-weight: 400; color: var(--c-primary); font-size: clamp(34px, 9vw, 46px); line-height: 1.15;}.tpl-noche .cv-title, .tpl-marfil .cv-title{font-size: clamp(26px, 7vw, 34px);}.tpl-noche .cv-title{text-transform: uppercase; letter-spacing: .12em;}.cv-label{margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--c-muted);}.cv-text{margin: 6px auto; max-width: 46ch; white-space: pre-line;}.cv-icon{margin: 0 0 4px; color: var(--c-accent);}.cv-icon-svg{width: 46px; height: 46px;}.cv-hint{margin: 8px 0 0; font-size: 14px; color: var(--c-muted);}.cv-guest{padding: 26px 22px; background: var(--c-soft);}.cv-guest-name{margin: 4px 0; font-size: 26px; font-weight: 700; line-height: 1.2;}.cv-guest-passes{margin: 0; color: var(--c-muted); font-weight: 600;}.cv-count{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}.cv-count div{padding: 14px 4px; border-radius: 16px; background: var(--c-soft); border: 1px solid var(--c-line);}.cv-count b{display: block; font-size: clamp(28px, 8vw, 40px); line-height: 1; color: var(--c-primary); font-variant-numeric: tabular-nums;}.cv-count span{font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted);}.cv-quote{margin: 18px auto 0; max-width: 40ch; font-style: italic; font-size: 19px; color: var(--c-primary);}.cv-quote::before{content: "“";}.cv-quote::after{content: "”";}.cv-person{margin: 2px 0; font-size: 19px; font-weight: 600;}.cv-godparents{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-top: 8px;}.cv-godparent{display: flex; flex-direction: column; padding: 12px; border-radius: 14px; background: var(--c-soft);}.cv-godparent .cv-person{font-size: 17px;}.cv-time{margin: 0; font-size: 22px; font-weight: 700; color: var(--c-primary);}.cv-place-name{margin: 4px 0; font-size: 20px; font-weight: 700;}.cv-actions{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 16px;}.cv-btn{display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 999px; border: 0; cursor: pointer; text-decoration: none; font: 700 15px/1 var(--f-body), sans-serif; letter-spacing: .04em; background: var(--c-primary); color: var(--c-bg); box-shadow: 0 8px 20px color-mix(in srgb, var(--c-primary) 30%, transparent);}.cv-btn-ghost{background: transparent; color: var(--c-primary); border: 1.5px solid var(--c-primary); box-shadow: none;}.cv-btn-big{width: 100%; min-height: 56px; font-size: 17px;}.cv-btn[disabled]{opacity: .55; cursor: not-allowed;}.cv-timeline{list-style: none; margin: 8px auto 0; padding: 0; max-width: 380px; text-align: left;}.cv-timeline li{position: relative; display: flex; gap: 16px; padding: 0 0 18px 26px;}.cv-timeline li::before{content: ""; position: absolute; left: 6px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--c-accent);}.cv-timeline li:not(:last-child)::after{content: ""; position: absolute; left: 10px; top: 18px; bottom: 0; width: 2px; background: var(--c-line);}.cv-tl-time{min-width: 52px; font-weight: 700; color: var(--c-primary); font-variant-numeric: tabular-nums;}.cv-dress-code{margin: 0; font-size: 26px; font-weight: 700;}.cv-gift{display: flex; flex-direction: column; margin: 12px auto 0; padding: 12px 16px; max-width: 420px; border-radius: 14px; background: var(--c-soft);}.cv-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}.cv-grid figure{margin: 0;}.cv-grid img{display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 14px;}.cv-grid figure:first-child:nth-last-child(odd){grid-column: span 2;}.cv-grid figure:first-child:nth-last-child(odd) img{aspect-ratio: 4 / 3;}.cv-grid figcaption{margin-top: 4px; font-size: 13px; color: var(--c-muted);}.cv-form{display: flex; flex-direction: column; gap: 16px; margin-top: 14px; text-align: left;}.cv-choice{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}.cv-choice label{position: relative;}.cv-choice input{position: absolute; opacity: 0;}.cv-choice span{display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px; text-align: center; border-radius: 16px; border: 1.5px solid var(--c-line); font-weight: 700; cursor: pointer; background: var(--c-bg);}.cv-choice input:checked + span{border-color: var(--c-primary); background: var(--c-primary); color: var(--c-bg);}.cv-choice input:focus-visible + span{outline: 3px solid var(--c-accent); outline-offset: 2px;}.cv-counts{display: flex; gap: 12px;}.cv-counts label, .cv-msg{display: flex; flex-direction: column; gap: 6px; flex: 1; font-size: 14px; font-weight: 700; color: var(--c-muted);}.cv select, .cv textarea{width: 100%; min-height: 52px; padding: 10px 14px; border-radius: 14px; border: 1.5px solid var(--c-line); background: var(--c-bg); color: var(--c-text); font: 500 17px/1.4 var(--f-body), sans-serif;}.cv textarea{min-height: 90px; resize: vertical;}.cv-counts.is-hidden{display: none;}.cv-alert{margin: 10px 0 0; padding: 14px; border-radius: 14px; font-weight: 700;}.cv-alert-ok{background: color-mix(in srgb, #2e9e5b 15%, var(--c-bg)); color: color-mix(in srgb, #1d6b3c 80%, var(--c-text));}.cv-alert-error{background: color-mix(in srgb, #c0392b 14%, var(--c-bg)); color: #a3281c;}.cv-status{margin: 10px 0 0; font-weight: 600;}.cv-ticket{display: flex; align-items: stretch; margin-top: 8px; border-radius: 18px; overflow: hidden; text-align: left; background: var(--c-bg); border: 1.5px dashed var(--c-primary);}.cv-ticket-main{flex: 1; padding: 18px;}.cv-ticket-main .cv-guest-name{font-size: 21px;}.cv-ticket-qr{display: flex; align-items: center; justify-content: center; width: 140px; padding: 12px; background: #fff; border-left: 1.5px dashed var(--c-primary);}.cv-ticket-qr img{width: 110px; height: 110px;}.cv-ticket-qr .cv-hint{color: #555; font-size: 12px; text-align: center;}.cv-code{margin: 8px 0 0; font: 800 22px/1 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: .22em; color: var(--c-primary);}.cv-foot{padding: 30px 20px 48px; text-align: center;}.cv-names-small{font-size: clamp(36px, 10vw, 56px);}.cv-made{font-size: 13px; color: var(--c-muted); text-decoration: none; letter-spacing: .08em;}.cv-reveal{opacity: 0; transition: opacity 1.4s ease, transform 1.6s cubic-bezier(.16, .8, .24, 1); will-change: transform, opacity;}.cv-reveal, .cv-reveal[data-anim="up"]{transform: translateY(46px);}.cv-reveal[data-anim="down"]{transform: translateY(-46px);}.cv-reveal[data-anim="left"]{transform: translateX(-60px);}.cv-reveal[data-anim="right"]{transform: translateX(60px);}.cv-reveal[data-anim="zoom"]{transform: scale(.86);}.cv-reveal.is-in{opacity: 1; transform: none;}[data-stagger] > *{opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; transition-delay: calc(var(--i, 0) * 110ms + 200ms);}.is-in [data-stagger] > *, [data-stagger].is-in > *{opacity: 1; transform: none;}.cv-hero-inner[data-speed]{transition: opacity 1.2s ease, transform 1.2s ease;}.cv:has(.cv-floats){position: relative;}.cv-floats{position: absolute; inset: 0; z-index: 4; pointer-events: none; overflow: hidden;}.cv-float{position: absolute; display: block; color: var(--c-primary); opacity: .45; will-change: transform; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .12));}.cv-float-inner{display: block; animation: cv-fly 7s ease-in-out infinite; animation-delay: var(--fly-delay, 0s);}.cv-float svg{display: block; width: 100%; height: auto;}.cv-float .cv-wing-l{transform-origin: 0 0; animation: cv-flap-l .5s ease-in-out infinite alternate;}.cv-float .cv-wing-r{transform-origin: 0 0; animation: cv-flap-r .5s ease-in-out infinite alternate;}.cv-float:nth-child(even){color: var(--c-accent);}@keyframes cv-fly{0%, 100%{transform: translate(0, 0) rotate(-8deg);}25%{transform: translate(14px, -18px) rotate(6deg);}50%{transform: translate(-6px, -30px) rotate(-4deg);}75%{transform: translate(-16px, -10px) rotate(8deg);}}@keyframes cv-flap-l{from{transform: scaleX(1);}to{transform: scaleX(.35);}}@keyframes cv-flap-r{from{transform: scaleX(1);}to{transform: scaleX(.35);}}.cv-main, .cv-foot, .cv-hero{position: relative; z-index: 2;}.cv-wave{position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 70px; fill: var(--c-bg); z-index: 1;}.cv-confetti{position: fixed; inset: 0; z-index: 60; pointer-events: none;}.cv-flyer{position: absolute; top: 18px; z-index: 3; width: 44px; color: var(--c-primary); pointer-events: none; opacity: 0;}.cv-flyer-left{left: 14px;}.cv-flyer-right{right: 14px;}.cv-flyer:nth-of-type(odd){color: var(--c-accent);}.cv-flyer svg{display: block; width: 100%; height: auto; filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .15));}.cv-flyer .cv-wing-l{transform-origin: 0 0; animation: cv-flap-l .18s ease-in-out infinite alternate;}.cv-flyer .cv-wing-r{transform-origin: 0 0; animation: cv-flap-r .18s ease-in-out infinite alternate;}.is-in > .cv-flyer-left{animation: cv-arrive-left 2.4s cubic-bezier(.3, .6, .3, 1) .15s forwards, cv-hover 4s ease-in-out 2.6s infinite;}.is-in > .cv-flyer-right{animation: cv-arrive-right 2.4s cubic-bezier(.3, .6, .3, 1) .15s forwards, cv-hover 4s ease-in-out 2.6s infinite;}.is-in > .cv-flyer .cv-wing-l{animation: cv-flap-l .16s ease-in-out 14 alternate, cv-flap-l 1.1s ease-in-out 2.4s infinite alternate;}.is-in > .cv-flyer .cv-wing-r{animation: cv-flap-r .16s ease-in-out 14 alternate, cv-flap-r 1.1s ease-in-out 2.4s infinite alternate;}@keyframes cv-arrive-left{0%{opacity: 0; transform: translate(-150px, 120px) rotate(35deg) scale(.5);}18%{opacity: 1;}40%{transform: translate(-60px, -40px) rotate(-18deg) scale(1.15);}65%{transform: translate(40px, 10px) rotate(22deg) scale(1);}85%{transform: translate(-6px, -8px) rotate(-10deg) scale(1.02);}100%{opacity: 1; transform: translate(0, 0) rotate(-12deg) scale(1);}}@keyframes cv-arrive-right{0%{opacity: 0; transform: translate(150px, 120px) rotate(-35deg) scale(.5);}18%{opacity: 1;}40%{transform: translate(60px, -40px) rotate(18deg) scale(1.15);}65%{transform: translate(-40px, 10px) rotate(-22deg) scale(1);}85%{transform: translate(6px, -8px) rotate(10deg) scale(1.02);}100%{opacity: 1; transform: translate(0, 0) rotate(12deg) scale(1);}}@keyframes cv-hover{0%, 100%{opacity: 1; translate: 0 0;}50%{opacity: 1; translate: 0 -6px;}}.cv-music{position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 45; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 18px 0 16px; border: 0; border-radius: 999px; cursor: pointer; background: var(--c-primary); color: var(--c-bg); box-shadow: 0 12px 28px color-mix(in srgb, var(--c-primary) 45%, transparent); font: 700 13px/1 var(--f-body), sans-serif; letter-spacing: .1em; text-transform: uppercase; transition: padding .4s ease, width .4s ease;}.cv-music-play{width: 22px; height: 22px;}.cv-music-bars{display: none; align-items: flex-end; gap: 3px; height: 20px;}.cv-music-bars i{display: block; width: 3px; height: 100%; border-radius: 2px; background: currentColor; transform-origin: bottom; animation: cv-eq 1s ease-in-out infinite;}.cv-music-bars i:nth-child(2){animation-delay: -.3s;}.cv-music-bars i:nth-child(3){animation-delay: -.6s;}.cv-music-bars i:nth-child(4){animation-delay: -.15s;}.cv-music.is-playing{padding: 0 17px;}.cv-music.is-playing .cv-music-bars{display: inline-flex;}.cv-music.is-playing .cv-music-play, .cv-music.is-playing .cv-music-hint{display: none;}.cv-music:not(.is-playing){animation: cv-music-call 2.4s ease-in-out infinite;}@keyframes cv-eq{0%, 100%{transform: scaleY(.3);}50%{transform: scaleY(1);}}@keyframes cv-music-call{0%, 100%{box-shadow: 0 12px 28px color-mix(in srgb, var(--c-primary) 45%, transparent);}50%{box-shadow: 0 0 0 10px color-mix(in srgb, var(--c-primary) 18%, transparent), 0 12px 28px color-mix(in srgb, var(--c-primary) 45%, transparent);}}.cv:has(.cv-music) .cv-foot{padding-bottom: 110px;}@media (prefers-reduced-motion: reduce){.cv-flyer{opacity: 1 !important; animation: none !important;}.cv-flyer .cv-wing-l, .cv-flyer .cv-wing-r, .cv-music-bars i, .cv-music{animation: none !important;}.cv-reveal, [data-stagger] > *{opacity: 1 !important; transform: none !important; transition: none;}.cv-seal, .cv-scroll, .cv-float-inner, .cv-float .cv-wing-l, .cv-float .cv-wing-r, .cv-env{animation: none;}.cv-float{transform: none !important;}}@media (max-width: 380px){.cv-ticket{flex-direction: column;}.cv-ticket-qr{width: auto; border-left: 0; border-top: 1.5px dashed var(--c-primary);}}.cv-cal{margin: 22px auto 0; max-width: 320px; padding: 18px 16px; border-radius: 18px; background: var(--c-bg); border: 1px solid var(--c-line);}.cv-cal-month{margin: 2px 0 10px; font-family: var(--f-title), serif; font-size: 30px; color: var(--c-primary); text-transform: capitalize;}.cv-cal-grid{display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 14px;}.cv-cal-wd{font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--c-muted); padding-bottom: 4px;}.cv-cal-day{display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 50%; font-size: 14px; font-variant-numeric: tabular-nums;}.cv-cal-day.is-day{position: relative; background: var(--c-primary); color: var(--c-bg); font-weight: 700; box-shadow: 0 6px 14px color-mix(in srgb, var(--c-primary) 40%, transparent);}.cv-cal-day.is-day::after{content: "♥"; position: absolute; top: -8px; right: -4px; font-size: 12px; color: var(--c-accent);}.tpl-rubi{--c-card: color-mix(in srgb, #fff 80%, var(--c-bg)); background: radial-gradient(60vmax 40vmax at 110% 10%, color-mix(in srgb, var(--c-primary) 12%, transparent), transparent 70%), radial-gradient(50vmax 40vmax at -20% 45%, color-mix(in srgb, var(--c-accent) 14%, transparent), transparent 70%), radial-gradient(60vmax 40vmax at 120% 85%, color-mix(in srgb, var(--c-primary) 10%, transparent), transparent 70%), var(--c-bg); font-size: 19px;}.tpl-rubi .cv-hero{min-height: 100svh;}.tpl-rubi .cv-hero-veil{background: linear-gradient(180deg, color-mix(in srgb, var(--c-primary) 35%, transparent) 0%, color-mix(in srgb, var(--c-bg) 55%, transparent) 55%, var(--c-bg) 100%);}.tpl-rubi .cv-names{font-size: clamp(64px, 19vw, 128px); text-shadow: 0 4px 18px color-mix(in srgb, var(--c-primary) 25%, transparent);}.tpl-rubi .cv-type{letter-spacing: .5em;}.tpl-rubi .cv-card{border: 0; border-radius: 28px; background: linear-gradient(180deg, color-mix(in srgb, #fff 88%, var(--c-bg)), color-mix(in srgb, #fff 70%, var(--c-bg))); box-shadow: 0 18px 40px color-mix(in srgb, var(--c-primary) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--c-accent) 35%, transparent);}.tpl-rubi .cv-card::before{content: ""; position: absolute; left: 50%; top: -14px; width: 28px; height: 28px; transform: translateX(-50%) rotate(45deg); background: var(--c-bg); border: 1px solid color-mix(in srgb, var(--c-accent) 55%, transparent); border-radius: 6px;}.tpl-rubi .cv-title{font-size: clamp(44px, 12vw, 58px);}.tpl-rubi .cv-guest{background: linear-gradient(135deg, var(--c-primary), color-mix(in srgb, #000 20%, var(--c-primary))); color: #fff;}.tpl-rubi .cv-guest .cv-label, .tpl-rubi .cv-guest .cv-guest-passes{color: color-mix(in srgb, #fff 80%, var(--c-accent));}.tpl-rubi .cv-count div{background: var(--c-primary); border: 0;}.tpl-rubi .cv-count b{color: #fff;}.tpl-rubi .cv-count span{color: color-mix(in srgb, #fff 75%, var(--c-accent));}.tpl-rubi .cv-timeline{max-width: 420px; padding: 0; text-align: center;}.tpl-rubi .cv-timeline::before{content: ""; display: block;}.tpl-rubi .cv-timeline li{position: relative; display: grid; grid-template-columns: 1fr 22px 1fr; align-items: center; gap: 12px; padding: 0 0 26px;}.tpl-rubi .cv-timeline li::before{position: static; grid-column: 2; grid-row: 1; width: 18px; height: 18px; margin: 0 auto; box-shadow: 0 0 0 5px color-mix(in srgb, var(--c-accent) 25%, transparent);}.tpl-rubi .cv-timeline li:not(:last-child)::after{left: 50%; top: 22px; transform: translateX(-50%);}.tpl-rubi .cv-timeline .cv-tl-time{grid-column: 1; grid-row: 1; text-align: right; font-size: 20px;}.tpl-rubi .cv-timeline .cv-tl-what{grid-column: 3; grid-row: 1; text-align: left; font-family: var(--f-title), serif; font-size: 26px; color: var(--c-primary); line-height: 1.1;}.tpl-rubi .cv-timeline li:nth-child(even) .cv-tl-time{grid-column: 3; text-align: left;}.tpl-rubi .cv-timeline li:nth-child(even) .cv-tl-what{grid-column: 1; text-align: right;}.tpl-rubi .cv-btn{letter-spacing: .12em; text-transform: uppercase; font-size: 13px;}.tpl-rubi .cv-choice input:checked + span{box-shadow: 0 8px 18px color-mix(in srgb, var(--c-primary) 35%, transparent);}.tpl-rubi .cv-ticket{border-color: var(--c-accent);}

/* /cvip_invitation/static/src/invitation/landing.css */
 .lp{--plum: #2a1638; --plum-2: #3d2150; --gold: #d9b26f; --blush: #f6e7ea; --ink: #fdf8f3; --muted: #cbb8cf; margin: 0; min-height: 100vh; background: var(--plum); color: var(--ink); font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased;}.lp *{box-sizing: border-box;}.lp-top{display: flex; align-items: center; justify-content: space-between; max-width: 1080px; margin: 0 auto; padding: 18px 20px;}.lp-logo{color: var(--ink); text-decoration: none; font: 700 20px/1 "Fraunces", serif; letter-spacing: .01em;}.lp-logo span{color: var(--gold);}.lp-logo-mark{color: var(--gold); margin-right: 4px;}.lp-link{color: var(--muted); text-decoration: none; font-weight: 600; font-size: 15px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16);}.lp-hero{position: relative; max-width: 720px; margin: 0 auto; padding: 56px 20px 64px; text-align: center;}.lp-hero-small{padding-top: 120px;}.lp-glow{position: absolute; inset: -40px 0 auto; height: 420px; z-index: 0; pointer-events: none; background: radial-gradient(closest-side, rgba(217,178,111,.32), transparent 70%); filter: blur(10px);}.lp-hero > *:not(.lp-glow){position: relative; z-index: 1;}.lp-kicker{margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold);}.lp h1{margin: 0; font: 700 clamp(40px, 9vw, 72px)/1.04 "Fraunces", serif; letter-spacing: -.01em; text-wrap: balance;}.lp h1 em{font-style: italic; font-weight: 500; color: var(--gold);}.lp-sub{margin: 18px auto 28px; max-width: 46ch; font-size: 18px; line-height: 1.55; color: var(--muted);}.lp-code{display: flex; flex-direction: column; gap: 12px; max-width: 420px; margin: 0 auto;}.lp-code input{width: 100%; height: 72px; padding: 0 16px; border-radius: 20px; border: 2px solid rgba(217,178,111,.55); background: rgba(255,255,255,.06); color: var(--ink); text-align: center; text-transform: uppercase; font: 800 32px/1 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: .32em;}.lp-code input::placeholder{color: rgba(253,248,243,.25);}.lp-code input:focus{outline: none; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(217,178,111,.25);}.lp-code button, .lp-cta{display: inline-flex; align-items: center; justify-content: center; min-height: 60px; padding: 0 28px; border: 0; border-radius: 999px; cursor: pointer; text-decoration: none; font: 800 17px/1 "Plus Jakarta Sans", sans-serif; background: linear-gradient(135deg, #e8c98a, var(--gold) 55%, #b98c45); color: var(--plum); box-shadow: 0 14px 30px rgba(217,178,111,.25);}.lp-cta-ghost{background: transparent; color: var(--ink); border: 1.5px solid rgba(255,255,255,.3); box-shadow: none;}.lp-error{margin: 16px auto 0; max-width: 420px; padding: 12px 16px; border-radius: 14px; background: rgba(231,76,60,.16); color: #ffc9c1; font-weight: 600;}.lp-hint{margin: 14px 0 0; font-size: 14px; color: rgba(203,184,207,.8);}.lp-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}.lp-host{display: grid; gap: 28px; max-width: 1080px; margin: 0 auto; padding: 48px 20px; border-top: 1px solid rgba(255,255,255,.08);}.lp-host h2{margin: 0 0 10px; font: 700 clamp(30px, 6vw, 42px)/1.1 "Fraunces", serif;}.lp-host p{margin: 0 0 22px; color: var(--muted); font-size: 17px; line-height: 1.6; max-width: 48ch;}.lp-host-copy{display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}.lp-host-copy p{margin-bottom: 10px;}.lp-features{list-style: none; margin: 0; padding: 0; display: grid; gap: 14px;}.lp-features li{display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; border-radius: 20px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);}.lp-features b{font-size: 17px; color: var(--blush);}.lp-features span{color: var(--muted); line-height: 1.5;}.lp-foot{padding: 28px 20px 40px; text-align: center; font-size: 13px; color: rgba(203,184,207,.6);}@media (min-width: 860px){.lp-host{grid-template-columns: 1fr 1.2fr; align-items: start; padding-top: 72px;}.lp-features{grid-template-columns: 1fr 1fr;}}