@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:#faf7f2;color:#43372e;font-family:Tajawal,Tahoma,Arial,sans-serif;font-weight:700;line-height:1.8}
.activate{max-width:660px;margin:0 auto;padding:32px 24px 56px;text-align:center}
.back{display:block;width:fit-content;color:#78685a;text-align:start;text-decoration:none;font-size:14px;margin-bottom:12px}
.welcome-logo{display:block;width:156px;height:156px;object-fit:contain;margin:12px auto 4px}
h1{font-size:clamp(29px,5vw,40px);line-height:1.5;margin:6px 0 14px;color:#433126}
.intro{max-width:510px;margin:0 auto 28px;color:#7a695b;font-size:16px;line-height:1.95}
.activation-card{padding:30px;border:1px solid #e6dbcf;border-radius:22px;background:#f2eae0;text-align:start;box-shadow:0 10px 32px #58432b05}
.activation-card label{display:block;font-size:15px;color:#59483a;margin-bottom:10px}
.activation-card input{width:100%;min-height:54px;font:16px Tajawal,Tahoma,sans-serif;padding:14px 16px;border:1px solid #cfbfad;border-radius:12px;background:#fffdf9;color:#433126;text-align:center;box-sizing:border-box}
.activation-card input::placeholder{color:#958577;opacity:1}
.activation-card button,.primary{font:inherit;border-radius:12px;padding:14px 18px;cursor:pointer;min-height:50px}
.primary{display:block;background:#782c40;color:#fffaf5;text-align:center;text-decoration:none;margin:16px 0 12px;font-weight:700;border:1px solid #782c40}
.primary:hover{background:#642336}
.activation-card form button{width:100%}
.activation-card button:disabled{opacity:.55;cursor:default}
.activation-card p{line-height:1.9;font-size:14px;color:#786657}
#activation-status{min-height:26px;color:#782c40;margin:14px 0}
.activation-card h2{font-size:22px;line-height:1.7;color:#433126}
.activation-card .secondary,#takeover-no{color:#695344;background:#fffaf4;border:1px solid #cdbba8}
.ready-pill{display:inline-block;background:#e3e9dd;color:#40563d;border-radius:30px;padding:5px 12px;font-size:13px}
.activation-card .access-note{padding-top:16px;margin:18px 0 0;border-top:1px solid #e0d4c5;font-size:13px}
.resume-note{font-size:13px;color:#897565;margin:18px 0 0;line-height:1.9}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a98068;outline-offset:4px}
[hidden]{display:none!important}
.page-away .activation-card{visibility:hidden}
@media(max-width:550px){.activate{padding:22px 18px 40px}.welcome-logo{width:132px;height:132px;margin:12px auto 4px}.activation-card{padding:24px 20px}.intro{font-size:15px;margin-bottom:22px}.back{font-size:13px}}
