.portal-welcome[hidden]{display:none!important}
.portal-welcoming{overflow:hidden}
.portal-welcoming .access-layout{visibility:hidden}
.portal-welcome{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#eaf3fa;color:#173b60;padding:28px;text-align:center;perspective:1200px}
.welcome-doors{position:absolute;inset:0;z-index:-1;pointer-events:none}
.welcome-doors::before,.welcome-doors::after{content:"";position:absolute;inset:0 50% 0 0;background:linear-gradient(145deg,#112c4c,#1d4d77);border-right:1px solid #7fa3c5;transform-origin:left center;animation:welcome-door-left .5s 3.05s ease-in both}
.welcome-doors::after{inset:0 0 0 50%;border-right:0;border-left:1px solid #7fa3c5;transform-origin:right center;animation-name:welcome-door-right}
.welcome-content{width:min(100%,760px);color:#fff;animation:welcome-message 3.65s both}
.welcome-mark{width:68px;height:68px;object-fit:contain;padding:12px;border-radius:50%;background:#fff;box-sizing:content-box;filter:drop-shadow(0 8px 22px #071b33);animation:welcome-arrive .18s ease-out both}
.welcome-greeting{font-size:clamp(23px,4vw,37px);font-weight:500;margin:20px 0 6px;line-height:1.2}
.welcome-name{font-size:clamp(28px,5vw,56px);font-weight:750;line-height:1.15;overflow-wrap:anywhere;margin:0 0 22px;color:#fff}
.welcome-message{font-size:clamp(16px,2.6vw,24px);line-height:1.5;max-width:640px;margin:0 auto;color:#e0edf9}
.welcome-enter{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:10px 18px;border:1px solid #adc8df;border-radius:24px;background:#f1f7fc;color:#173b60;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}
.welcome-enter:focus-visible{outline:3px solid #c3aa70;outline-offset:4px}
@keyframes welcome-arrive{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes welcome-door-left{to{transform:translateX(-105%) rotateY(-15deg)}}
@keyframes welcome-door-right{to{transform:translateX(105%) rotateY(15deg)}}
@keyframes welcome-message{0%{opacity:0;transform:translateY(8px)}6%,84%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.welcome-content,.welcome-mark,.welcome-doors::before,.welcome-doors::after{animation:none}.portal-welcome{perspective:none}}