@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:Tajawal,Tahoma,Arial,sans-serif;color:#eef3ff;background:radial-gradient(ellipse at 50% 0,#1c4485,#070e25 70%);background-attachment:fixed}.welcome{max-width:900px;margin:auto;padding:12px 28px 40px;text-align:center}.welcome-logo{display:block;width:210px;height:180px;object-fit:contain;margin:-10px auto -12px}.eyebrow{font-size:13px;color:#e8bf76;margin:0 0 14px}h1{font-size:clamp(28px,4.5vw,43px);line-height:1.5;margin:0;color:#fff2d6}.intro{color:#a9bedf;font-size:15px;line-height:1.9;margin:12px 0 30px}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:start}.role-card{display:flex;flex-direction:column;gap:14px;padding:27px;border-radius:22px;text-decoration:none;color:inherit;border:1px solid #41628b;background:#0f2241cc;transition:.2s}.role-card:hover,.role-card:focus-visible{transform:translateY(-4px);outline:2px solid #f0ca84;outline-offset:4px;background:#19345b}.host-card{border-color:#dbb46c;background:linear-gradient(140deg,#e5bc7720,#0f2241)}.role-icon{font-size:30px;color:#f1ce8a;height:40px}.role-card h2{font-size:25px;margin:0 0 7px;color:#f3d394}.role-card p{font-size:14px;line-height:1.9;color:#aebfda;margin:0}.role-action{display:block;color:#f1d495;font-size:14px;border-top:1px solid #ffffff19;padding-top:17px;margin-top:auto}.device-tip{margin:28px auto 15px;background:#ffffff05;border:1px solid #ffffff13;border-radius:14px;padding:18px 22px;max-width:700px;text-align:start}.device-tip strong{color:#e5d6b9;font-size:14px}.device-tip p{margin:7px 0 0;color:#a3b6d5;font-size:13px;line-height:1.9}.access-note{font-size:12px;color:#d4b77e;line-height:1.8}.resume-note{font-size:11px;color:#8398ba;margin-top:12px}@media(max-width:550px){.welcome{padding:10px 18px 30px}.welcome-logo{width:170px;height:150px}.role-options{grid-template-columns:1fr;gap:14px}.role-card{padding:20px;gap:10px}.role-card h2{font-size:22px}.role-icon{font-size:25px;height:30px}.intro{margin-bottom:22px}.device-tip{margin-top:22px}}

#owner-admin{display:inline-block;color:#a9bddc;font-size:12px;margin-top:18px}#owner-admin[hidden]{display:none}

.activation-entry{display:block;max-width:600px;margin:0 auto 25px;padding:15px 20px;background:#e8c47d18;border:1px solid #ddbb7355;border-radius:12px;color:#f0d399;text-decoration:none;font-size:14px;line-height:1.8}