/* Welcome v2: readable confirmation over the existing cinematic scene. */
#welcome.welcome-section{padding:100px 7.4% 112px;min-height:100svh;align-items:center}
#welcome .welcome-aura{background:linear-gradient(90deg,#04101b0d 15%,#04101b38 47%,#04101b99 100%),linear-gradient(0deg,#040d18cc,transparent 36%,#040d1833)}
#welcome .welcome-content{width:min(600px,49%);max-width:600px;margin:0;padding:clamp(30px,3vw,48px);border:1px solid #b6e6ff52;border-top-color:#d0efff94;border-radius:5px;background:linear-gradient(145deg,rgba(15,39,57,.96),rgba(4,15,27,.96) 72%);box-shadow:0 28px 90px #0007,inset 0 1px 0 #e1f5ff1c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-shadow:none;z-index:3}
#welcome .welcome-content::before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#dcf6ff,transparent);box-shadow:0 0 14px #9cdfff88;transform:scaleX(.2);transition:transform 1.5s .7s ease}
#welcome.welcome-open .welcome-content::before{transform:scaleX(1)}
#welcome .welcome-confirmation{display:flex;gap:10px;align-items:center;margin-bottom:32px;color:#d5f4ff}
#welcome .welcome-confirmation svg{flex:0 0 28px;width:28px;height:28px;padding:5px;border:1px solid #a4d9ed75;border-radius:50%;background:#75ccec15}
#welcome .welcome-content .eyebrow{margin:0;font:600 11px/1.6 Arial,sans-serif;letter-spacing:1.5px;color:#d5f4ff}
#welcome .welcome-overline{font:600 13px/1.5 Arial,sans-serif;letter-spacing:3px;color:#bed8e8;margin:0 0 10px}
#welcome .welcome-content h2{font:400 clamp(40px,4.2vw,72px)/1.08 Georgia,serif;letter-spacing:-1.8px;color:#fff;margin:0;white-space:normal;overflow-wrap:normal;text-shadow:0 2px 24px #a7dfff16}
#welcome .welcome-identity{margin:28px 0;padding:18px 0 18px 18px;border-left:2px solid #8dd9fa;background:linear-gradient(90deg,#97dfff12,transparent)}
#welcome .welcome-id-label{font:600 10px/1.6 Arial,sans-serif;letter-spacing:1.8px;color:#b8d4e7;margin:0 0 5px}
#welcome .welcome-name{font:500 25px/1.3 "Courier New",monospace;letter-spacing:.4px;color:#fff;overflow-wrap:anywhere;margin:0}
#welcome .welcome-lead{font:400 25px/1.35 Georgia,serif;color:#f2f8ff;margin:0 0 12px}
#welcome .welcome-content #welcome-message{font:400 16px/1.8 Arial,sans-serif;color:#c9dce9;margin:0 0 27px;max-width:44ch}
#welcome .welcome-content .welcome-community{display:flex;justify-content:space-between;gap:18px;width:100%;max-width:none;min-height:56px;padding:17px 22px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:1.1px;color:#f5fcff;border-color:#a3d9f7a6;background:linear-gradient(120deg,#284d64,#102c43);box-shadow:inset 0 1px 0 #e4f9ff35,0 8px 28px #0003;text-shadow:none}
#welcome .welcome-community:hover{background:linear-gradient(120deg,#36627c,#173e59);border-color:#d2f1ff}
#welcome .welcome-community:focus-visible{outline:2px solid #fff;outline-offset:5px}
#welcome .welcome-content .welcome-next{font:400 12px/1.7 Arial,sans-serif;color:#b5ccdd;margin:14px 0 0;text-align:center}
#welcome .welcome-signature{font-size:10px;letter-spacing:2.4px;color:#c1d9e8;bottom:42px}
#welcome.scene-preview .welcome-identity,#welcome.scene-preview .welcome-confirmation svg{display:none}
@media(min-width:901px) and (max-width:1150px){#welcome.welcome-section{padding-left:5%;padding-right:5%}#welcome .welcome-content{width:54%;padding:30px}}
@media(max-width:900px){
  #welcome.welcome-section{padding:34svh 20px calc(100px + env(safe-area-inset-bottom,0px));align-items:flex-end}
  #welcome .welcome-content{width:100%;max-width:540px;margin:0 auto;padding:30px;background:linear-gradient(145deg,rgba(15,39,57,.97),rgba(4,15,27,.97) 72%)}
  #welcome .welcome-aura{background:linear-gradient(0deg,#040d18ee,transparent 80%)}
  #welcome .welcome-content h2{font-size:clamp(32px,9vw,56px);letter-spacing:-1px}
  #welcome .welcome-confirmation{margin-bottom:25px;gap:8px}
  #welcome .welcome-content .eyebrow{font-size:10px;letter-spacing:1px}
  #welcome .welcome-overline{font-size:12px;letter-spacing:2.5px}
  #welcome .welcome-identity{margin:23px 0;padding:14px 0 14px 14px}
  #welcome .welcome-name{font-size:23px}
  #welcome .welcome-lead{font-size:23px}
  #welcome .welcome-content #welcome-message{font-size:16px;line-height:1.75;margin:0 0 24px}
  #welcome .welcome-signature{left:20px;right:20px;bottom:calc(68px + env(safe-area-inset-bottom,0px));text-align:center;font-size:9px;letter-spacing:1.7px}
}
@media(max-width:380px){#welcome.welcome-section{padding-left:14px;padding-right:14px}#welcome .welcome-content{padding:24px 20px}#welcome .welcome-content .eyebrow{font-size:9px}#welcome .welcome-content .welcome-community{font-size:11px;padding:16px}#welcome .welcome-content .welcome-next{font-size:11px}}
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){#welcome.welcome-section{padding:72px 5% 105px;align-items:center}#welcome .welcome-content{width:min(620px,100%);max-width:620px;padding:28px}#welcome .welcome-content h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){#welcome .welcome-content::before{transition:none;transform:none}}
.motion-paused #welcome .welcome-content::before{transition:none;transform:none}