@font-face{font-family:Tajawal;src:url('../home/fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('../home/fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f3f9f8;color:#073a47;font:18px/1.6 Tajawal,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:#006c7c;text-underline-offset:4px}a:hover{color:#034752}.account-header{background:#dff3ee;border-bottom:2px solid #00bbce;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1160px)/2))}.account-header img{display:block;object-fit:contain;width:145px;height:85px}.account-header nav{display:flex;align-items:center;gap:24px}.account-header nav a{font-weight:700}main{flex:1;padding:40px 24px 48px}.auth-card{max-width:540px;margin:auto;padding:32px 40px;border:1px solid #d2e6e4;border-top:4px solid #00bbce;border-radius:18px;background:white;box-shadow:0 14px 48px #073a470a}h1{font-size:34px;line-height:1.3;margin:6px 0 12px}h2{font-size:24px;margin:0 0 24px}.eyebrow{color:#007a89;font-size:16px;font-weight:700;margin:0 0 10px}.intro{color:#46616a;margin:0 0 24px}.hint{font-size:15px;color:#51666d;margin:8px 0 16px}label{display:block;font-weight:700;margin:16px 0 6px}label span{font-weight:400;font-size:15px}input{display:block;width:100%;min-height:48px;background:#fff;border:1px solid #a8c3c6;border-radius:8px;color:#073a47;padding:9px 12px;font:inherit}input:focus{outline:3px solid #00bbce55;border-color:#007785}input[dir=ltr]{text-align:start}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border:1px solid transparent;border-radius:8px;font:700 18px/1.4 Tajawal,Arial,sans-serif;cursor:pointer}.primary{background:#07515a;color:#fff}.primary:hover{background:#043b43}.secondary{background:transparent;border-color:#7bacae;color:#073a47}.full{width:100%;margin-top:24px}:focus-visible{outline:3px solid #008f9e;outline-offset:3px}.alternate{text-align:center;font-size:16px;margin:24px 0 0}.alternate a{font-weight:700}.feedback{padding:14px 18px;border-radius:8px;margin:18px 0}.feedback ul{margin:6px 0;padding-inline-start:22px}.error{background:#fff1ee;color:#912d20;border:1px solid #e8b4a8}.success{background:#e4f6ef;color:#11523e;border:1px solid #a6d3c2}.dashboard{max-width:1000px;margin:auto}.profile-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.panel{background:#fff;border:1px solid #d2e6e4;border-radius:16px;padding:30px}.account-details{background:#e8f5f1}dt{font-weight:700;margin-top:22px}dd{margin:6px 0;overflow-wrap:anywhere}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 32px;padding:24px;font-size:15px;border-top:1px solid #d2e6e4}footer span{color:#51666d}
@media(min-width:1600px){body{font-size:19px}.auth-card{max-width:580px}}
@media(max-width:650px){.account-header{padding:10px 18px}.account-header img{width:112px;height:66px}.account-header nav{gap:14px}.account-header .button{padding:8px 12px;font-size:15px}main{padding:24px 16px 32px}.auth-card{padding:24px 20px}.profile-grid{grid-template-columns:1fr}.panel{padding:22px}h1{font-size:29px}footer{flex-direction:column;align-items:center;text-align:center}}