:root{--color-ink:#0b0b0b;--color-cream:#fdf2f8;--color-cream-warm:#fff7f0;--color-card:#fff;--color-text-secondary:#3f3f3f;--color-primary:#ec4899;--color-secondary:#f472b6;--color-accent:#0891b2;--color-sun:#fbbf24;--color-lime:#22c55e;--color-wrong:#ef4444;--font-display:"Archivo Black","Archivo",sans-serif;--font-chrome:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-book:Georgia,"Iowan Old Style","Times New Roman",serif;--nb-shadow-sm:4px 4px 0 var(--color-ink);--nb-shadow:6px 6px 0 var(--color-ink);--nb-shadow-lg:10px 10px 0 var(--color-ink)}:root:lang(ar){--font-display:"Cairo",sans-serif;--font-chrome:"Cairo",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-cream);color:var(--color-ink);font-family:var(--font-chrome);font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.05;margin:0 0 16px}h1{font-size:clamp(34px,6vw,64px)}h2{font-size:clamp(26px,4vw,40px)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 12px}.nb-card{background:var(--color-card);border:4px solid var(--color-ink);border-radius:0;box-shadow:var(--nb-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;padding:28px}.nb-badge{display:inline-block;background:var(--color-sun);padding:6px 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-2deg)}.btn,.nb-badge{border:3px solid var(--color-ink);border-radius:0;box-shadow:var(--nb-shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;cursor:pointer;font-family:var(--font-chrome);font-weight:700;font-size:.95rem;background:var(--color-card);color:var(--color-ink);transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .14s ease;text-decoration:none}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-ink)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--color-ink)}.btn:focus-visible{outline:4px dashed var(--color-accent);outline-offset:4px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-secondary)}input[type=email],input[type=text]{font-family:var(--font-chrome);font-size:1rem;padding:13px 14px;background:var(--color-card);color:var(--color-ink);border:3px solid var(--color-ink);border-radius:0;transform:none}input:focus-visible{outline:4px dashed var(--color-accent);outline-offset:4px}.book-frame{border:4px solid var(--color-ink);border-radius:0;box-shadow:var(--nb-shadow-lg);background:#fff;transform:none;padding:0;overflow:hidden}.book-frame .page{line-height:1.7;padding:34px 30px;transform:none}.book-frame .page,.book-frame .page h3{font-family:var(--font-book);font-size:15px}.book-frame .page h3{font-style:italic;font-weight:400;color:#6b5f52}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active,.btn:hover{transform:none}}