.mbti-intro{position:absolute;inset:0;z-index:20;background:#10100e;overflow:auto}.mbti-intro>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.mbti-intro-copy{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:38px 28px max(30px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.25) 40%,#080808 100%)}.mbti-intro-copy h1{font-size:32px;line-height:1.3;letter-spacing:-1px;max-width:370px;margin:10px 0 18px}.mbti-intro-copy p{font-size:17px;line-height:1.6;margin:0 0 10px;color:#eee5d9}.mbti-intro-copy>span{font-size:14px;color:#c6bbab;margin:12px 0 24px}.mbti-intro-copy button{display:block;width:100%;min-height:56px;border:0;border-radius:12px;color:#fff;background:#ed1243;font-size:17px;font-weight:700}.mbti-intro-copy button:focus-visible{outline:2px solid #fff;outline-offset:4px}