/* KIT Branding — chips, cards do método e paleta grafite. */
.chip-rail{--rail-color:rgba(250,250,237,.76);display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:780px;margin:0 auto 30px;color:#FAFAED}
.chip-rail:before,.chip-rail:after{content:"";flex:1;min-width:18px;height:7px;background:linear-gradient(var(--rail-color),var(--rail-color)) center/100% 1px no-repeat,radial-gradient(circle,var(--rail-color) 0 2.4px,transparent 2.8px) left center/7px 7px no-repeat}
.chip-rail:after{transform:rotate(180deg)}
.label-chip{flex:0 1 auto;min-width:0;border:1px solid var(--rail-color);border-radius:99px;background:transparent;color:inherit;padding:10px 23px;font:500 10px/1.6 var(--mono);text-align:center;letter-spacing:1.1px;text-transform:uppercase}
.section-divider{margin-bottom:36px}.section-top{border:0}
.hero-chip{justify-content:flex-start;max-width:390px;margin:0 0 25px;gap:8px}.hero-chip:before,.hero-chip:after{flex:0 0 22px}.hero-chip .label-chip{font-size:9px;padding:8px 15px;letter-spacing:.6px}
.brand-stage{padding-top:0}.header-nav .edition{display:inline-flex;justify-content:center;align-items:center;text-align:center;background:var(--button);color:#FAFAED;border:1px solid rgba(250,250,237,.8);font-size:9px;padding:12px 19px;border-radius:99px;line-height:1.5;white-space:nowrap}
.chip-button:before,.chip-button:after{height:7px;width:27px;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat,radial-gradient(circle,var(--line) 0 2.2px,transparent 2.6px) left center/6px 6px no-repeat;top:calc(50% - 3px)}
.chip-button:before{right:calc(100% + 7px)}.chip-button:after{left:calc(100% + 7px);transform:rotate(180deg)}
.chip-button{margin-inline:34px}.hero .chip-button{max-width:calc(100% - 68px)}
.personality .chip-rail{--rail-color:rgba(250,250,237,.76);color:#FAFAED;max-width:730px;margin-bottom:30px}.personality .label-chip{border-color:var(--rail-color)}
.personality-copy{max-width:660px;margin:22px auto 0;font-size:13px;line-height:1.8;color:var(--body)}.personality .personality-orbit{margin-top:24px}
.center-intro{margin-bottom:38px}.method-cards{gap:22px}
.method-card{isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid var(--soft);padding:30px 27px 36px;color:var(--white);background:#181A1D;display:flex;flex-direction:column;align-items:center}
.method-card:after{color:var(--muted);right:18px;top:13px;font-size:17px}
.method-card .chrome-number{display:block;width:128px;height:128px;margin:0 auto 18px;object-fit:contain;border:0;border-radius:0;filter:drop-shadow(0 4px 4px #25293220)}
.method-card h3{color:var(--white);font-size:18px;line-height:1.45;max-width:285px;margin-bottom:15px}
.method-card p{color:var(--body);font-size:13px;line-height:1.85}
.lesson summary{grid-template-columns:84px 1fr auto;padding-block:19px}
.lesson .chrome-number{width:78px;height:78px;object-fit:contain;margin:0;filter:drop-shadow(0 3px 6px #0002)}
.lesson-body{padding-left:118px}.program-head{margin-bottom:40px}
.system-heading .chip-rail{max-width:740px}.system-heading{margin-bottom:60px}
.system-layout .moment{border-color:var(--soft)}.system-layout .moment:before{width:4px;height:4px;top:-2px}
.system-layout .moment li{align-items:center;gap:14px;padding:11px 0}.moment li:before{display:none}
.system-icon{width:28px;height:30px;flex:0 0 28px;color:#FAFAED}.moment li span{flex:1;min-width:0;line-height:1.65}
.product-scene .label{align-items:center;border-radius:20px;padding:17px 20px;background:var(--button);box-shadow:0 10px 30px #0002}
.product-scene .label img{width:48px;height:48px;object-fit:contain;flex:none}
.product-scene .photo{border-radius:14px;position:relative;z-index:1}.product-scene .label{z-index:2}.product-scene .frame{z-index:0}
.creators-section .section-divider{margin-bottom:48px}
.presenter{gap:10%;grid-template-columns:.9fr 1fr}.presenter-portrait{isolation:isolate;padding:0 10px 12px 0}
.presenter-portrait:before{content:"";position:absolute;inset:16px 0 0 16px;border:1px solid var(--line);border-radius:18px;z-index:-1}
.presenter-portrait>img{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:15px;position:relative;z-index:1}
.portrait-label{left:20px;right:30px;bottom:32px;z-index:2;border-radius:99px;padding:11px 13px;font-size:8px;line-height:1.7;background:#080a0de8;text-align:center;backdrop-filter:blur(10px)}
.presenter h2{font-size:clamp(30px,3.1vw,43px);line-height:1.25}.presenter .copy{margin-top:24px}
.faq-heading{position:relative}.faq-heading .chip-rail{max-width:740px}.faq-heading .chrome-question{width:120px;height:120px;margin:0 auto 20px}
.closing{border-radius:18px}.closing:before{display:none}.closing-copy{padding-inline:7%}.closing .chip-rail{gap:8px;margin-bottom:25px}.closing .label-chip{font-size:8px;letter-spacing:.5px;padding:9px 15px}.closing .chip-rail:before,.closing .chip-rail:after{min-width:12px}.closing .chip-button{margin-inline:25px;max-width:calc(100% - 50px)}
@media(max-width:1000px){.method-cards{gap:15px}.method-card{padding:25px 18px 30px}.method-card h3{font-size:16px}.method-card p{font-size:12px}.method-card .chrome-number{width:112px;height:112px}.header-nav{gap:19px}.header-nav .edition{font-size:8px;padding:10px 14px}.closing-copy{padding-inline:6%}}
@media(max-width:700px){
 .chip-rail{gap:9px;margin-bottom:27px}.label-chip{font-size:8px;letter-spacing:.6px;padding:9px 14px;line-height:1.7}.chip-rail:before,.chip-rail:after{min-width:15px}
 .hero-chip{max-width:100%;justify-content:center;margin:0 0 23px}.hero-chip:before,.hero-chip:after{flex:1}.hero-chip .label-chip{font-size:7px;padding:8px 12px;letter-spacing:.25px}
 .brand-stage{padding-top:0;margin:0 -7px}.hero{gap:30px;padding-top:29px}.site-header{gap:9px;padding-block:20px}.header-nav .edition{font-size:7px;padding:9px 11px;letter-spacing:.4px}.brand b{font-size:8px;letter-spacing:.6px}.brand small{font-size:5px;letter-spacing:.6px}.brand img{width:35px;height:35px}.brand{gap:8px}
 .chip-button,.hero .chip-button{width:calc(100% - 64px);max-width:calc(100% - 64px);margin-inline:32px;padding-inline:15px;font-size:9px;letter-spacing:.15px;gap:14px}.chip-button:before,.chip-button:after{width:23px}
 .personality .chip-rail{margin-bottom:25px}.personality-copy{font-size:12px;line-height:1.8;margin-top:20px}.personality h2{font-size:26px}.personality{padding-top:39px}
 .method-card{border-radius:17px;padding:27px 25px 32px}.method-card .chrome-number{width:120px;height:120px;margin-bottom:13px}.method-card h3{font-size:18px;margin-bottom:15px}.method-card p{font-size:13px}
 .lesson summary{grid-template-columns:57px minmax(0,1fr) 14px;gap:13px;padding-block:18px}.lesson .chrome-number{width:57px;height:64px}.lesson .lesson-title{font-size:16px;line-height:1.45}.lesson-body{padding:0 0 25px}.program-head h2{font-size:27px;line-height:1.3}
 .system-heading{margin-bottom:38px}.system-heading h2{font-size:27px;line-height:1.3}.system-layout .moment li{gap:13px;padding:12px 0}.system-icon{width:26px;height:28px;flex-basis:26px}.product-scene .label{border-radius:17px;padding:13px 15px;font-size:7px;letter-spacing:.4px}.product-scene .label img{width:43px;height:43px}
 .creators-section .section-divider{margin-bottom:35px}.presenter{grid-template-columns:1fr;gap:32px}.presenter-portrait{width:100%;max-width:460px}.portrait-label{left:15px;right:25px;bottom:28px;font-size:7px;letter-spacing:.3px}.presenter h2{text-align:center;font-size:29px}.presenter .copy{text-align:center;font-size:13px}.presenter .sign{justify-content:center}
 .faq-heading .chrome-question{width:106px;height:106px;margin-bottom:19px}.faq-heading h2{font-size:30px}.closing{border-radius:15px}.closing-copy{padding:33px 7% 38px}.closing .chip-rail{gap:7px}.closing .label-chip{font-size:7px;letter-spacing:.25px;padding-inline:10px}.closing .chip-button{font-size:8px;gap:8px;padding-inline:10px}.closing-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
}
@media(max-width:360px){.header-nav .edition{font-size:6px;padding:8px 9px}.brand b{font-size:7px;letter-spacing:.3px}.brand small{font-size:4.5px}.hero h1{font-size:28px}.label-chip{font-size:7px;padding-inline:12px}.hero-chip .label-chip{font-size:6px}.chip-button,.hero .chip-button{font-size:8px;gap:9px}.portrait-label{font-size:6px}}

/* Inscrição: ação branca, identificadores de seção sem preenchimento. */
[data-registration-link],.sticky-cta [data-registration-link],.header-nav .edition[data-registration-link]{background:#FAFAED;color:#101215;border-color:#FAFAED;text-decoration:none}
[data-registration-link]:hover,.sticky-cta [data-registration-link]:hover,.header-nav .edition[data-registration-link]:hover{background:#E4E7EB;color:#101215;border-color:#E4E7EB}
[data-registration-link]:focus-visible{outline:2px solid #FAFAED;outline-offset:5px}
.sticky-cta [data-registration-link] small{color:#343940}
.method-card .number{color:var(--white);border-color:rgba(250,250,237,.6);background:transparent}
.foot .stamp img{width:40px;height:40px;object-fit:contain}
.program-foot .program-cta{flex-shrink:0;margin-block:4px;font-size:10px;padding:15px 23px;min-height:52px}
@media(max-width:700px){.program-foot .program-cta{font-size:9px;width:calc(100% - 64px);max-width:340px;margin-inline:32px;padding-inline:14px}}

/* Abertura e arte responsiva do universo CF. */
.hero-lead{margin-bottom:28px}
.universe-banner{width:100%;margin:20px 0 0;overflow:hidden}
.universe-banner picture,.universe-banner img{display:block;width:100%}
.universe-banner img{height:auto;aspect-ratio:64/33;object-fit:contain}
.method-section{position:relative}
.section-anchor{position:absolute;top:0;left:0;scroll-margin-top:25px;padding:0!important}
@media(max-width:700px){.hero-lead{margin-bottom:24px}.universe-banner{margin-top:12px}.universe-banner img{aspect-ratio:4/5}}

/* Traços alinhados ao conteúdo e na mesma espessura das bordas dos cards. */
.chip-rail{--rail-color:var(--soft);max-width:none}
.label-chip{border-color:rgba(250,250,237,.76)}
.system-heading{max-width:none;width:100%}
.system-heading .chip-rail,.faq-heading .chip-rail,.hero-chip{max-width:none;width:100%}
.hero-chip{justify-content:center}
.hero-chip:before,.hero-chip:after{flex:1 1 0}
.chip-button:before,.chip-button:after{content:none;display:none}
.chip-button,.hero .chip-button,.closing .chip-button{margin-inline:0;max-width:100%;width:auto}
.hero-kv{display:block;width:100%;max-width:580px;height:auto;margin-inline:auto;object-fit:contain}

/* Destaque dos cards e de cada tópico do sistema. */
.method-card,.method-card h3,.method-card p,.method-card .number,.method-card:after,.system-layout .moment li,.system-icon{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.system-layout .moment li{padding-inline:12px;border-radius:9px;border:1px solid transparent;border-top-color:var(--soft)}
@media(hover:hover) and (pointer:fine){
 .method-card:hover{background:#FAFAED;border-color:#FAFAED;color:#101215}
 .method-card:hover h3,.method-card:hover p,.method-card:hover .number,.method-card:hover:after{color:#101215}
 .method-card:hover .number{border-color:rgba(16,18,21,.42)}
 .system-layout .moment li:hover{background:#FAFAED;border-color:#FAFAED;color:#101215}
 .system-layout .moment li:hover .system-icon{color:#101215}
}
.closing.container{margin-inline:auto}
.foot{display:flex;justify-content:center;align-items:center;text-align:center;font-size:11px;letter-spacing:.6px;color:var(--white);padding:28px 0;border-top:0}
@media(max-width:700px){
 .chip-button,.hero .chip-button,.closing .chip-button{width:100%;max-width:100%;margin-inline:0}
 .brand-stage{margin-inline:0}
 .closing.container{width:100%;max-width:none;margin:10px 0 0;border:0;border-radius:0;overflow:hidden}
 .closing-copy{width:88%;margin-inline:auto;padding:34px 0 40px}
 .closing-image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
 .foot{padding:25px 0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.method-card,.method-card h3,.method-card p,.method-card .number,.method-card:after,.system-layout .moment li,.system-icon{transition:none}}

/* O chip se apoia na borda superior do frame que reúne o convite. */
.closing.container{overflow:visible;margin-top:38px}
.closing .closing-frame-chip{position:absolute;z-index:2;top:0;left:50%;transform:translate(-50%,-50%);width:auto;max-width:calc(100% - 36px);margin:0;background:transparent}
.closing .closing-frame-chip:before,.closing .closing-frame-chip:after{content:none;display:none}
.closing .closing-frame-chip .label-chip{font-size:9px;letter-spacing:.6px;padding:10px 19px;background:var(--bg);border-color:var(--line);text-align:center}
.closing-image{border-radius:0 17px 17px 0}
.foot{justify-content:space-between;flex-direction:row;text-align:left;font-size:10px;gap:16px}
.footer-credit{text-decoration:none;white-space:nowrap}
.footer-credit:hover{text-decoration:underline;text-underline-offset:4px}
.footer-credit:focus-visible{outline:2px solid var(--white);outline-offset:5px;border-radius:2px}
.footer-disciplines{color:var(--muted);text-align:right;font-size:8px}
@media(max-width:700px){
 .closing.container{overflow:visible;margin-top:30px}
 .closing .closing-frame-chip{max-width:calc(100% - 32px)}
 .closing .closing-frame-chip .label-chip{font-size:7px;padding:9px 12px;letter-spacing:.25px}
 .closing-copy{padding-top:45px}
 .closing-image{border-radius:0}
 .foot{align-items:center;justify-content:space-between;flex-direction:row;font-size:9px;letter-spacing:0;gap:12px;padding:25px 0}
 .footer-disciplines{max-width:140px;font-size:7px;line-height:1.8;letter-spacing:.2px}
}

/* IBM Plex Mono — licença: /assets/ibm-plex-license.txt */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:300;src:url('/assets/ibm-plex-mono-light.woff2') format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;src:url('/assets/ibm-plex-mono-regular.woff2') format('woff2');font-display:swap}
body{font-weight:300}
.header-nav,.label-chip,.brand b,.chip-button,.sticky-cta a,.faq summary{font-weight:500}
.system-layout .moment li{font-weight:400}
.hero-copy{text-align:center}
.hero h1,.hero .hero-lead,.hero .cta-help{margin-inline:auto}
.hero .hero-lead{max-width:520px}
.hero .hero-chip{margin-inline:auto}

.chip-button,.hero .chip-button,.closing .chip-button{font-size:13px;letter-spacing:.5px}
.header-nav .edition[data-registration-link]{font-size:11px}
.footer-disciplines{white-space:nowrap;max-width:none;flex-shrink:0}
.closing.container{display:block;border:1px solid var(--line);border-radius:18px;overflow:visible}
.closing-frame{display:grid;grid-template-columns:1.1fr .9fr;border-radius:17px;overflow:hidden}
.closing-frame .closing-copy{align-self:center}
.closing-frame .closing-image{border-radius:0}
.faq-section .faq details{transition:background-color .18s ease,color .18s ease;border-radius:10px}
.faq-section .faq details p{color:var(--body)}
.faq-section .faq details:focus-within{background:#FAFAED;color:#101215}
.faq-section .faq details:focus-within p,.faq-section .faq details:focus-within summary:after{color:#101215}
.faq-section .faq details:focus-within summary{outline-color:#101215}
@media(hover:hover) and (pointer:fine){
 .faq-section .faq details:hover{background:#FAFAED;color:#101215}
 .faq-section .faq details:hover p,.faq-section .faq details:hover summary:after{color:#101215}
}
@media(max-width:700px){
 .hero-copy{text-align:center}
 .chip-button,.hero .chip-button,.closing .chip-button{font-size:12px;padding-inline:14px;gap:12px}
 .header-nav .edition[data-registration-link]{font-size:8px}
 .sticky-cta a{font-size:11px}
 .closing.container{width:88vw;max-width:1280px;margin:35px auto 0;border:1px solid var(--line);border-radius:16px}
 .closing-frame{grid-template-columns:minmax(0,1fr);border-radius:15px}
 .closing-frame .closing-copy{width:86%;padding:46px 0 34px}
 .closing-frame .closing-image{display:block;width:100%;height:auto;object-fit:contain}
 .footer-disciplines{font-size:7px;letter-spacing:0;white-space:nowrap}
 .foot{width:100%;flex-wrap:nowrap;gap:8px;font-size:8px}
 .faq-section .faq summary{padding-inline:10px}
 .faq-section .faq details p{padding-inline:14px}
}
@media(max-width:360px){
 .foot{gap:6px;font-size:7px}
 .footer-disciplines{font-size:6.25px;letter-spacing:0}
 .closing .chip-button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.faq-section .faq details{transition:none}}

/* Duas partes do KIT e legibilidade das imagens. */
.brand small{font-weight:400;white-space:nowrap}
.part-heading{display:flex;align-items:center;gap:16px;margin-bottom:21px}
.part-number{display:inline-flex;justify-content:center;align-items:center;flex:none;border:1px solid rgba(250,250,237,.6);border-radius:50%;min-width:98px;min-height:48px;padding:10px 15px;color:var(--white);font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.4px;white-space:nowrap}
.system-layout .moment .part-heading .micro{margin:0;color:var(--muted);font-size:10px;line-height:1.7;letter-spacing:.8px}
.system-layout .product-scene{margin-top:30px;isolation:isolate;overflow:visible}
.system-layout .product-scene .frame{display:block;left:-40px;top:-48px;width:100%;max-width:none;z-index:0}
.product-scene .label{left:0;right:16px;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:.3px;padding:20px 23px;gap:16px}
.product-scene .label span{min-width:0}
.product-scene .label img{width:54px;height:54px}
.creators-section .presenter{grid-template-columns:1fr 1fr;gap:8%}
.creators-section .presenter-portrait{width:100%;max-width:none;margin:0;padding:0}
.creators-section .presenter-portrait:before{inset:14px -10px -10px 14px}
@media(max-width:700px){
 .brand small{font-size:5.5px;letter-spacing:.2px;line-height:1.8;margin-top:3px}
 .part-heading{gap:12px;margin-bottom:18px}
 .part-number{min-width:88px;min-height:44px;padding:9px 13px;font-size:11px}
 .system-layout .moment .part-heading .micro{font-size:9px;letter-spacing:.5px}
 .system-layout .product-scene{width:100%;padding-left:0;margin-top:24px;margin-bottom:40px}
 .system-layout .product-scene .frame{left:-28px;top:-42px;width:100%}
 .product-scene .label{left:0;right:0;bottom:-26px;font-size:11px;line-height:1.7;padding:15px 17px;gap:12px;border-radius:17px}
 .product-scene .label img{width:40px;height:40px}
 .creators-section .presenter{grid-template-columns:minmax(0,1fr);gap:38px}
 .creators-section .presenter-portrait{width:100%;max-width:none;margin:0}
 .creators-section .presenter-portrait:before{inset:12px -7px -9px 12px}
 .creators-section .portrait-label{left:12px;right:12px;bottom:14px;font-size:8px}
}
@media(max-width:360px){.product-scene .label{font-size:10px;padding-inline:14px}.brand small{font-size:5px;letter-spacing:0}.creators-section .portrait-label{font-size:7px}}

/* Cadastro com vidro no topo e altura sincronizada com o formulário. */
.registration-modal{position:fixed;inset:0;width:min(540px,calc(100vw - 28px));height:min(var(--registration-height,460px),calc(100dvh - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ffffff70;border-radius:20px;background:rgba(16,18,21,.2);color:var(--white);overflow:hidden;box-shadow:0 24px 100px #0008,inset 0 1px 0 #ffffff90;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.registration-modal::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.registration-modal iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.registration-modal-close{position:absolute;z-index:2;right:10px;top:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#101215;font:300 27px/1 var(--mono);cursor:pointer}
.registration-modal-close:hover{background:#ffffff40;border-color:#ffffff80}
.registration-modal-close:focus-visible{outline:2px solid #101215;outline-offset:1px}
body.registration-modal-open{overflow:hidden}
@media(max-width:700px){.registration-modal{width:calc(100vw - 24px);height:min(var(--registration-height,460px),calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:18px}.registration-modal-close{width:34px;height:34px;right:8px;top:8px}}
.registration-modal{background:#101215;border-color:#C6C9C8;backdrop-filter:none;-webkit-backdrop-filter:none}
.registration-modal iframe{background:#101215}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chip-button,.sticky-cta{transition:none}}

/* Ajustes de direção de arte — v15 */
.hero h1 span{color:var(--white);font-weight:300}
.chip-rail{--rail-color:rgba(250,250,237,.6)}
.chip-rail:before,.chip-rail:after{height:7px;background:linear-gradient(var(--rail-color),var(--rail-color)) center/100% 1px no-repeat,radial-gradient(circle,var(--white) 0 2.4px,transparent 2.8px) left center/7px 7px no-repeat}
.site-header{border-bottom:0}
.system-section{border-block:0}
.system-layout .moment{border-top:0;padding-top:0}
.system-layout .moment:before{display:none}
.footer-shell{width:100%;border-top:1px solid var(--soft)}
.foot{border-top:0}
.notebook-picture{display:block}
.closing-image{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center;align-self:stretch}
@media(min-width:701px){
 .hero-copy{text-align:left}
 .hero h1,.hero .hero-lead,.hero .cta-help{margin-left:0;margin-right:0}
 .system-heading{text-align:left}
 .system-heading h2,.system-heading .copy{margin-left:0;margin-right:0}
 .faq-heading{text-align:left}
 .faq-heading .chrome-question{margin-left:0;margin-right:0}
 .faq-section .faq{max-width:none;width:100%;margin-inline:0}
 .faq-section .faq summary{text-align:left}
 .faq-section .faq details p{margin-left:0;margin-right:0}
 .system-layout .product-scene .photo{aspect-ratio:941/1545;height:auto;object-fit:contain}
 .closing .closing-frame-chip{left:27.5%}
}
@media(min-width:701px) and (max-width:1000px){
 .closing-frame{grid-template-columns:minmax(0,1fr)}
 .closing .closing-frame-chip{left:50%}
 .closing-copy{width:86%;padding:45px 0 36px;margin-inline:auto}
 .closing-image{height:auto;aspect-ratio:1121/1403;object-fit:contain}
}
@media(max-width:700px){
 .closing-frame .closing-image{height:auto;aspect-ratio:1121/1403;object-fit:contain}
}
.registration-modal-close{color:#FAFAED;background:#101215;border:1px solid #c6c9c840}
.registration-modal-close:hover{color:#101215;background:#FAFAED}
.registration-modal::backdrop{background:linear-gradient(#10121599,#101215b8),url('/assets/cadastro-universo-desktop-v15.webp') center/cover;backdrop-filter:blur(2px)}
@media(max-width:700px){.registration-modal::backdrop{background-image:linear-gradient(#10121599,#101215b8),url('/assets/cadastro-universo-mobile-v15.webp')}}

.registration-modal-close:focus-visible{outline:2px solid #FAFAED;outline-offset:1px}