@font-face{font-family:Lamma;src:url('/assets/NotoSansArabic.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff6df;color:#203b40;font:17px/1.9 Lamma,system-ui,sans-serif}header,nav,main,footer,.preview{max-width:1160px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.brand{text-decoration:none;font-size:35px;font-weight:900;line-height:1.2}.brand small{display:block;font-size:12px;color:#a84d2b}button,input{font:inherit}button,a,input{touch-action:manipulation}button,.button{cursor:pointer;border:0;border-radius:16px;padding:10px 22px;background:#256c58;color:#fff;text-decoration:none;display:inline-block}button:disabled{opacity:.6}a{color:#256c58;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ba502d;outline-offset:4px}nav{display:flex;gap:24px;flex-wrap:wrap;padding:12px 28px;border-block:1px solid #ded8c6;font-size:14px}nav a[aria-current]{font-weight:800;color:#a34424}.preview{font-size:12px;padding:10px 28px;color:#6b6053}.preview p{margin:0}main{padding:20px 28px 60px}h1{font-size:clamp(34px,5vw,64px);line-height:1.45;letter-spacing:-1.3px;margin:15px 0}h2{font-size:27px;line-height:1.6}h3{font-size:19px}p{margin:0 0 18px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;min-height:570px}.eyebrow{font-size:15px;color:#a34424;font-weight:700}.logo{width:100%;max-height:480px;object-fit:contain}.hero p{max-width:600px}.feature{margin:65px 0;display:grid;grid-template-columns:1fr 310px;gap:90px;align-items:center}.feature figure{margin:0;transform:rotate(-3deg)}.feature img{width:100%;height:410px;object-fit:cover;object-position:top;border:8px solid white;border-radius:28px;box-shadow:0 20px 55px #203b4022}figcaption{font-size:12px;text-align:center}.plus{background:#e3ebd7;border-radius:32px;padding:36px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-block:25px}.plans article{background:#fffaf0;border-radius:18px;padding:18px;text-align:center}.plans strong{font-size:26px;color:#a34424}.document{max-width:800px;margin:10px auto}.document h1{font-size:42px}.document section{margin-block:32px}.document p{line-height:2.1}.document h2{margin-bottom:8px}footer{padding:30px 28px;border-top:1px solid #ded8c6;font-size:12px}footer p{margin:0}label{display:block;margin-block:15px;font-size:15px}input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #aaa;border-radius:10px;background:#fff}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}.delete-panel{padding:24px;border-radius:20px;background:#fffdf6;border:1px solid #ded8c6}.danger{background:#a63d2f}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;padding:10px;z-index:5}[hidden]{display:none!important}@media(max-width:700px){body{font-size:16px}header,nav,main,.preview,footer{padding-inline:20px}nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;gap:15px;min-height:0}.logo{max-height:310px;grid-row:1}.hero h1{font-size:38px}.feature{grid-template-columns:1fr;gap:25px;margin-block:50px}.feature figure{max-width:300px;margin:auto}.plus{padding:24px}.plans{grid-template-columns:1fr;gap:10px}.plans article{display:flex;align-items:center;justify-content:space-between;padding:8px 18px}.plans strong{font-size:21px}.document h1{font-size:32px}}

fieldset{border:0;padding:0;margin:0;min-inline-size:0}

/* Shataha public identity; keep the existing local asset URLs and API routes. */
body{background:#f5f1fa;color:#342151}a{color:#6842a3}button,.button{background:#6842a3}.brand small,.eyebrow{color:#6842a3}nav a[aria-current]{color:#6842a3}.logo{border-radius:32px;max-width:440px;justify-self:center}.plus{background:#e9def7}.feature img{height:auto;object-fit:contain}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.mode-grid article{padding:16px;background:#fff;border:1px solid #e4d8ef;border-radius:18px}.mode-grid h3{margin:0}.danger{background:#a63d2f}@media(max-width:700px){.logo{max-width:280px}.mode-grid{grid-template-columns:1fr}.feature figure{max-width:310px}}

.invite-panel{padding:24px;margin:12px 0 28px;border:1px solid #cab6e4;border-radius:20px;background:#fff}.invite-panel h2{margin-top:0}.invite-code{font:700 30px/1.5 monospace;letter-spacing:3px;user-select:all;overflow-wrap:anywhere}