@font-face{font-family:KV;src:url('/fonts/NotoSansArabic-Bold.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html{background:#0c0a0e}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 65% 35% at 2% 3%,#5b2c2d4d,transparent 80%),#0c0a0e;color:#f8f2e9;font:16px/1.65 KV,Arial,sans-serif}
[hidden]{display:none!important}
button,input{font:inherit}
.welcome-shell{min-height:100vh;display:grid;place-items:center;padding:22px 14px calc(22px + env(safe-area-inset-bottom))}
.welcome-card{width:min(100%,500px);overflow:hidden;border:1px solid #66515a;border-radius:28px;background:#1c171e;box-shadow:0 28px 75px #0009}
.welcome-hero{position:relative;overflow:hidden;min-height:310px;padding:25px 29px 28px;background:radial-gradient(circle at 5% 42%,#5a2c30,#2c1b23 46%,#141016 90%);isolation:isolate}
.welcome-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px}
.welcome-top strong{color:#fff9ee;font:800 22px/1.2 Arial,sans-serif;direction:ltr}
.welcome-top span{color:#e7c9a1;font-size:13px}
.league-watermarks{position:absolute;z-index:0;left:12px;top:67px;width:205px;height:180px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;place-items:center;transform:rotate(-8deg);opacity:.13;filter:grayscale(1) brightness(0) invert(1);pointer-events:none}
.league-watermarks img{display:block;width:100%;height:100%;max-width:90px;max-height:78px;object-fit:contain}
.league-watermarks img:nth-child(3){max-height:63px}
.welcome-hero-copy{position:relative;z-index:1;margin-top:57px;text-shadow:0 2px 12px #120c10c0}
.welcome-hero-copy>span{color:#f0ce91;font-size:13px}
.welcome-hero h1{margin:8px 0 7px;color:#fffaf0;font-size:clamp(25px,6.4vw,33px);line-height:1.43;font-weight:800}
.welcome-hero p{margin:0;color:#ead4b4;font-size:14px;line-height:1.8}
.welcome-progress{position:relative;z-index:1;display:flex;gap:10px;margin-top:25px}
.welcome-progress span{height:5px;flex:1;border-radius:99px;background:#60494b}
.welcome-progress span:first-child{background:#efc77f}
body[data-step="two"] .welcome-progress span{background:#efc77f}
body[data-mode="login"] .welcome-progress{visibility:hidden}
.welcome-body{padding:28px 29px 26px}
.signup-photo{display:flex;align-items:center;gap:12px;min-height:52px;margin-bottom:16px;color:#f6eddf;cursor:pointer;font-size:15px}
.signup-photo-circle{position:relative;display:grid;place-items:center;flex:none;width:51px;height:51px;overflow:hidden;border-radius:50%;border:1.5px dashed #d4a770;background:#382931;color:#efc77f;font-size:27px;line-height:1}
.signup-photo-circle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#signup-avatar{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.field-label{display:block;margin:0 0 14px;color:#f8f2e9;font-size:15px}
.welcome-body input:not([type=file]){display:block;width:100%;height:51px;margin:6px 0 0;padding:0 15px;border:1px solid #70555d;border-radius:11px;background:#2a2029;color:#fffaf0;font-size:16px;outline:none}
.welcome-body input::placeholder{color:#b5a2a9;opacity:1}
.welcome-body input:focus{border-color:#edc582;box-shadow:0 0 0 3px #edc58230}
.next-hint{margin:16px 0 17px;padding:11px 13px;border-radius:11px;background:#34272f;color:#e6ccaa;font-size:13px;line-height:1.7}
.submit-button{display:block;width:100%;min-height:52px;border:0;border-radius:12px;background:linear-gradient(100deg,#c88d4c,#f4d691,#d7a15c);color:#281b1b;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 9px 25px #b97c3c2e}
.submit-button:disabled{opacity:.68;cursor:wait}
.welcome-switch{margin:17px 0 0;text-align:center;color:#c7b5b8;font-size:14px}
.welcome-switch button,.text-action{width:auto;padding:0;border:0;background:none;color:#efc77f;cursor:pointer;text-decoration:underline;text-underline-offset:4px;font-size:inherit}
.text-action{text-decoration:none;margin:0 0 22px;font-size:14px}
.email-summary{direction:ltr;text-align:left;overflow-wrap:anywhere;padding:12px;border:1px solid #70555d;border-radius:11px;color:#e6d3cf;background:#2a2029;font:15px/1.5 Arial,sans-serif;margin:0 0 20px}
#message{margin:12px 0 0;color:#f1ce8d;font-size:14px;line-height:1.6}
#message:empty{display:none}
#message a{color:#f8d99d}
button:focus-visible,.signup-photo:focus-within,.text-action:focus-visible{outline:3px solid #f4d691;outline-offset:4px}
@media(max-width:520px){.welcome-shell{padding:10px 8px calc(16px + env(safe-area-inset-bottom));place-items:start center}.welcome-card{border-radius:24px}.welcome-hero{min-height:292px;padding:21px 22px 23px}.welcome-hero-copy{margin-top:52px}.league-watermarks{left:2px;width:158px;height:165px;top:68px}.welcome-body{padding:24px 21px 26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}