/* NorthKind Welcome Experience — isolated stylesheet */
:root{--gold:#ffcf31;--cyan:#00e5ff;--pink:#ff2bbd;--orange:#ff7a18;--muted:rgba(255,255,255,.8)}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#050510;overflow-x:hidden}
.welcome-stage{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;isolation:isolate}
.welcome-background{position:absolute;inset:-5%;z-index:-3;background:linear-gradient(rgba(5,5,16,.35),rgba(5,5,16,.8)),url('../images/background.jpg') center/cover no-repeat;animation:bgmove 22s ease-in-out infinite alternate}
.welcome-overlay{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at top left,rgba(0,229,255,.2),transparent 32%),radial-gradient(circle at bottom right,rgba(255,43,189,.18),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.64))}
.welcome-content{width:min(1040px,100%);min-height:min(760px,calc(100vh - 48px));display:grid;grid-template-rows:auto 1fr auto;place-items:center;padding:clamp(26px,5vw,58px);border:1px solid rgba(255,255,255,.2);border-radius:34px;background:rgba(5,6,18,.62);box-shadow:0 40px 120px rgba(0,0,0,.55);backdrop-filter:blur(14px);text-align:center}
.welcome-logo{width:min(390px,78vw);opacity:0;transform:translateY(-14px);animation:logo 1.4s ease .25s forwards;filter:drop-shadow(0 0 28px rgba(255,207,49,.3))}
.message-rotator{position:relative;width:min(900px,100%);min-height:310px;display:grid;place-items:center}
.welcome-message{position:absolute;inset:0;display:grid;place-content:center;gap:14px;padding:12px;opacity:0;transform:translateY(20px)}
.kicker{color:var(--gold);font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.welcome-message h1,.welcome-message h2{font-size:clamp(2.5rem,7vw,6.3rem);line-height:.95;letter-spacing:-.055em}.welcome-message p:last-child{max-width:760px;margin:auto;color:var(--muted);font-size:clamp(1rem,2vw,1.3rem);line-height:1.55}
.m1{animation:m1 22s ease infinite}.m2{animation:m2 22s ease infinite}.m3{animation:m3 22s ease infinite}.m4{animation:m4 22s ease infinite}
.welcome-finale{display:grid;place-items:center;gap:18px;opacity:0;transform:translateY(14px);animation:finale 1.2s ease 17.5s forwards}.welcome-home{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:900}
.welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.welcome-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 24px;border-radius:999px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.22);transition:.18s}.welcome-button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--orange),var(--pink),var(--cyan));box-shadow:0 0 32px rgba(255,43,189,.32)}.secondary{background:rgba(255,255,255,.08)}
.remember-choice{display:flex;align-items:flex-start;gap:10px;max-width:620px;color:var(--muted);font-size:.94rem;line-height:1.4;text-align:left}.remember-choice input{width:19px;height:19px;accent-color:var(--gold)}.replay-button{border:0;background:transparent;color:var(--cyan);font:inherit;font-size:.84rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.replay-button:hover{color:var(--gold)}
@keyframes logo{to{opacity:1;transform:none}}@keyframes finale{to{opacity:1;transform:none}}@keyframes bgmove{from{transform:scale(1.05) translate(-.5%,-.5%)}to{transform:scale(1.11) translate(.7%,.7%)}}
@keyframes m1{0%,2%{opacity:0;transform:translateY(20px)}6%,20%{opacity:1;transform:none}24%,100%{opacity:0;transform:translateY(-16px)}}
@keyframes m2{0%,24%{opacity:0;transform:translateY(20px)}29%,43%{opacity:1;transform:none}47%,100%{opacity:0;transform:translateY(-16px)}}
@keyframes m3{0%,47%{opacity:0;transform:translateY(20px)}52%,66%{opacity:1;transform:none}70%,100%{opacity:0;transform:translateY(-16px)}}
@keyframes m4{0%,70%{opacity:0;transform:translateY(20px)}75%,89%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-16px)}}
@media(max-width:680px){.welcome-stage{padding:14px}.welcome-content{min-height:calc(100vh - 28px);padding:26px 18px 40px;border-radius:24px}.message-rotator{min-height:340px}.welcome-actions{width:100%}.welcome-button{width:100%}}
@media(prefers-reduced-motion:reduce){.welcome-background,.welcome-logo,.welcome-message,.welcome-finale{animation:none!important;transform:none!important}.welcome-logo,.m1,.welcome-finale{opacity:1}.m2,.m3,.m4{display:none}}