/* U-SSR /welcome v3 — isolated redesign. Does not change the site's forms or API. */
html body .content-container.welcome-container { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; }
html body .content-container.welcome-container > #contnet { width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
html body:has(#ww4-welcome) { overflow-x:hidden !important; overflow-y:auto !important; background:#f7f9ff !important; }
html body:has(#ww4-welcome) .content-container.welcome-container { overflow:visible !important; }
html body.ww4-body { overflow-x:hidden !important; overflow-y:auto !important; background:#f7f9ff !important; }
html body:has(#ww4-welcome) .content-container.welcome-container > .second-footer,
html body:has(#ww4-welcome) .content-container.welcome-container > footer { display:none !important; }
#ww4-welcome, #ww4-welcome *, #ww4-welcome *::before, #ww4-welcome *::after { box-sizing:border-box; }
#ww4-welcome {
  --ww4-navy:#16213c; --ww4-gray:#74819a; --ww4-blue:#4568f7; --ww4-line:#e4e9f3;
  --ww4-white:#fff; --ww4-green:#29ae8d; --ww4-coral:#f77f7a;
  position:relative; isolation:isolate; display:block; width:100%; min-height:100vh; overflow:hidden;
  background:radial-gradient(ellipse 710px 600px at 1% 13%, #e7f2ff 0%, transparent 78%),
             radial-gradient(ellipse 700px 620px at 97% -1%, #f5eaff 0%, transparent 80%),
             radial-gradient(ellipse 760px 430px at 31% 75%, #f9f3ff 0%, transparent 73%),#f7f9ff;
  color:var(--ww4-navy); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
#ww4-welcome a { text-decoration:none; }
#ww4-welcome a:focus-visible, #ww4-welcome button:focus-visible, #ww4-welcome input:focus-visible { outline:3px solid #91a9ff; outline-offset:3px; }
#ww4-welcome .ww4-skip { position:absolute; z-index:100; top:-100px; left:16px; background:#fff; border-radius:12px; padding:10px 18px; color:var(--ww4-blue); }
#ww4-welcome .ww4-skip:focus { top:12px; }
#ww4-welcome .ww4-shell { position:relative; z-index:1; width:min(1512px,calc(100% - 112px)); margin:auto; }
#ww4-welcome .ww4-spark { position:absolute; pointer-events:none; z-index:0; color:#c8d3fb; font-size:80px; }
#ww4-welcome .ww4-spark-one { top:135px; left:-24px; opacity:.19; transform:rotate(25deg); }
#ww4-welcome .ww4-spark-two { right:-22px; bottom:21%; opacity:.15; }

/* Brand header is shared with the actual social routes, not a standalone campaign navbar. */
#ww4-welcome .ww4-topbar { min-height:104px; display:flex; align-items:center; gap:34px; }
#ww4-welcome .ww4-brand { flex:0 0 auto; display:flex; align-items:center; gap:12px; color:var(--ww4-navy); }
#ww4-welcome .ww4-brand > img { width:46px; height:46px; max-width:140px; object-fit:contain; }
#ww4-welcome .ww4-brand > img.ww4-actual-logo { width:auto; max-width:126px; height:auto; max-height:48px; }
#ww4-welcome .ww4-brand-copy { display:flex; flex-direction:column; line-height:1; }
#ww4-welcome .ww4-brand-copy strong { font-size:30px; font-weight:850; letter-spacing:-1.5px; }
#ww4-welcome .ww4-brand-copy strong span { color:var(--ww4-blue); }
#ww4-welcome .ww4-brand-copy small { margin-top:7px; color:#7a87a0; font-size:10px; font-weight:700; letter-spacing:1.25px; text-transform:uppercase; }
#ww4-welcome .ww4-topnav { display:flex; align-items:center; margin-left:auto; gap:34px; }
#ww4-welcome .ww4-topnav a { font-size:14px; font-weight:700; color:#62708a; transition:color .2s ease; white-space:nowrap; }
#ww4-welcome .ww4-topnav a:hover { color:var(--ww4-blue); }
#ww4-welcome .ww4-topactions { display:flex; align-items:center; gap:12px; }
#ww4-welcome .ww4-topdownload, #ww4-welcome .ww4-topjoin { display:inline-flex; align-items:center; justify-content:center; gap:9px; height:45px; padding:0 19px; border-radius:15px; font-size:13px; font-weight:800; white-space:nowrap; transition:transform .2s,box-shadow .2s; }
#ww4-welcome .ww4-topdownload { border:1px solid #dfe6f6; color:#28426d; background:rgba(255,255,255,.8); }
#ww4-welcome .ww4-topjoin { color:#fff; background:#172443; box-shadow:0 9px 22px rgba(20,39,79,.10); }
#ww4-welcome .ww4-topjoin:hover, #ww4-welcome .ww4-topdownload:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(22,38,78,.13); }
#ww4-welcome .ww4-download-symbol { font-size:20px; font-weight:400; line-height:1; }

#ww4-welcome .ww4-main { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr); gap:clamp(36px,5vw,88px); align-items:start; padding-top:18px; }
#ww4-welcome .ww4-story { min-width:0; padding:27px 0 0; }
#ww4-welcome .ww4-eyebrow { margin:0 0 22px; display:flex; align-items:center; gap:10px; color:#61728f; font-size:11px; letter-spacing:2.2px; font-weight:850; }
#ww4-welcome .ww4-eyebrow-dot, #ww4-welcome .ww4-stage-dot, #ww4-welcome .ww4-domain span { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#3ab99c; box-shadow:0 0 0 5px #3ab99c15; }
#ww4-welcome h1.ww4-headline, #ww4-welcome #ww4-headline { color:var(--ww4-navy); margin:0; font-size:clamp(45px,4.4vw,79px); line-height:1.07; letter-spacing:-3.7px; font-weight:850; }
#ww4-welcome #ww4-headline em { font-style:normal; color:var(--ww4-coral); }
#ww4-welcome #ww4-headline span { color:var(--ww4-blue); }
#ww4-welcome .ww4-lede { margin:20px 0 17px; max-width:650px; color:#61708b; font-size:clamp(15px,1.14vw,18px); line-height:1.65; }
#ww4-welcome .ww4-lede strong { color:var(--ww4-navy); }
#ww4-welcome .ww4-featuretags { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 24px; }
#ww4-welcome .ww4-featuretags > span { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #e3e8f4; background:rgba(255,255,255,.82); border-radius:13px; color:#4f5f7d; font-size:12px; font-weight:750; white-space:nowrap; }
#ww4-welcome .ww4-featuretags .ww4-ico { font-style:normal; font-size:17px; font-weight:900; line-height:1; }
#ww4-welcome .ww4-ico-friends { color:#fd8585; }
#ww4-welcome .ww4-ico-messages { color:var(--ww4-blue); }
#ww4-welcome .ww4-ico-privacy { color:#19b693; }

/* Direct signed APK is always on screen early, not hidden in footer. */
#ww4-welcome .ww4-download { position:relative; z-index:2; padding:16px 18px 13px; margin-bottom:20px; border:1px solid #d5dffa; border-radius:23px; background:linear-gradient(115deg,#f0f4ff 0%,#fff 54%,#f7f9ff 100%); box-shadow:0 15px 35px #385ec512; }
#ww4-welcome .ww4-download-top { display:flex; align-items:center; gap:14px; }
#ww4-welcome .ww4-android-icon { flex:0 0 50px; display:grid; place-items:center; height:50px; border-radius:15px; color:#2fb286; background:#e0f8ed; }
#ww4-welcome .ww4-download-copy { min-width:0; flex:1; }
#ww4-welcome .ww4-download-copy h2 { margin:0 0 3px; font-size:17px; line-height:1.3; font-weight:850; color:#16213c; letter-spacing:-.3px; }
#ww4-welcome .ww4-download-copy p { margin:0; color:#7583a0; font-size:12px; line-height:1.45; }
#ww4-welcome .ww4-android-cta { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:49px; gap:14px; padding:0 18px; border-radius:14px; background:var(--ww4-blue); color:#fff; font-size:13px; font-weight:850; box-shadow:0 9px 20px rgba(69,104,247,.2); transition:transform .2s,background .2s; }
#ww4-welcome .ww4-android-cta:hover { color:#fff; background:#3458e8; transform:translateY(-2px); }
#ww4-welcome .ww4-android-cta[aria-disabled="true"] { opacity:.55; pointer-events:none; box-shadow:none; }
#ww4-welcome .ww4-android-cta span { font-size:20px; font-weight:500; }
#ww4-welcome .ww4-download-bottom { display:flex; justify-content:space-between; gap:12px; margin-top:12px; padding-top:12px; border-top:1px solid #e8ecf6; }
#ww4-welcome .ww4-apk-note { color:#8b97ad; font-size:11px; line-height:1.45; }
#ww4-welcome .ww4-platforms { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
#ww4-welcome .ww4-platforms span { color:#8491a7; font-size:11px; white-space:nowrap; }
#ww4-welcome .ww4-platforms b { color:#a4acbd; font-size:10px; font-weight:650; }

/* The product is social. Illustrative collage deliberately not fake user statistics. */
#ww4-welcome .ww4-people-stage { position:relative; overflow:hidden; isolation:isolate; height:243px; border-radius:26px; background:linear-gradient(122deg,#3d5deb 0%,#647bf3 40%,#a19bf8 75%,#c1b7fa 100%); box-shadow:0 18px 35px #3c58ce29; }
#ww4-welcome .ww4-stage-glow { position:absolute; top:-100px; right:-90px; width:430px; height:390px; border:1px solid #ffffff30; border-radius:50%; box-shadow:0 0 0 44px #ffffff08,0 0 0 100px #ffffff09; }
#ww4-welcome .ww4-stage-title { position:absolute; top:16px; left:23px; color:#fff; font-weight:800; font-size:13px; letter-spacing:.2px; display:flex; align-items:center; gap:9px; z-index:4; }
#ww4-welcome .ww4-stage-dot { background:#9defd8; box-shadow:0 0 0 4px #9defd832; }
#ww4-welcome .ww4-stage-wave { opacity:.65; font-weight:500; font-size:20px; }
#ww4-welcome .ww4-portrait { position:absolute; overflow:hidden; width:111px; height:111px; border-radius:50%; background:#fff9; border:5px solid #fff9; box-shadow:0 15px 25px #1c328c35; }
#ww4-welcome .ww4-portrait img { width:100%; height:100%; display:block; object-fit:cover; }
#ww4-welcome .ww4-portrait-a { left:10%; top:76px; transform:rotate(-10deg); animation:ww4-levitate 5.2s ease-in-out infinite; }
#ww4-welcome .ww4-portrait-b { right:9%; top:55px; transform:rotate(10deg); animation:ww4-levitate 5s ease-in-out -1.3s infinite; }
#ww4-welcome .ww4-portrait-c { right:19%; bottom:-40px; width:94px; height:94px; transform:rotate(-5deg); }
#ww4-welcome .ww4-portrait-d { left:25%; bottom:-59px; width:88px; height:88px; transform:rotate(7deg); }
#ww4-welcome .ww4-chat-card { position:absolute; left:30%; top:49px; z-index:3; width:255px; max-width:52%; padding:15px 16px; background:#fff; border-radius:20px; box-shadow:0 20px 30px #203c9957; transform:rotate(-3deg); }
#ww4-welcome .ww4-card-top { display:flex; align-items:center; gap:9px; }
#ww4-welcome .ww4-mini-avatar { width:35px; height:35px; overflow:hidden; border-radius:50%; background:#eef0ff; flex:0 0 35px; }
#ww4-welcome .ww4-mini-avatar img { width:100%; height:100%; object-fit:cover; }
#ww4-welcome .ww4-card-top div { flex:1; }
#ww4-welcome .ww4-card-top strong { display:block; color:#17213d; font-size:11px; white-space:nowrap; }
#ww4-welcome .ww4-card-top small { display:block; color:#97a0b4; font-size:9px; }
#ww4-welcome .ww4-chat-dots { color:#a7b1c9; font-size:13px; white-space:nowrap; }
#ww4-welcome .ww4-chat-card p { margin:12px 0 0; padding:10px 12px; background:#eaf0ff; border-radius:12px 12px 3px 12px; color:#35517f; font-size:11px; font-weight:650; line-height:1.35; }
#ww4-welcome .ww4-chat-card p span { color:#ec7d84; }
#ww4-welcome .ww4-bubbles { display:flex; gap:4px; margin-top:10px; }
#ww4-welcome .ww4-bubbles span { width:4px; height:4px; border-radius:50%; background:#9eb1f2; }
#ww4-welcome .ww4-float-like, #ww4-welcome .ww4-float-person { position:absolute; z-index:4; background:#fff; color:#233b68; border-radius:12px; box-shadow:0 9px 20px #1e349044; font-weight:750; }
#ww4-welcome .ww4-float-like { left:5%; bottom:13px; display:flex; gap:5px; align-items:center; padding:8px 11px; color:#ff7d80; font-size:14px; transform:rotate(-6deg); }
#ww4-welcome .ww4-float-like span { color:#53617c; font-size:10px; }
#ww4-welcome .ww4-float-person { right:5%; bottom:16px; padding:8px 11px; font-size:10px; transform:rotate(4deg); }
#ww4-welcome .ww4-live-indicator { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#3bc998; }
#ww4-welcome .ww4-caption { margin:7px 0 0; font-size:10px; color:#97a2b5; }

/* All WoWonder auth JS, IDs and input names are retained by loading the preserved original template. */
#ww4-welcome .ww4-auth-area { position:relative; min-width:0; }
#ww4-welcome .ww4-auth-card { border:1px solid #e7eafa; background:#fff; border-radius:30px; padding:30px 33px 23px; box-shadow:0 25px 65px rgba(37,57,110,.095),0 2px 5px #23386d06; }
#ww4-welcome .ww4-auth-topline { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-bottom:22px; color:#8a97ac; font-size:10px; font-weight:800; letter-spacing:1.15px; }
#ww4-welcome .ww4-domain { display:inline-flex; align-items:center; gap:7px; font-size:10px; font-weight:700; letter-spacing:0; color:#55a28c; }
#ww4-welcome .ww4-domain span { width:6px; height:6px; flex-basis:6px; }
#ww4-welcome .ww4-login-host { margin:0; padding:0; }
#ww4-welcome .ww4-register-row { margin-top:17px; padding:18px 0 0; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid #e8edf6; }
#ww4-welcome .ww4-register-row div { min-width:0; }
#ww4-welcome .ww4-register-row strong, #ww4-welcome .ww4-register-row span:not([aria-hidden]) { display:block; }
#ww4-welcome .ww4-register-row strong { color:#243350; font-size:13px; font-weight:850; }
#ww4-welcome .ww4-register-row div span { color:#8a96ab; font-size:11px; margin-top:4px; }
#ww4-welcome .ww4-register-link { flex:0 0 auto; display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:850; color:#385ee9; padding:10px 12px; background:#f0f4ff; border-radius:10px; }
#ww4-welcome .ww4-small-app { display:flex; align-items:center; padding:14px 13px; margin-top:16px; gap:11px; background:#f4f7ff; border:1px solid #e9eeff; border-radius:14px; color:#415678; }
#ww4-welcome .ww4-small-app:hover { background:#e9efff; }
#ww4-welcome .ww4-small-app-symbol { flex:0 0 34px; height:34px; display:grid; place-items:center; border-radius:10px; background:#e1e9ff; color:var(--ww4-blue); font-size:25px; line-height:1; }
#ww4-welcome .ww4-small-app > span:nth-child(2) { flex:1; }
#ww4-welcome .ww4-small-app strong { display:block; font-size:12px; color:#253a67; }
#ww4-welcome .ww4-small-app small { display:block; color:#8997af; font-size:10px; margin-top:2px; }
#ww4-welcome .ww4-small-app-arrow { font-size:19px; color:#7185bb; }
#ww4-welcome .ww4-auth-trust { margin:13px auto 0; display:flex; align-items:center; justify-content:center; gap:7px; color:#91a0b8; font-size:11px; text-align:center; }
#ww4-welcome .ww4-trust-icon { font-size:17px; font-weight:850; color:#3baea0; }

/* WoWonder legacy login, narrowed to our specific page; override aggressive upstream welcome.css !important rules. */
html body #ww4-welcome .ww4-login-host .wrapper { display:block !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; background:transparent !important; }
html body #ww4-welcome .ww4-login-host .wrapper .login { display:block !important; position:static !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; background-image:none !important; animation:none !important; box-shadow:none !important; }
html body #ww4-welcome .ww4-login-host .wrapper .login::before, html body #ww4-welcome .ww4-login-host .wrapper .login::after { content:none !important; display:none !important; animation:none !important; }
html body #ww4-welcome .ww4-login-host .login_left_combo_parent { display:none !important; }
html body #ww4-welcome .ww4-login-host .wrapper .login > .col-md-6 { display:block !important; position:static !important; float:none !important; width:100% !important; height:auto !important; max-width:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; overflow:visible !important; background:transparent !important; transform:none !important; }
html body #ww4-welcome .ww4-login-host .login_innre { display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; min-height:0 !important; height:auto !important; max-height:none !important; margin:0 !important; padding:0 !important; background:transparent !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; color:#17223e !important; }
html body #ww4-welcome .ww4-login-host .login_innre::before, html body #ww4-welcome .ww4-login-host .login_innre::after { content:none !important; }
html body #ww4-welcome .ww4-login-host form#login { display:block !important; padding:0 !important; margin:0 !important; width:100% !important; min-width:0 !important; max-width:none !important; overflow:visible !important; background:transparent !important; border:0 !important; transform:none !important; animation:none !important; }
html body #ww4-welcome .ww4-login-host #login > .title { display:block !important; margin:0 0 8px !important; font-size:clamp(29px,2.55vw,41px) !important; font-weight:850 !important; line-height:1.13 !important; color:#16213c !important; letter-spacing:-1.1px !important; text-align:left !important; }
html body #ww4-welcome .ww4-login-host #login > .desc { margin:0 0 23px !important; font-size:13px !important; line-height:1.6 !important; color:#7b879d !important; text-align:left !important; }
html body #ww4-welcome .ww4-login-host #login > .desc a { color:#4568f7 !important; font-weight:850 !important; text-decoration:none !important; }
html body #ww4-welcome .ww4-login-host .wow_form_fields { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 0 17px !important; padding:0 !important; color:#2d3b58 !important; }
html body #ww4-welcome .ww4-login-host .wow_form_fields label { display:block !important; margin:0 0 8px !important; padding:0 !important; color:#3b4965 !important; font-size:12px !important; font-weight:800 !important; line-height:1.5 !important; }
html body #ww4-welcome .ww4-login-host .wow_form_fields input:not([type="checkbox"]), html body #ww4-welcome .ww4-login-host .wow_form_fields select, html body #ww4-welcome .ww4-login-host .wow_form_fields textarea { display:block !important; width:100% !important; height:54px !important; min-height:54px !important; margin:0 !important; padding:0 17px !important; color:#17213b !important; background:#f5f7fc !important; border:1.5px solid #e5ebf5 !important; border-radius:14px !important; box-shadow:none !important; font-size:15px !important; font-weight:600 !important; outline:none !important; transition:border-color .17s,box-shadow .17s,background .17s !important; }
html body #ww4-welcome .ww4-login-host .wow_form_fields input:focus { border-color:#6483f9 !important; background:#fff !important; box-shadow:0 0 0 4px #4568f716 !important; }
html body #ww4-welcome .ww4-login-host .wow_form_fields input::placeholder { color:#9ba8ba !important; font-weight:500 !important; }
html body #ww4-welcome .ww4-login-host .forgot_password { display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:12px !important; margin:3px 0 22px !important; padding:0 !important; background:transparent !important; }
html body #ww4-welcome .ww4-login-host .forgot_password .terms { display:flex !important; align-items:center !important; gap:8px !important; margin:0 !important; }
html body #ww4-welcome .ww4-login-host .forgot_password input[type="checkbox"] { width:18px !important; height:18px !important; min-height:18px !important; margin:0 !important; padding:0 !important; accent-color:#4568f7 !important; }
html body #ww4-welcome .ww4-login-host .forgot_password label { margin:0 !important; font-size:12px !important; color:#697791 !important; font-weight:650 !important; line-height:1.5 !important; }
html body #ww4-welcome .ww4-login-host .forgot_password > a { color:#4568f7 !important; font-size:12px !important; font-weight:800 !important; }
html body #ww4-welcome .ww4-login-host .login_signup_combo, html body #ww4-welcome .ww4-login-host .login_signup_combo .login__ { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; }
html body #ww4-welcome .ww4-login-host .login_signup_combo button.btn,html body #ww4-welcome .ww4-login-host #login button[type="submit"] { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:55px !important; min-height:55px !important; padding:0 20px !important; margin:0 !important; border:0 !important; border-radius:14px !important; background:linear-gradient(105deg,#496afa,#3557e7) !important; color:#fff !important; font-family:inherit !important; font-size:15px !important; font-weight:850 !important; letter-spacing:.1px !important; line-height:1.4 !important; box-shadow:0 9px 20px #4568f72e !important; cursor:pointer; transition:transform .2s,filter .2s; }
html body #ww4-welcome .ww4-login-host #login button[type="submit"]:hover { filter:brightness(1.05); transform:translateY(-2px); }
html body #ww4-welcome .ww4-login-host #login button[type="submit"]:disabled { opacity:.7; cursor:wait; }
html body #ww4-welcome .ww4-login-host #login .errors { display:none; margin:0 0 14px !important; padding:12px 14px !important; border-radius:12px !important; font-size:12px !important; line-height:1.4 !important; }
html body #ww4-welcome .ww4-login-host #login .errors:not(:empty) { display:block !important; }
html body #ww4-welcome .ww4-login-host #login .social_btns { display:flex !important; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin:0 0 20px !important; }
html body #ww4-welcome .ww4-login-host #login .social_btns .btn { border-radius:12px !important; }
html body #ww4-welcome .ww4-login-host #login .random_users { display:flex !important; align-items:center; justify-content:flex-start; margin-top:18px !important; padding:0 !important; max-width:100%; min-height:0; color:#75829b; }
html body #ww4-welcome .ww4-login-host #login .random_users:empty { display:none !important; }
html body #ww4-welcome .ww4-login-host #login .random_users img { max-width:51px; max-height:51px; border-radius:50%; object-fit:cover; }
html body #ww4-welcome .ww4-login-host #login .wo_side_apps { display:none !important; }
html body #ww4-welcome .ww4-login-host .login_innre > .footer { display:none !important; }
html body #ww4-welcome .ww4-login-host #login .clear { clear:both; }

#ww4-welcome .ww4-more { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:26px 0 24px; }
#ww4-welcome .ww4-more-item { display:flex; align-items:center; gap:13px; padding:18px 20px; border:1px solid #e5eafa; border-radius:19px; background:#ffffffb9; color:#253551; transition:transform .2s,box-shadow .2s; }
#ww4-welcome .ww4-more-item:hover { transform:translateY(-3px); box-shadow:0 15px 29px #4568f713; }
#ww4-welcome .ww4-more-icon { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:13px; font-size:24px; font-weight:850; }
#ww4-welcome .ww4-more-coral { background:#fff0ef; color:#f57e7c; }
#ww4-welcome .ww4-more-blue { background:#edf1ff; color:#486cf0; }
#ww4-welcome .ww4-more-green { background:#e8faf2; color:#30b08e; }
#ww4-welcome .ww4-more-item div { flex:1; min-width:0; }
#ww4-welcome .ww4-more-item strong { display:block; color:#263755; font-size:14px; font-weight:850; }
#ww4-welcome .ww4-more-item small { display:block; margin-top:2px; color:#8290a6; font-size:11px; }
#ww4-welcome .ww4-more-arrow { color:#9ca9ba; font-size:20px; }
#ww4-welcome .ww4-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:21px 0 30px; border-top:1px solid #e7ebf6; color:#9ca7b9; font-size:11px; }
#ww4-welcome .ww4-footer-divider { padding:0 7px; }
#ww4-welcome .ww4-footer nav { display:flex; flex-wrap:wrap; gap:21px; }
#ww4-welcome .ww4-footer nav a { color:#8693a9; font-weight:700; }
#ww4-welcome .ww4-footer nav a:hover { color:#4568f7; }
@keyframes ww4-levitate { 0%,100%{translate:0 0} 50%{translate:0 -7px} }
@media (prefers-reduced-motion:reduce) { #ww4-welcome *, #ww4-welcome *::before, #ww4-welcome *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }

@media (max-width:1320px) {
  #ww4-welcome .ww4-shell { width:min(1280px,calc(100% - 66px)); }
  #ww4-welcome .ww4-main { grid-template-columns:minmax(0,1fr) minmax(410px,.88fr); gap:36px; }
  #ww4-welcome #ww4-headline { font-size:clamp(46px,4.9vw,67px); letter-spacing:-3px; }
  #ww4-welcome .ww4-topbar { gap:18px; }
  #ww4-welcome .ww4-topnav { gap:18px; }
  #ww4-welcome .ww4-featuretags > span { font-size:11px; }
  #ww4-welcome .ww4-download-top { flex-wrap:wrap; }
  #ww4-welcome .ww4-android-cta { margin-left:auto; }
}
@media (max-width:1030px) {
  #ww4-welcome .ww4-shell { width:calc(100% - 48px); }
  #ww4-welcome .ww4-topnav { display:none; }
  #ww4-welcome .ww4-topactions { margin-left:auto; }
  #ww4-welcome .ww4-main { gap:23px; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); }
  #ww4-welcome .ww4-auth-card { padding:26px 24px 20px; }
  #ww4-welcome .ww4-story { padding-top:9px; }
  #ww4-welcome #ww4-headline { font-size:clamp(43px,5.1vw,56px); }
  #ww4-welcome .ww4-lede { font-size:15px; }
  #ww4-welcome .ww4-featuretags { gap:6px; }
  #ww4-welcome .ww4-featuretags > span { padding:7px 9px; }
  #ww4-welcome .ww4-download-bottom { flex-wrap:wrap; }
  #ww4-welcome .ww4-people-stage { height:216px; }
  #ww4-welcome .ww4-chat-card { left:28%; max-width:63%; }
  #ww4-welcome .ww4-portrait-b { right:4%; }
}
@media (max-width:770px) {
  #ww4-welcome .ww4-shell { width:min(600px,calc(100% - 32px)); }
  #ww4-welcome .ww4-topbar { min-height:79px; gap:10px; }
  #ww4-welcome .ww4-brand > img.ww4-actual-logo { max-width:95px; max-height:34px; }
  #ww4-welcome .ww4-brand > img:not(.ww4-actual-logo) { width:39px; height:39px; }
  #ww4-welcome .ww4-brand-copy strong { font-size:26px; }
  #ww4-welcome .ww4-brand-copy small { font-size:8px; letter-spacing:.7px; }
  #ww4-welcome .ww4-topdownload { display:none; }
  #ww4-welcome .ww4-topjoin { height:41px; padding:0 12px; font-size:12px; }
  #ww4-welcome .ww4-main { display:flex; flex-direction:column; gap:22px; padding-top:9px; }
  #ww4-welcome .ww4-auth-area { order:0; width:100%; }
  #ww4-welcome .ww4-story { order:1; width:100%; padding:0; display:flex; flex-direction:column; }
  #ww4-welcome .ww4-intro { order:0; padding:8px 2px 0; }
  #ww4-welcome .ww4-download { order:1; }
  #ww4-welcome .ww4-people-stage { order:2; }
  #ww4-welcome .ww4-caption { order:3; }
  #ww4-welcome .ww4-eyebrow { font-size:10px; margin-bottom:11px; }
  #ww4-welcome #ww4-headline { font-size:clamp(39px,6.65vw,53px); line-height:1.12; letter-spacing:-2px; }
  #ww4-welcome .ww4-lede { font-size:14px; margin:14px 0; }
  #ww4-welcome .ww4-featuretags { margin-bottom:18px; }
  #ww4-welcome .ww4-auth-card { border-radius:22px; padding:25px 23px 20px; }
  #ww4-welcome .ww4-auth-topline { margin-bottom:17px; }
  #ww4-welcome .ww4-more { grid-template-columns:1fr; gap:10px; margin:21px 0; }
  #ww4-welcome .ww4-more-item { padding:12px 15px; }
  #ww4-welcome .ww4-footer { justify-content:center; text-align:center; }
  #ww4-welcome .ww4-footer nav { justify-content:center; }
}
@media (max-width:430px) {
  #ww4-welcome .ww4-shell { width:calc(100% - 20px); }
  #ww4-welcome .ww4-topbar { min-height:70px; }
  #ww4-welcome .ww4-brand { gap:6px; }
  #ww4-welcome .ww4-brand > img:not(.ww4-actual-logo) { width:35px; height:35px; }
  #ww4-welcome .ww4-brand-copy strong { font-size:23px; letter-spacing:-.9px; }
  #ww4-welcome .ww4-brand-copy small { font-size:7px; letter-spacing:.2px; }
  #ww4-welcome .ww4-topjoin { padding:0 10px; gap:6px; font-size:11px; }
  #ww4-welcome .ww4-auth-card { padding:23px 19px 18px; border-radius:21px; }
  #ww4-welcome .ww4-auth-topline { letter-spacing:.6px; font-size:9px; }
  #ww4-welcome .ww4-domain { font-size:9px; }
  html body #ww4-welcome .ww4-login-host #login > .title { font-size:30px !important; }
  html body #ww4-welcome .ww4-login-host #login > .desc { font-size:12px !important; }
  #ww4-welcome .ww4-download { padding:14px 13px 12px; }
  #ww4-welcome .ww4-download-copy h2 { font-size:15px; }
  #ww4-welcome .ww4-download-copy p { font-size:11px; }
  #ww4-welcome .ww4-android-icon { flex-basis:42px; height:42px; }
  #ww4-welcome .ww4-android-cta { flex:1 0 100%; min-height:44px; margin-top:3px; }
  #ww4-welcome .ww4-download-bottom { margin-top:11px; padding-top:10px; }
  #ww4-welcome .ww4-people-stage { height:202px; }
  #ww4-welcome .ww4-portrait { width:83px; height:83px; }
  #ww4-welcome .ww4-portrait-a { left:5%; top:70px; }
  #ww4-welcome .ww4-portrait-b { right:3%; top:56px; }
  #ww4-welcome .ww4-portrait-c { width:72px; height:72px; }
  #ww4-welcome .ww4-chat-card { left:27%; top:51px; max-width:66%; width:220px; padding:12px; }
  #ww4-welcome .ww4-float-person { display:none; }
  #ww4-welcome .ww4-register-row { align-items:flex-start; gap:8px; }
  #ww4-welcome .ww4-register-link { gap:5px; padding:9px 8px; font-size:11px; }
  #ww4-welcome .ww4-auth-trust { font-size:10px; }
}

/* In live Sunshine use the existing official wordmark, not a duplicated textual logo. */
#ww4-welcome .ww4-brand > img.ww4-actual-logo + .ww4-brand-copy strong { display:none; }
#ww4-welcome .ww4-brand > img.ww4-actual-logo + .ww4-brand-copy small { margin:0; font-size:10px; letter-spacing:.7px; }

/* Prevent an unverified/stale APK from being advertised as downloadable. */
#ww4-welcome [data-ww4-apk][aria-disabled="true"]{opacity:.63;cursor:wait;pointer-events:none}