@charset "UTF-8";:root{--z-olive-deep: #1f3d26;--z-olive: #3d7a4a;--z-olive-light: #7cc08a;--z-green-soft: #d3ecd9;--z-green-mist: #eaf7ee;--z-cream: #fdfaf3;--z-white: #ffffff;--z-gold: #c89b3c;--z-text: #1c2f21;--z-muted: #61756a;--z-border: rgba(61, 122, 74, .16);--z-gradient: linear-gradient(135deg, #2f6b3d 0%, #5aa668 55%, #7cc08a 100%);--z-gradient-soft: linear-gradient(165deg, #fdfaf3 0%, #f1f9f0 45%, #e4f3e6 100%);--z-gradient-gold: linear-gradient(135deg, #d8ad4e 0%, #c89b3c 100%);--z-radius-sm: 16px;--z-radius: 24px;--z-radius-lg: 32px;--z-shadow-sm: 0 6px 18px rgba(31, 61, 38, .07);--z-shadow: 0 14px 34px rgba(31, 61, 38, .14);--z-tap: 56px;--z-page-padding: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:Tajawal,Segoe UI,Noto Naskh Arabic,system-ui,sans-serif;background:var(--z-gradient-soft);color:var(--z-text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin:0}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.z-page{width:100%;max-width:520px;margin:0 auto;padding:var(--z-page-padding);padding-bottom:calc(var(--z-page-padding) + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.z-card{background:var(--z-white);border-radius:var(--z-radius);box-shadow:var(--z-shadow-sm);padding:20px;border:1px solid var(--z-border)}.z-card--accent{background:var(--z-gradient);border:none;color:var(--z-white);box-shadow:var(--z-shadow)}.z-title{font-size:clamp(1.6rem,6.5vw,2.1rem);font-weight:800;line-height:1.35;color:var(--z-olive-deep)}.z-subtitle{font-size:1.05rem;color:var(--z-muted)}.z-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--z-white);color:var(--z-olive-deep);border:1px solid var(--z-border);border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:700;box-shadow:var(--z-shadow-sm)}.z-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--z-tap);padding:0 22px;border:none;border-radius:var(--z-radius-lg);font-size:1.05rem;font-weight:700;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.z-btn:active{transform:scale(.98)}.z-btn:focus-visible{outline:3px solid var(--z-olive-light);outline-offset:2px}.z-btn--primary{background:var(--z-gradient);color:var(--z-white);box-shadow:var(--z-shadow)}.z-btn--primary:active{box-shadow:0 6px 16px #1f3d262e}.z-btn--ghost{background:var(--z-white);color:var(--z-olive-deep);border:1.5px solid var(--z-border)}.z-btn--quiet{background:transparent;color:var(--z-muted);box-shadow:none;min-height:48px;font-weight:500}.z-btn[disabled]{opacity:.45;pointer-events:none}.z-note{font-size:.85rem;color:var(--z-muted);line-height:1.6}.z-stack>*+*{margin-top:14px}@keyframes z-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes z-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.z-anim-in{animation:z-fade-up .35s ease both}.z-anim-pop{animation:z-pop .3s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}