.zenta-splash-active #root > .public-site { display: none !important; }
.zenta-public-splash { position: fixed; inset: 0; z-index: 2147483000; overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; min-height: 100svh; padding: 28px clamp(22px, 5vw, 72px) 24px; color: #e8f1ff; background: radial-gradient(ellipse at 50% 42%, rgba(32, 90, 148, .17), transparent 38%), radial-gradient(ellipse at 78% 12%, rgba(98, 56, 184, .12), transparent 28%), #080e18; font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
.zenta-public-splash[hidden] { display: none !important; }
.zenta-public-splash::before, .zenta-public-splash::after { position: absolute; z-index: -1; content: ""; pointer-events: none; }
.zenta-public-splash::before { inset: -35%; background: conic-gradient(from 25deg at 50% 50%, transparent 0 34%, rgba(51, 151, 231, .035) 39%, transparent 45% 68%, rgba(143, 95, 235, .035) 73%, transparent 79%); animation: zenta-splash-drift 48s linear infinite; }
.zenta-public-splash::after { width: min(80vw, 900px); aspect-ratio: 1; left: 50%; top: 44%; border: 1px solid rgba(139, 179, 226, .055); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 82px rgba(139, 179, 226, .018), 0 0 0 164px rgba(139, 179, 226, .012); }
.zenta-splash-top, .zenta-splash-bottom { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
.zenta-splash-brand { display: inline-flex; align-items: center; gap: 11px; color: #edf5ff; font-size: 15px; font-weight: 750; letter-spacing: .19em; text-decoration: none; }
.zenta-splash-mark { width: 29px; height: 29px; overflow: visible; }
.zenta-splash-language { width: 130px; padding: 9px 30px 9px 12px; border: 1px solid rgba(172, 199, 231, .17); border-radius: 10px; outline: none; color: #cedcf0; background: rgba(15, 27, 43, .76); font: inherit; font-size: 12px; cursor: pointer; }
.zenta-splash-language:focus-visible, .zenta-splash-button:focus-visible { outline: 2px solid #65c9f3; outline-offset: 3px; }
.zenta-splash-center { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0 30px; text-align: center; }
.zenta-splash-orbit { position: relative; width: clamp(112px, 15vw, 168px); aspect-ratio: 1; margin: 0 0 34px; display: grid; place-items: center; }
.zenta-splash-orbit-ring { position: absolute; inset: 7%; border: 1.5px solid transparent; border-radius: 50%; background: linear-gradient(#0b1320, #0b1320) padding-box, conic-gradient(from 205deg, rgba(42, 206, 245, .05), #42bde8 22%, rgba(112, 132, 249, .88) 54%, rgba(159, 102, 241, .14) 76%, transparent 89%) border-box; transform: rotate(-24deg); animation: zenta-splash-orbit 18s linear infinite; }
.zenta-splash-orbit-ring::after { position: absolute; top: 13%; right: 12%; width: 7px; height: 7px; border-radius: 50%; background: #7de6ff; box-shadow: 0 0 18px 4px rgba(75, 204, 255, .6); content: ""; }
.zenta-splash-orbit-halo { position: absolute; inset: 22%; border: 1px solid rgba(135, 174, 220, .16); border-radius: 50%; box-shadow: inset 0 0 34px rgba(63, 135, 220, .09), 0 0 38px rgba(50, 127, 220, .1); }
.zenta-splash-orbit-core { position: relative; width: 32%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 30%, #c1f4ff 0, #55c5ee 17%, #5767c6 56%, #182641 100%); box-shadow: 0 0 34px rgba(57, 164, 235, .42), 0 0 90px rgba(80, 83, 201, .2); animation: zenta-splash-pulse 5s ease-in-out infinite; }
.zenta-splash-eyebrow { margin: 0 0 17px; color: #79c9e8; font-size: 10px; font-weight: 700; letter-spacing: .27em; text-transform: uppercase; }
.zenta-splash-title { max-width: 760px; margin: 0; color: #f0f5ff; font-size: clamp(32px, 5.2vw, 62px); font-weight: 570; letter-spacing: -.055em; line-height: 1.08; text-wrap: balance; }
.zenta-splash-caption { max-width: 420px; margin: 18px 0 0; color: #91a2ba; font-size: clamp(13px, 1.4vw, 15px); line-height: 1.65; }
.zenta-splash-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 31px; }
.zenta-splash-button { min-width: 146px; min-height: 46px; padding: 0 22px; border: 1px solid rgba(166, 192, 225, .22); border-radius: 12px; color: #e6effc; background: rgba(18, 30, 47, .76); font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.zenta-splash-button:hover { transform: translateY(-2px); border-color: rgba(111, 201, 237, .55); background: rgba(30, 51, 76, .9); }
.zenta-splash-button-primary { border-color: transparent; color: #071321; background: linear-gradient(110deg, #70d7f0, #9ab0ff); box-shadow: 0 8px 26px rgba(70, 157, 224, .2); }
.zenta-splash-button-primary:hover { border-color: transparent; background: linear-gradient(110deg, #9be8f6, #bdcaff); box-shadow: 0 10px 32px rgba(70, 157, 224, .3); }
.zenta-splash-bottom { justify-content: center; color: #62738c; font-size: 10px; letter-spacing: .045em; text-align: center; }
@keyframes zenta-splash-orbit { to { transform: rotate(336deg); } }
@keyframes zenta-splash-pulse { 50% { transform: scale(.91); filter: brightness(1.16); } }
@keyframes zenta-splash-drift { to { transform: rotate(1turn); } }
@media (max-width: 600px) { .zenta-public-splash { padding: 20px 20px 18px; } .zenta-splash-brand { font-size: 13px; } .zenta-splash-center { padding: 34px 0 26px; } .zenta-splash-orbit { margin-bottom: 27px; } .zenta-splash-title { max-width: 490px; } .zenta-splash-caption { max-width: 330px; } .zenta-splash-actions { width: min(100%, 360px); flex-direction: column; gap: 10px; margin-top: 25px; } .zenta-splash-button { width: 100%; } .zenta-splash-bottom { max-width: 320px; justify-self: center; line-height: 1.6; } }
@media (prefers-reduced-motion: reduce) { .zenta-public-splash::before, .zenta-splash-orbit-ring, .zenta-splash-orbit-core { animation: none !important; } .zenta-splash-button { transition: none; } }
.zenta-splash-mark { animation: zenta-mark-rotate 32s linear infinite; }
.zenta-splash-emblem { position: relative; width: 76%; height: 76%; overflow: visible; filter: drop-shadow(0 0 18px rgba(31, 159, 245, .26)); animation: zenta-mark-rotate 32s linear infinite; }
@keyframes zenta-mark-rotate { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .zenta-splash-mark, .zenta-splash-emblem { animation: none !important; } }

.zenta-splash-language { display: flex; align-items: center; gap: 3px; width: auto; padding: 3px; border: 1px solid rgba(151, 177, 207, .18); border-radius: 999px; background: rgba(11, 24, 39, .82); }
.zenta-splash-language button { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #a7b7cb; background: transparent; font: inherit; font-size: 9px; font-weight: 750; letter-spacing: .025em; cursor: pointer; transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.zenta-splash-language button:hover { color: #f0f6ff; background: rgba(84, 119, 158, .2); }
.zenta-splash-language button[aria-pressed="true"] { color: #f3f8ff; background: #1d344b; box-shadow: inset 0 0 0 1px rgba(170, 205, 239, .06); }
.zenta-splash-language button:active { transform: scale(.93); }
.zenta-splash-language button:focus-visible { outline: 2px solid #65c9f3; outline-offset: 2px; }
.zenta-splash-mark, .zenta-splash-emblem { animation: zenta-mark-glow 4.2s ease-in-out infinite; }
.zenta-mark-rotation { transform-box: view-box; transform-origin: 50% 50%; animation: zenta-mark-rotate 30s linear infinite; }
.zenta-splash-emblem { filter: drop-shadow(0 0 16px rgba(31, 159, 245, .3)); }
@keyframes zenta-mark-rotate { to { transform: rotate(360deg); } }
@keyframes zenta-mark-glow { 0%, 100% { filter: drop-shadow(0 0 5px rgba(23, 189, 243, .34)); } 50% { filter: drop-shadow(0 0 11px rgba(97, 90, 255, .6)); } }
@media (max-width: 600px) { .zenta-splash-language button { width: 31px; height: 31px; } }
@media (prefers-reduced-motion: reduce) { .zenta-mark-rotation, .zenta-splash-mark, .zenta-splash-emblem { animation: none !important; } .zenta-splash-language button { transition: none; } }

.zenta-public-splash > .zenta-splash-top { animation: zenta-enter-down .8s cubic-bezier(.2,.8,.2,1) both; }
.zenta-public-splash > .zenta-splash-center > * { animation: zenta-enter-up .85s cubic-bezier(.2,.8,.2,1) both; }
.zenta-public-splash > .zenta-splash-center > :nth-child(1) { animation-delay: .08s; }
.zenta-public-splash > .zenta-splash-center > :nth-child(2) { animation-delay: .18s; }
.zenta-public-splash > .zenta-splash-center > :nth-child(3) { animation-delay: .28s; }
.zenta-public-splash > .zenta-splash-center > :nth-child(4) { animation-delay: .36s; }
.zenta-public-splash > .zenta-splash-center > :nth-child(5) { animation-delay: .44s; }
.zenta-public-splash > .zenta-splash-bottom { animation: zenta-enter-up .8s .4s cubic-bezier(.2,.8,.2,1) both, zenta-note-glow 5s 1.2s ease-in-out infinite; }
.zenta-public-splash::after { animation: zenta-halo-breathe 8s ease-in-out infinite; }
.zenta-splash-orbit-ring { animation: zenta-splash-orbit 24s linear infinite, zenta-ring-glow 5s ease-in-out infinite; }
.zenta-splash-orbit-halo { animation: zenta-halo-breathe 6s ease-in-out infinite; }
.zenta-splash-orbit { animation: zenta-orbit-float 7s ease-in-out infinite; }
.zenta-splash-mark, .zenta-splash-emblem { animation: zenta-mark-glow 4.2s ease-in-out infinite; }
.zenta-mark-arcs { transform-box: view-box; transform-origin: 50% 50%; animation: zenta-arcs-breathe 6s ease-in-out infinite; }
.zenta-mark-paired-dots { transform-box: view-box; transform-origin: 50% 50%; animation: zenta-dots-chaos 19s linear infinite; }
.zenta-splash-button { position: relative; overflow: hidden; }
.zenta-splash-button::after { position: absolute; inset: 0; content: ""; opacity: 0; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.2) 48%, transparent 76%); transform: translateX(-120%); transition: transform .65s ease, opacity .2s ease; pointer-events: none; }
.zenta-splash-button:hover::after { opacity: 1; transform: translateX(120%); }
.zenta-splash-language button[aria-pressed="true"] { animation: zenta-language-select .28s ease-out both; }
body.zenta-splash-active .modal-backdrop { z-index: 2147483001; padding: 20px; background: rgba(3, 9, 18, .72); backdrop-filter: blur(14px) saturate(125%); animation: zenta-auth-backdrop .32s ease-out both; }
body.zenta-splash-active .auth-modal { position: relative; overflow: hidden; border: 1px solid rgba(147, 186, 230, .2); background: linear-gradient(145deg, rgba(22, 36, 54, .99), rgba(13, 23, 37, .99)); box-shadow: 0 32px 100px rgba(0, 0, 0, .48), 0 0 50px rgba(34, 129, 219, .12); animation: zenta-auth-card .58s cubic-bezier(.16,1,.3,1) both; transform-origin: 50% 65%; }
body.zenta-splash-active .auth-modal::before { position: absolute; inset: 0 0 auto; height: 2px; content: ""; background: linear-gradient(90deg, transparent, #37c6ec 30%, #8469ff 72%, transparent); background-size: 200% 100%; animation: zenta-auth-line 4s linear infinite; pointer-events: none; }
body.zenta-splash-active .auth-modal > * { position: relative; z-index: 1; }
body.zenta-splash-active .auth-modal .mini-tag { color: #77cce9; letter-spacing: .18em; }
body.zenta-splash-active .auth-modal h2 { color: #edf5ff; letter-spacing: -.025em; }
body.zenta-splash-active .auth-modal label { color: #b7c5d8; }
body.zenta-splash-active .auth-modal input { border: 1px solid rgba(157, 184, 216, .2); background: rgba(10, 20, 33, .85); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
body.zenta-splash-active .auth-modal input:hover { border-color: rgba(115, 177, 229, .38); }
body.zenta-splash-active .auth-modal input:focus { border-color: #52bde7; background: rgba(12, 25, 41, .98); box-shadow: 0 0 0 3px rgba(67, 178, 229, .13), 0 0 22px rgba(54, 152, 220, .1); }
body.zenta-splash-active .auth-modal .button-primary { border: 0; color: #081522; background: linear-gradient(110deg, #70d7f0, #9ab0ff); box-shadow: 0 8px 26px rgba(70, 157, 224, .2); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
body.zenta-splash-active .auth-modal .button-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(70, 157, 224, .32); filter: brightness(1.08); }
body.zenta-splash-active .auth-modal .auth-switch { color: #80cce8; transition: color .18s ease, transform .18s ease; }
body.zenta-splash-active .auth-modal .auth-switch:hover { color: #c5efff; transform: translateY(-1px); }
body.zenta-splash-active .auth-modal .modal-close { color: #9fb2ca; transition: color .18s ease, background .18s ease, transform .2s ease; }
body.zenta-splash-active .auth-modal .modal-close:hover { color: #f0f7ff; background: rgba(140, 171, 208, .12); transform: rotate(90deg); }
@keyframes zenta-enter-down { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zenta-enter-up { from { opacity: 0; transform: translateY(20px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes zenta-halo-breathe { 0%, 100% { opacity: .48; transform: translate(-50%, -50%) scale(.97); } 50% { opacity: .88; transform: translate(-50%, -50%) scale(1.035); } }
@keyframes zenta-ring-glow { 0%, 100% { filter: drop-shadow(0 0 2px rgba(62, 172, 238, .12)); } 50% { filter: drop-shadow(0 0 10px rgba(92, 113, 255, .32)); } }
@keyframes zenta-orbit-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes zenta-arcs-breathe { 0%, 100% { opacity: .86; } 50% { opacity: 1; } }
@keyframes zenta-dots-chaos { 0% { transform: rotate(0deg); } 9% { transform: rotate(43deg); } 23% { transform: rotate(151deg); } 31% { transform: rotate(183deg); } 49% { transform: rotate(342deg); } 58% { transform: rotate(391deg); } 76% { transform: rotate(542deg); } 85% { transform: rotate(579deg); } 100% { transform: rotate(720deg); } }
@keyframes zenta-language-select { from { transform: scale(.88); } to { transform: scale(1); } }
@keyframes zenta-note-glow { 0%, 100% { color: #62738c; } 50% { color: #8ca4c1; } }
@keyframes zenta-auth-backdrop { from { opacity: 0; backdrop-filter: blur(0); } to { opacity: 1; backdrop-filter: blur(14px) saturate(125%); } }
@keyframes zenta-auth-card { from { opacity: 0; transform: translateY(24px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes zenta-auth-line { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .zenta-public-splash > *, .zenta-public-splash > .zenta-splash-center > *, .zenta-public-splash::after, .zenta-splash-orbit-ring, .zenta-splash-orbit-halo, .zenta-splash-orbit, .zenta-mark-arcs, .zenta-mark-paired-dots, body.zenta-splash-active .modal-backdrop, body.zenta-splash-active .auth-modal, body.zenta-splash-active .auth-modal::before, body.zenta-splash-active .zenta-splash-bottom { animation: none !important; } .zenta-splash-button::after { display: none; } }

.zenta-splash-orbit-halo { animation: zenta-orbit-halo-breathe 6s ease-in-out infinite; }
body.zenta-splash-active .auth-modal::after { position: absolute; z-index: 0; top: -60%; right: -32%; width: 90%; aspect-ratio: 1; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(42, 141, 222, .14), rgba(91, 83, 218, .06) 42%, transparent 72%); animation: zenta-auth-ambient 7s ease-in-out infinite; pointer-events: none; }
body.zenta-splash-active .auth-modal .mini-tag { animation: zenta-auth-field .45s .08s both; }
body.zenta-splash-active .auth-modal h2 { animation: zenta-auth-field .5s .14s both; }
body.zenta-splash-active .auth-modal form > label:nth-of-type(1) { animation: zenta-auth-field .45s .2s both; }
body.zenta-splash-active .auth-modal form > label:nth-of-type(2) { animation: zenta-auth-field .45s .29s both; }
body.zenta-splash-active .auth-modal form > label:nth-of-type(3) { animation: zenta-auth-field .45s .38s both; }
body.zenta-splash-active .auth-modal form > button { animation: zenta-auth-field .48s .44s both; }
body.zenta-splash-active .auth-modal .auth-switch { animation: zenta-auth-field .45s .5s both; }
@keyframes zenta-orbit-halo-breathe { 0%, 100% { opacity: .45; box-shadow: inset 0 0 24px rgba(63, 135, 220, .06), 0 0 26px rgba(50, 127, 220, .06); } 50% { opacity: .95; box-shadow: inset 0 0 40px rgba(63, 135, 220, .14), 0 0 48px rgba(82, 102, 232, .16); } }
@keyframes zenta-auth-field { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zenta-auth-ambient { 0%, 100% { opacity: .45; transform: translate(0, 0) scale(.92); } 50% { opacity: 1; transform: translate(-9%, 8%) scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .zenta-splash-orbit-halo, body.zenta-splash-active .auth-modal::after, body.zenta-splash-active .auth-modal .mini-tag, body.zenta-splash-active .auth-modal h2, body.zenta-splash-active .auth-modal form > label, body.zenta-splash-active .auth-modal form > button, body.zenta-splash-active .auth-modal .auth-switch { animation: none !important; } }

@media (prefers-reduced-motion: reduce) { .zenta-splash-button, .zenta-splash-language button, body.zenta-splash-active .auth-modal .button-primary, body.zenta-splash-active .auth-modal .auth-switch, body.zenta-splash-active .auth-modal .modal-close { transition: none !important; } }

.zenta-mark-paired-dots { animation: zenta-dots-chaos 12s linear infinite !important; }
.zenta-mark-paired-dots circle { transform-box: view-box; transform-origin: center; filter: drop-shadow(0 0 4px rgba(90, 177, 255, .75)); animation: zenta-dot-pulse 2.8s ease-in-out infinite alternate; }
.zenta-mark-paired-dots circle:nth-child(2) { animation-delay: -1.4s; }
@keyframes zenta-dots-chaos { 0% { transform: rotate(0deg) scale(1); } 8% { transform: rotate(53deg) scale(1.035); } 21% { transform: rotate(147deg) scale(.97); } 32% { transform: rotate(211deg) scale(1.025); } 53% { transform: rotate(389deg) scale(.96); } 67% { transform: rotate(492deg) scale(1.04); } 84% { transform: rotate(616deg) scale(.985); } 100% { transform: rotate(720deg) scale(1); } }
@keyframes zenta-dot-pulse { from { transform: scale(.9); filter: drop-shadow(0 0 3px rgba(35, 177, 255, .55)); } to { transform: scale(1.12); filter: drop-shadow(0 0 8px rgba(155, 125, 255, .9)); } }
body.zenta-splash-active .auth-modal .zenta-auth-wordmark { display: block; width: 100%; margin: -8px 0 16px; color: #f0f6ff; font-size: 15px; font-weight: 750; letter-spacing: .34em; line-height: 20px; text-align: center; text-indent: .34em; }
body.zenta-splash-active .auth-modal .modal-close { position: absolute !important; z-index: 3; top: 5px !important; right: 8px !important; }
@media (prefers-reduced-motion: reduce) { .zenta-mark-paired-dots, .zenta-mark-paired-dots circle { animation: none !important; } }
