/* A public front door, with the same star identity as the community. */
body[data-public-page="true"] .page-grid{grid-template-columns:minmax(0,1fr);max-width:1230px}
body[data-public-page="true"] .right-rail{display:none}
body[data-guest="true"] .compose-nav,body[data-guest="true"] .notification-button{display:none}
.welcome-page{max-width:1030px;margin-inline:auto}
.welcome-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #454052;border-radius:24px;padding:52px 44px;background:radial-gradient(ellipse at 90% 40%,#51407a66,transparent 62%),linear-gradient(130deg,#24212f,#181820)}
.welcome-copy{position:relative;max-width:620px;padding-inline-end:90px}
.welcome-copy .eyebrow{color:#c0adf0;font-size:10px;line-height:1.8;letter-spacing:1.4px}
.welcome-copy h1{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-2px;margin:22px 0 26px;font-weight:800}
.welcome-copy h1 span{color:#c6aeff}
.welcome-copy p{font-size:16px;line-height:1.75;color:#c2bccf;max-width:480px}
.welcome-copy .welcome-lead{color:#f0eafc;font-size:19px;line-height:1.5;font-weight:550;margin-bottom:12px}
.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.welcome-actions a{min-height:48px;font-size:14px}
.welcome-copy .welcome-signin{font-size:13px;color:var(--muted);margin:18px 0 0}
.welcome-signin a{color:#ded0ff;margin-inline-start:6px;text-decoration:underline;text-underline-offset:4px}
.welcome-constellation{position:absolute;width:360px;height:400px;inset-inline-end:-70px;top:50%;transform:translateY(-50%);z-index:-1;pointer-events:none}
.constellation-star{position:absolute;display:block;color:#b89aef;filter:drop-shadow(0 15px 24px #08061155)}
.constellation-star svg,.path-star svg,.value-star svg,.welcome-member-star svg,.contact-star svg{width:100%;height:100%;fill:currentColor;display:block}
.constellation-star.star-main{width:225px;height:225px;top:90px;inset-inline-start:40px;transform:rotate(16deg);color:#ad8fea;opacity:.8}
.constellation-star.star-small{width:58px;height:58px;top:24px;inset-inline-start:12px;transform:rotate(-13deg);color:#e6be73}
.constellation-star.star-outline{width:90px;height:90px;bottom:20px;inset-inline-start:10px;transform:rotate(-10deg);color:#a8cff2}
.constellation-star.star-outline svg{fill:none;stroke:currentColor;stroke-width:1.5}
.welcome-purpose{max-width:670px;padding:40px 8px 22px}
.welcome-purpose h2,.constellation-start h2{font-size:27px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}
.welcome-purpose p,.welcome-community p{font-size:15px;line-height:1.8;color:#b3aebf;margin-bottom:10px}
.welcome-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.welcome-path{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:26px 24px}
.path-star{width:30px;height:30px;display:block;color:var(--player);margin-bottom:22px}
.path-creator .path-star{color:var(--purple)}.path-team .path-star{color:var(--studio)}
.welcome-path h3{font-size:20px;margin-bottom:10px}.welcome-path p{font-size:14px;line-height:1.8;color:#b3aebf;margin:0}
.welcome-values{display:flex;gap:22px;align-items:center;padding:30px 26px;margin-top:20px;border:1px solid #45364b;background:#241e2b;border-radius:18px}
.value-star{width:50px;height:50px;color:#d7b4ff;flex-shrink:0}.welcome-values h2{font-size:21px;margin-bottom:8px}.welcome-values p{font-size:14px;line-height:1.8;color:#c1b4d1;margin:0}
.constellation-start{padding:38px 8px 34px}.constellation-start ol{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0;margin:28px 0}
.constellation-start li{counter-increment:step;position:relative;padding-inline-start:32px}
.constellation-start li:before{content:'0' counter(step);position:absolute;inset-inline-start:0;top:0;font-size:12px;line-height:24px;color:#baa2e9;font-weight:700}
.constellation-start li strong{display:block;font-size:16px;margin-bottom:7px}.constellation-start li span{display:block;font-size:13px;color:var(--muted);line-height:1.8}
.welcome-community{border-top:1px solid var(--line);padding:28px 8px 12px}.welcome-community h2{font-size:21px;margin-bottom:12px}
.welcome-community>a,.welcome-community .text-button,.welcome-member a{display:inline-flex;gap:10px;align-items:center;color:#ceb8fa;font-size:14px;min-height:44px}
.welcome-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;padding:10px 8px;color:var(--muted);font-size:13px}.welcome-links a,.welcome-links button{display:flex;align-items:center;min-height:44px;padding:0}.welcome-links a:hover,.welcome-links button:hover{color:#ddd1f2}
.welcome-member{position:relative;display:flex;gap:20px;padding:26px 52px 24px 24px;border:1px solid #46384f;border-radius:18px;margin-bottom:24px;background:linear-gradient(120deg,#302638,#1c1b26)}
.welcome-member-star{display:block;color:var(--purple);width:42px;height:42px;flex-shrink:0;margin-top:5px}
.welcome-member .eyebrow{font-size:9px;line-height:1.7;color:#bbaaCD;letter-spacing:1px}.welcome-member h2{font-size:22px;line-height:1.35;margin:8px 0}.welcome-member p{font-size:14px;line-height:1.7;color:#c4b8d0;margin-bottom:6px}
.welcome-dismiss{position:absolute;top:10px;inset-inline-end:8px;font-size:24px}.welcome-member:dir(rtl){padding:26px 24px 24px 52px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.contact-star{width:28px;height:28px;color:var(--purple);margin-bottom:20px}.contact-card:nth-child(2) .contact-star{color:var(--studio)}
.contact-card h2{font-size:23px;line-height:1.3;margin-bottom:12px}.contact-card p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:25px}
.contact-email{color:#dbc7ff;font-size:clamp(16px,2vw,22px);font-weight:650;margin-top:auto;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere;max-width:100%}
.contact-card .text-button{font-size:12px;color:var(--muted);min-height:44px;padding:0}
.contact-support{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#22202c;border:1px solid #373141;border-radius:18px;padding:28px}
.contact-support h2{font-size:21px;margin-bottom:10px}.contact-support p{font-size:14px;line-height:1.8;color:#bfb6cd;margin:0;max-width:540px}.contact-support a{flex-shrink:0}
.contact-note{font-size:13px;color:var(--muted);line-height:1.8;margin:20px 8px 28px}
.account-about{font-size:13px;line-height:1.8;color:var(--muted);margin:-10px 0 24px}.account-about a{color:#cfb9fa;min-height:44px;display:inline-flex;align-items:center;margin-inline-end:20px}
@media(min-width:1400px){.welcome-constellation{inset-inline-end:0}.welcome-copy{padding-inline-end:10px}}
@media(max-width:1000px){.welcome-hero{padding:36px 28px}.welcome-copy{padding-inline-end:85px}.welcome-constellation{opacity:.5;inset-inline-end:-130px}.welcome-paths{gap:10px}.welcome-path{padding:22px 18px}.constellation-start ol{gap:15px}.contact-support{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.welcome-hero{padding:30px 22px;border-radius:20px}.welcome-copy{padding-inline-end:0}.welcome-copy .eyebrow{max-width:230px;font-size:9px}.welcome-copy h1{font-size:40px;letter-spacing:-1.4px;margin:21px 0}.welcome-copy .welcome-lead{font-size:17px}.welcome-copy p{font-size:14px}.welcome-constellation{top:28px;transform:none;inset-inline-end:-205px;opacity:.25}.welcome-actions{gap:10px;margin-top:23px}.welcome-actions a{width:100%}.welcome-purpose{padding:30px 4px 16px}.welcome-purpose h2,.constellation-start h2{font-size:25px}.welcome-paths{grid-template-columns:1fr;gap:12px}.welcome-path{padding:22px}.path-star{margin-bottom:14px;width:25px;height:25px}.welcome-values{padding:24px 20px;gap:14px;align-items:flex-start}.value-star{width:30px;height:30px}.welcome-values h2{font-size:20px}.constellation-start{padding:30px 4px}.constellation-start ol{grid-template-columns:1fr;gap:23px}.constellation-start>a{width:100%}.welcome-member{padding:24px 40px 20px 20px;gap:12px}.welcome-member:dir(rtl){padding:24px 20px 20px 40px}.welcome-member-star{width:26px;height:26px}.welcome-member h2{font-size:20px}.welcome-member .eyebrow{font-size:8px}.welcome-member p{font-size:13px}.contact-grid{grid-template-columns:1fr;gap:14px}.contact-card,.contact-support{padding:24px}.contact-email{font-size:22px}.contact-card p{margin-bottom:16px}.contact-support a{width:100%}.welcome-links{gap:6px 22px}}