/* Lilo Design — visual registration guide. */
.registration-v2{--reg-ink:#231c28;--reg-muted:#695b6b;--reg-pink:#ed008c;--reg-line:#e7dfe8}
.registration-v2 .article-body{min-width:0}.registration-v2 [hidden]{display:none!important}
.registration-v2 .reg-hero{position:relative;isolation:isolate;overflow:hidden;padding:42px 40px 26px;background:#f8cfe5;border-radius:20px;color:var(--reg-ink)}
.reg-hero:before{content:'✦';position:absolute;right:-43px;top:21px;font-size:260px;line-height:1;color:#ee008c;opacity:.13;transform:rotate(12deg);z-index:-1}
.registration-v2 .reg-kicker{font-size:10px;line-height:1.6;font-weight:800;letter-spacing:1.8px;margin:0;color:#a80065}
.reg-hero h1{font-size:clamp(42px,4.8vw,73px);line-height:1.03;letter-spacing:-3px;margin:30px 0 24px;max-width:100%;font-weight:800}
.reg-hero h1 em{font-style:normal;color:#ba006e}
.registration-v2 .reg-deck{font-size:17px;line-height:1.7;max-width:530px;margin:0;color:#5e3b53}
.reg-hero-bottom{border-top:1px solid #8b4e702d;margin-top:32px;padding-top:20px;display:flex;align-items:center;gap:16px;font-size:10px;font-weight:800;letter-spacing:1px}
.reg-hero-bottom>span:first-child{font-size:17px}.reg-hero-bottom>span:last-child{margin-left:auto;font-size:30px;color:var(--reg-pink);line-height:1}
.registration-v2 .article-meta{flex-wrap:wrap;gap:8px 18px;font-size:10px;margin:20px 0 28px}.registration-v2 .article-intro{font-size:18px;line-height:1.85}
.reg-disclosure{border-left:3px solid #dd8eb8;padding:10px 18px;font-size:12px;line-height:1.7;color:var(--reg-muted);margin:25px 0}
.reg-route{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 16px}
.reg-route a{padding:18px 13px;background:#f6f1f8;font-size:12px;font-weight:700;border-radius:10px;text-decoration:none!important;transition:background .2s}
.reg-route a:nth-child(2){background:#fce6f1}.reg-route a:nth-child(3){background:#edf1db}.reg-route a:nth-child(4){background:#fceccb}.reg-route a:hover{background:#f7c9e2}.reg-route span{display:block;color:#8b697f;font-size:10px;margin-bottom:13px}.reg-route b{float:right;font-weight:400}
.registration-v2 .reg-section{padding-top:52px;scroll-margin-top:110px}.reg-section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:25px}.reg-number{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#fce1f0;color:#aa0061;border-radius:50%;font-size:12px;font-weight:800;margin-top:2px}
.registration-v2 .reg-section h2{font-size:31px;line-height:1.22;letter-spacing:-.8px;margin:2px 0 0;max-width:630px;text-wrap:balance}.reg-section>p{max-width:770px}.reg-section strong{color:#302235}.reg-section>p a{color:#b4006a;text-underline-offset:3px}.reg-section figure{margin:30px 0 24px;max-width:100%}.reg-section h3{font-size:20px;letter-spacing:-.4px;line-height:1.3}
.reg-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 4px}.reg-kit>div{padding:23px 20px;border-radius:12px;background:#f5eff9;border-top:3px solid #d2b5e4}.reg-kit>div:nth-child(2){background:#fff0f6;border-color:#f490c8}.reg-kit>div:nth-child(3){background:#f1f4e7;border-color:#bcc984}.reg-kit>div>span{font-size:11px;font-weight:700;color:#8e7699}.reg-kit h3{font-size:17px;margin:16px 0 9px}.registration-v2 .reg-kit p{font-size:13px;line-height:1.7;margin:0}
.reg-section .reg-source{font-size:11px;margin:20px 0 0}.reg-source a{color:#83637b!important;text-decoration:none;border-bottom:1px solid #d9c6d4;padding-bottom:3px}
.reg-demo{border:1px solid #e7dbe8;border-radius:17px;background:#faf6fc;overflow:hidden}.reg-widget-heading{padding:26px 28px 20px}.reg-widget-heading h3{margin:10px 0 0;font-size:25px;line-height:1.2;letter-spacing:-.7px}
.reg-demo-controls{display:flex;gap:7px;padding:0 28px 22px;flex-wrap:wrap}.reg-demo-controls button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dccde2;border-radius:30px;background:white;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.reg-demo-controls button>span{display:grid;place-items:center;background:#f1e9f5;border-radius:50%;width:20px;height:20px;font-size:9px}.reg-demo-controls button[aria-pressed=true]{background:#ec008c;color:white;border-color:#ec008c}.reg-demo-controls button[aria-pressed=true]>span{background:#ffffff33}
.reg-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:8px 28px 30px;align-items:stretch}.reg-form-picture{background:white;border:1px solid #e4dce7;box-shadow:0 8px 22px #38164108;border-radius:10px;padding:22px}.reg-mini-brand{font-size:10px;letter-spacing:2px;font-weight:800;border-bottom:1px solid #eee5f0;padding-bottom:14px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.reg-mini-brand>span{color:#ef008c;font-size:24px;line-height:1}
.reg-faux-field{border:1px solid #e9e0ec;border-radius:6px;padding:10px 12px;margin-top:9px;transition:border-color .25s,box-shadow .25s,background .25s}.reg-faux-field small{display:block;font-size:9px;color:#9a899d;margin-bottom:6px}.reg-faux-field>span{font-size:11px;color:#695d6c;display:block}.reg-faux-field b{float:right}.reg-faux-field i{display:inline-block;width:10px;height:10px;border:1px solid #b397b7;vertical-align:middle;margin-right:5px}
.reg-demo[data-step="0"] [data-field="0"],.reg-demo[data-step="1"] [data-field="1"],.reg-demo[data-step="2"] [data-field="2"],.reg-demo[data-step="3"] [data-field="3"]{border-color:#ed008c;box-shadow:0 0 0 3px #ed008c12;background:#fff7fb}.reg-demo-notes{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.reg-note-step{font-size:52px;line-height:1;color:#e6b4d0;letter-spacing:-2px;font-weight:800}.reg-demo-notes h4{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:16px 0 12px}.registration-v2 .reg-demo-notes p{font-size:13px;line-height:1.8;margin:0}.reg-demo-notes [data-reg-note]{animation:reg-note-in .25s ease-out}.reg-play{font:inherit;font-size:10px;letter-spacing:.5px;font-weight:800;border:1px solid #d4bfda;background:#fff;color:#715378;padding:11px 15px;border-radius:30px;cursor:pointer;line-height:1.5;margin-top:22px}.reg-play:hover{border-color:#ec008c;color:#b5006b}.reg-play[aria-pressed=true]{background:#f9d7e9;border-color:#f1a6d0;color:#900052}.reg-demo figcaption,.reg-gif figcaption{padding:16px 28px 20px;font-size:11px;line-height:1.75;color:#8b758f;border-top:1px solid #e7dbe8}
.reg-photo-tips{margin:28px 0;border:1px solid #e4e6d9;border-radius:15px;padding:25px;background:#f5f7ef}.reg-photo-tips>h3{margin:0 0 22px}.reg-photo-tips>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.reg-photo-tips h4{font-size:15px;margin:15px 0 7px}.registration-v2 .reg-photo-tips p{font-size:12px;line-height:1.7;margin:0}.reg-id-art{height:84px;max-width:160px;border:1.5px solid #8a9675;border-radius:8px;background:#e3e9d5;position:relative}.reg-id-art:before{content:'';position:absolute;left:14px;top:19px;width:30px;height:40px;border-radius:4px;background:#b7c2a3}.reg-id-art:after{content:'';position:absolute;left:57px;right:17px;top:24px;height:4px;background:#aab996;box-shadow:0 12px #bac6aa,0 24px #c2ceb1}.reg-id-art i{position:absolute;inset:8px;border:1px dashed #9ead87;border-radius:3px;z-index:1}.reg-id-glare span{position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,#fff9 49%,transparent 65%);z-index:2}.reg-id-edges{outline:1px dashed #94a279;outline-offset:5px;margin:5px 0 0}
.reg-video{background:#201825;border-radius:17px;overflow:hidden;color:white}.reg-video-copy{padding:28px 30px}.reg-video .reg-kicker{color:#f997cf}.reg-video h3{color:white;font-size:27px;letter-spacing:-.7px;margin:10px 0 12px;max-width:500px}.registration-v2 .reg-video p{color:#c8b9d0;font-size:13px;line-height:1.8;margin:0;max-width:620px}.reg-video-stage{aspect-ratio:16/9;background:#161219}.reg-video iframe{display:block;width:100%;height:100%;border:0}.reg-video figcaption{padding:16px 25px;font-size:11px;line-height:1.6}.reg-video figcaption a{color:#eab3d6;text-decoration:none}
.reg-problems{margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reg-problems>div{border-left:2px solid #ef86bd;padding:3px 0 4px 16px}.reg-problems h3{font-size:16px;margin:0 0 10px}.registration-v2 .reg-problems p{font-size:12px;line-height:1.75;margin:0}
.reg-screen{border:1px solid #ded5e4;border-radius:14px;overflow:hidden;background:#f6f0f9}.reg-screen-bar{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:8px;letter-spacing:1px;font-weight:700;color:#8c7497}.reg-zoom{display:flex;flex-direction:column;align-items:center;background:white;padding:24px;text-decoration:none!important;cursor:zoom-in}.reg-zoom img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain}.reg-zoom>span{margin-top:16px;color:#ae0067;font-size:10px;border:1px solid #efd3e7;border-radius:30px;padding:7px 13px}.reg-screen figcaption{padding:15px 20px;font-size:11px;color:#8b758f;line-height:1.75}.reg-screen figcaption a{color:#ac0067}
.reg-quote{margin:32px 0 10px;border-radius:14px;background:#f9d3e7;padding:30px;display:flex;gap:24px;align-items:center;border:0}.reg-quote>span{color:#ed008c;font-size:67px;line-height:1}.registration-v2 .reg-quote p{color:#721847;font-size:24px;line-height:1.4;font-weight:700;letter-spacing:-.5px;margin:0;max-width:540px}
.reg-gif{border:1px solid #ded5e4;border-radius:15px;overflow:hidden;background:#f5f0f8}.reg-gif-stage{margin:0 25px;background:white;border:1px solid #e2d7e8;border-radius:8px;overflow:hidden;min-height:160px;display:grid;place-items:center}.reg-gif-stage img{display:block;width:100%;height:auto}.reg-gif-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:25px;text-align:center}.reg-gif-placeholder>span:first-child{color:#c90076;font-size:26px}.reg-gif-placeholder b{font-size:18px}.reg-gif-placeholder>span:last-child{font-size:11px;color:#97819e}.reg-gif>.reg-play{margin:20px 25px}.reg-gif figcaption a{color:#ac0067}
.reg-new{background:#edf3d9;border-radius:15px;padding:30px;display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin:30px 0}.reg-new-badge{background:#d8ed93;color:#4f5b30;border:1px solid #abbc76;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 7px;display:inline-block;transform:rotate(-5deg)}.reg-new h3{font-size:23px;line-height:1.25;margin:16px 0 12px;color:#3b432c}.registration-v2 .reg-new p{font-size:13px;line-height:1.8;color:#62714b;margin:0}.reg-new-numbers{display:flex;align-items:center;justify-content:space-evenly;gap:20px}.reg-new-numbers b{display:block;font-size:65px;font-weight:800;letter-spacing:-3px;line-height:1;color:#526137}.reg-new-numbers span{display:block;font-size:10px;line-height:1.5;max-width:85px;margin-top:9px;color:#7a875f}.reg-new>a{font-size:10px;color:#6b784d;grid-column:1/-1}
.reg-checklist{background:#fbf5f9;border:1px solid #ecdbe5;border-radius:15px;padding:27px}.registration-v2 .reg-checklist>p:first-child{font-size:14px;line-height:1.8;margin:0}.reg-check-progress{margin:22px 0 15px}.reg-check-progress span{display:block;font-size:10px;font-weight:800;letter-spacing:.5px;color:#a50062;margin-bottom:9px}.reg-check-progress progress{display:block;width:100%;height:5px;border:0;border-radius:9px;overflow:hidden;accent-color:#ec008c;background:#ead9e5}.reg-check-progress progress::-webkit-progress-bar{background:#ead9e5}.reg-check-progress progress::-webkit-progress-value{background:#ec008c;transition:width .2s}.reg-check-progress progress::-moz-progress-bar{background:#ec008c}.reg-checklist label{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #ecdee7;cursor:pointer;font-size:14px;line-height:1.6}.reg-checklist input{width:18px;height:18px;flex:0 0 18px;accent-color:#dc0082;margin:2px 0 0;cursor:pointer}.reg-checklist input:checked+span{color:#8c6380}.registration-v2 .reg-checklist .reg-ready{font-size:14px;font-weight:700;line-height:1.6;color:#7c164d;background:#f7d8e9;padding:16px;border-radius:8px;margin:20px 0 0}
.registration-v2 .article-sources{margin-top:40px;padding-top:24px;border-top:1px solid #e9dfec;font-size:11px;color:#89718e;line-height:1.8}.article-sources summary{cursor:pointer;font-weight:700;color:#77547d}.article-sources p{margin:16px 0}.article-sources li{margin:5px 0}.article-sources a{color:inherit}
.reg-lightbox{border:0;border-radius:14px;background:white;padding:42px 24px 20px;max-width:min(900px,calc(100vw - 28px));max-height:90dvh;overflow:auto;color:#6a5770;box-shadow:0 25px 90px #0005}.reg-lightbox::backdrop{background:#201523cc;backdrop-filter:blur(6px)}.reg-lightbox img{max-height:72dvh;max-width:100%;width:auto;height:auto;object-fit:contain;display:block;margin:auto}.reg-lightbox>button{position:absolute;right:13px;top:8px;border:0;background:#f7eaf3;width:28px;height:28px;border-radius:50%;font-size:24px;line-height:1;color:#825570;cursor:pointer}.reg-lightbox p{font-size:11px;line-height:1.6;max-width:650px;margin:15px 0 0}.reg-lightbox-open{overflow:hidden}
.registration-v2 button:focus-visible,.registration-v2 a:focus-visible,.registration-v2 input:focus-visible,.registration-v2 summary:focus-visible{outline:2px solid #b7006c;outline-offset:4px}
@keyframes reg-note-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.reg-hero h1{font-size:53px}.reg-demo-grid{gap:20px;padding:5px 22px 25px}.reg-demo-controls{padding-inline:22px}.reg-form-picture{padding:16px}.reg-new{grid-template-columns:1fr}.reg-new-numbers{justify-content:flex-start;gap:40px}.reg-new-numbers>div{display:flex;align-items:center;gap:12px}.reg-new-numbers b{font-size:53px}.reg-new-numbers span{margin:0}}
@media(max-width:760px){.registration-v2 .reg-hero{padding:30px 24px 23px}.reg-hero h1{font-size:clamp(37px,8.4vw,58px);letter-spacing:-1.8px;margin:25px 0 20px}.registration-v2 .reg-kicker{font-size:8px;letter-spacing:1.2px}.registration-v2 .reg-deck{font-size:15px}.reg-hero:before{font-size:200px;right:-55px;top:48px}.reg-hero-bottom{font-size:8px;gap:10px}.reg-hero-bottom>span:first-child{font-size:13px}.reg-hero-bottom>span:last-child{font-size:24px}.registration-v2 .article-intro{font-size:16px}.registration-v2 .reg-section{padding-top:37px}.reg-section-heading{gap:12px;margin-bottom:20px}.reg-number{flex-basis:34px;height:34px;font-size:10px}.registration-v2 .reg-section h2{font-size:25px;letter-spacing:-.6px}.reg-route{grid-template-columns:1fr 1fr;gap:8px}.reg-route a{padding:14px;font-size:11px}.reg-route span{margin-bottom:8px}.reg-kit{grid-template-columns:1fr;gap:9px}.reg-kit>div{padding:18px 18px 18px 52px;position:relative}.reg-kit>div>span{position:absolute;left:18px;top:21px}.reg-kit h3{margin:0 0 6px;font-size:16px}.reg-widget-heading{padding:23px 20px 18px}.reg-widget-heading h3{font-size:23px}.reg-demo-controls{padding:0 20px 17px;gap:6px}.reg-demo-controls button{font-size:10px;padding:7px 9px;gap:5px}.reg-demo-controls button>span{width:17px;height:17px}.reg-demo-grid{grid-template-columns:1fr;gap:23px;padding:0 20px 22px}.reg-form-picture{padding:18px}.reg-faux-field{padding:9px 11px}.reg-demo-notes{min-height:230px;justify-content:flex-start}.reg-note-step{font-size:35px}.reg-demo-notes h4{font-size:21px;margin-top:10px}.reg-demo-notes .reg-play{margin-top:auto}.reg-demo-notes [data-reg-note]{padding-bottom:20px}.reg-demo figcaption,.reg-gif figcaption{padding:15px 20px;font-size:10px}.reg-photo-tips{padding:20px}.reg-photo-tips>div{grid-template-columns:1fr;gap:22px}.reg-photo-tips>div>div{display:grid;grid-template-columns:94px 1fr;gap:0 16px}.reg-id-art{height:65px;grid-row:span 2;align-self:center}.reg-id-art:before{width:20px;height:32px;left:10px;top:16px}.reg-id-art:after{left:39px;right:10px;top:20px;height:3px;box-shadow:0 9px #bac6aa,0 18px #c2ceb1}.reg-photo-tips h4{margin:0 0 7px}.registration-v2 .reg-photo-tips p{font-size:11px;line-height:1.65}.reg-video-copy{padding:23px}.reg-video h3{font-size:24px}.reg-video figcaption{padding:15px 20px;font-size:10px}.reg-problems{grid-template-columns:1fr;gap:20px}.reg-problems h3{margin-bottom:6px}.reg-screen-bar{padding:12px;font-size:7px;letter-spacing:.6px}.reg-screen-bar span:last-child{text-align:right;max-width:120px}.reg-zoom{padding:15px}.reg-screen figcaption{padding:14px;font-size:10px}.reg-quote{padding:23px;gap:16px}.reg-quote>span{font-size:42px}.registration-v2 .reg-quote p{font-size:20px}.reg-gif-stage{margin:0 18px;min-height:135px}.reg-gif>.reg-play{margin:18px}.reg-gif-placeholder{padding:18px}.reg-new{padding:23px;gap:20px}.reg-new h3{font-size:23px}.reg-new-numbers{gap:22px}.reg-new-numbers b{font-size:48px}.reg-new-numbers span{font-size:9px;max-width:75px}.reg-checklist{padding:21px}.reg-checklist label{font-size:13px}.reg-lightbox{padding:42px 14px 16px}}
@media(prefers-reduced-motion:reduce){.reg-demo-notes [data-reg-note]{animation:none}.reg-faux-field,.reg-demo-controls button,.reg-check-progress progress::-webkit-progress-value{transition:none}}
