/* صفحة الدخول وصفحة الخصوصية: عامة بدون رمز. ألوان المدرسة الفاتحة نفسها (theme-notes.md). */
@font-face { font-family: "Plex Arabic"; src: url("/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Plex Arabic"; src: url("/assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Plex Arabic"; src: url("/assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Plex Arabic"; src: url("/assets/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }
:root { --accent: #9e0059; --ink: #292929; --muted: #6e5a63; --bg: #fcf7f9; --line: #f0dde5; --alert: #b3261e; color-scheme: light; }
* { box-sizing: border-box; }
/* عمود الشبكة minmax(0, 1fr): بدونه يتمدد العمود على عرض محتواه، وتنسحب الصفحة للجنب على شاشة 360. */
body { margin: 0; min-height: 100vh; padding: 16px; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; background: var(--bg); color: var(--ink); font-family: "Plex Arabic", Tahoma, sans-serif; letter-spacing: normal; }
.login { width: 100%; max-width: 360px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 24px; text-align: center; }
.mark { margin: 0; font: 700 40px/1.3 "Plex Arabic", sans-serif; color: var(--accent); }
.sub { margin: 4px 0 20px; color: var(--muted); font-size: 15px; line-height: 1.6; }
form { display: grid; gap: 10px; text-align: start; }
label { font-weight: 700; font-size: 15px; }
input { font: inherit; font-size: 17px; width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1.5px solid #a27d8e; border-radius: 12px; direction: ltr; text-align: left; }
input:focus { outline: 3px solid var(--accent); outline-offset: 1px; }
button { font: inherit; font-weight: 700; font-size: 16px; min-height: 48px; padding: 12px; border: 0; border-radius: 12px; background: var(--accent); color: #fff; cursor: pointer; }
.err { margin: 0; color: var(--alert); font-size: 14px; }
.note { margin: 18px 0 0; color: var(--muted); font-size: 13px; }
a { color: var(--accent); text-underline-offset: 3px; }
.note a { display: inline-block; min-width: 44px; min-height: 44px; padding: 12px 6px; line-height: 20px; }
.credit { margin: 6px 0 0; color: var(--muted); font-size: 12.5px; }
/* صفحة الخصوصية */
.doc { max-width: 560px; text-align: start; }
.mark.small { font-size: 30px; text-align: center; }
.doc h1 { margin: 8px 0 12px; font-size: 20px; line-height: 1.35; }
.doc ul { margin: 0; padding-inline-start: 20px; line-height: 1.75; font-size: 15px; }
.doc li { margin-bottom: 8px; }
.doc .note, .doc .credit { text-align: center; }