.welcome-page{margin:0;min-height:100svh;display:flex;flex-direction:column;color:#f2ece0;background:#14100c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}
.welcome-page:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#09080736,#08060436 40%,#08060455),url("studio-welcome.webp") center 60%/cover no-repeat}
.welcome-header{width:100%;max-width:1260px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:40px 6% 15px}
.welcome-brand{display:flex;align-items:center;gap:21px;color:#f4ede1;text-decoration:none}.welcome-brand>svg{width:68px;height:78px;color:#b99561;flex-shrink:0}.welcome-wordmark{display:flex;flex-direction:column;gap:8px}.welcome-wordmark strong{font:400 34px Georgia,serif;letter-spacing:.36em}.welcome-wordmark small{font-size:12px;font-weight:300;letter-spacing:.48em}.welcome-motto{font-family:"Segoe Script","Snell Roundhand","Brush Script MT",cursive;font-style:italic;color:#c6a16e;font-size:25px;line-height:1.35;text-align:center;transform:rotate(-6deg);margin:0}.welcome-motto span{display:block;font:28px Georgia,serif;margin-top:3px}
.welcome-main{flex:1;width:100%;padding:35px 24px 52px;display:flex;justify-content:center;align-items:center}.welcome-content{width:100%;max-width:620px;text-align:center;animation:enter .65s ease-out}.welcome-content h1{font:400 clamp(60px,8.5vw,105px)/1.07 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:0 0 22px;text-shadow:0 3px 24px #0006}.welcome-heart{width:26px;height:28px;color:#cda66a;margin:0 auto 24px}.welcome-heart svg{width:100%;height:100%}.welcome-intro{font:400 clamp(25px,3vw,36px)/1.32 Georgia,serif;margin:0 auto 32px;max-width:560px;white-space:pre-line;text-wrap:balance}.welcome-instructions{max-width:550px;margin:0 auto 28px;font-size:12px;line-height:2;letter-spacing:.2em;font-weight:300;text-transform:uppercase;color:#e7ded1;text-wrap:balance}
.welcome-field{display:flex;align-items:center;border:1px solid #e9dcc8;border-radius:14px;background:#ded0bd12;box-shadow:0 8px 25px #0003;overflow:hidden;min-height:68px;margin-bottom:27px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.welcome-field>span{width:29px;height:29px;flex-shrink:0;margin-left:24px;color:#eee6d8}.welcome-field svg{width:100%;height:100%}.welcome-field input{border:0;outline:0;box-shadow:none;background:transparent;color:#fff3dd;font-size:19px;min-width:0;width:100%;padding:19px 22px;min-height:66px}.welcome-field input::placeholder{color:#c3bbafad;opacity:1}.welcome-field:focus-within{border-color:#dfbd84;box-shadow:0 0 0 3px #d9b67538}.welcome-field input:-webkit-autofill{-webkit-text-fill-color:#f6e7d0;box-shadow:0 0 0 1000px #29241b inset}.welcome-field input[type=password]{letter-spacing:.25em}
.welcome-button{display:flex;justify-content:center;align-items:center;gap:22px;width:78%;margin:0 auto;min-height:62px;padding:15px 24px;border:1px solid #c6a679;border-radius:13px;background:linear-gradient(110deg,#b99662,#c6a775 55%,#ad8958);color:#17130d;font-size:17px;letter-spacing:.19em;font-weight:500;box-shadow:0 10px 35px #0004;cursor:pointer;transition:filter .2s,transform .2s}.welcome-button>span{font-size:30px;line-height:1;font-weight:300}.welcome-button:hover{filter:brightness(1.1)}.welcome-button:active{transform:translateY(1px)}.welcome-button:focus-visible,.welcome-change:focus-visible{outline:2px solid #f0d4a6;outline-offset:5px}.welcome-choices{display:grid;gap:12px}.welcome-choices .welcome-button{width:100%;letter-spacing:.03em;font-size:16px}
.welcome-signoff{color:#cfad76;margin:43px 0 0}.welcome-signoff p{font:italic 28px/1.4 "Segoe Script","Snell Roundhand","Brush Script MT",cursive;margin:0 0 12px}.welcome-signoff>div{display:flex;justify-content:center;align-items:center;gap:17px}.welcome-signoff svg{width:27px;height:28px}.welcome-signoff span{height:1px;width:63px;background:#ba986c9c}.welcome-footer{text-align:center;color:#c5ac87;font-size:10px;letter-spacing:.25em;line-height:2.2;padding:17px 24px 29px}.welcome-footer strong{font:400 12px Georgia,serif;letter-spacing:.32em;display:block;margin-bottom:3px}.welcome-address{font-size:12px;color:#e3d3bc;margin:22px 0 4px;overflow-wrap:anywhere}.welcome-change{border:0;background:none;color:#ccac7c;font-size:12px;text-decoration:underline;padding:9px;min-height:40px;cursor:pointer}.welcome-error{border:1px solid #d9a28b73;background:#49261dea;border-radius:12px;padding:14px;color:#ffe5d7;font-size:14px;line-height:1.6;margin:0 0 20px}.welcome-page .test-banner{margin-bottom:20px;background:#3b3125d9;color:#e8d3b1;border:1px solid #c5a37360}
@media(min-width:1000px){.welcome-page:before{background-size:cover;background-position:center 60%}.welcome-main{padding-top:45px}.welcome-content{max-width:570px}}
@media(max-width:600px){.welcome-header{padding:26px 24px 10px;gap:12px}.welcome-brand{gap:11px}.welcome-brand>svg{width:43px;height:55px}.welcome-wordmark{gap:5px}.welcome-wordmark strong{font-size:20px;letter-spacing:.29em}.welcome-wordmark small{font-size:7px;letter-spacing:.3em}.welcome-motto{font-size:15px;max-width:116px;flex-shrink:0}.welcome-motto span{font-size:22px}.welcome-main{padding:38px 25px 40px;align-items:flex-start}.welcome-content h1{font-size:65px;margin-bottom:19px}.welcome-heart{width:23px;height:25px;margin-bottom:23px}.welcome-intro{font-size:27px;line-height:1.35;margin-bottom:28px}.welcome-instructions{font-size:10px;letter-spacing:.16em;line-height:1.95;margin-bottom:25px}.welcome-field{min-height:59px;margin-bottom:23px;border-radius:12px}.welcome-field>span{width:23px;height:23px;margin-left:18px}.welcome-field input{min-height:57px;padding:16px;font-size:16px}.welcome-button{min-height:54px;width:82%;font-size:14px;gap:17px;border-radius:10px}.welcome-signoff{margin-top:36px}.welcome-signoff p{font-size:22px}.welcome-footer{font-size:8px;letter-spacing:.19em;padding-bottom:23px}.welcome-footer strong{font-size:10px}}
@media(max-width:350px){.welcome-header{padding-inline:19px}.welcome-brand>svg{width:34px}.welcome-wordmark strong{font-size:17px}.welcome-wordmark small{font-size:6px}.welcome-motto{font-size:13px;max-width:92px}.welcome-main{padding-inline:21px}.welcome-intro{font-size:24px}.welcome-content h1{font-size:58px}}
@media(prefers-reduced-motion:reduce){.welcome-content{animation:none}.welcome-button{transition:none}}