/* Quboolia — contact + legal pages */
.contact{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.2rem 5rem}
.contact__grid{display:grid;grid-template-columns:340px 1fr;gap:2rem;align-items:start}
.contact__grid>*{min-width:0}
.contact__info li a,.contact__info li span{overflow-wrap:anywhere}
.contact__info{background:radial-gradient(120% 120% at 0 0,var(--emerald-700),var(--emerald-900));color:var(--cream);
  border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.contact__info h2{font-family:var(--serif);font-size:1.5rem;margin-bottom:1.2rem}
.contact__info ul{list-style:none;display:grid;gap:1.1rem}
.contact__info li{display:flex;gap:.8rem;align-items:flex-start}
.contact__ic{width:38px;height:38px;border-radius:10px;background:rgba(231,200,105,.15);display:grid;place-items:center;flex:0 0 auto}
.contact__ic .ic{width:18px;height:18px;color:var(--gold-400)}
.contact__info li b{display:block;font-size:.82rem;color:var(--gold-400);margin-bottom:.1rem}
.contact__info li a,.contact__info li span{color:rgba(250,246,239,.9);font-size:.92rem;text-decoration:none}
.contact__info li a:hover{color:#fff;text-decoration:underline}
.contact__bism{font-family:var(--arabic);color:var(--gold-400);font-size:1.5rem;text-align:center;margin-top:2rem;direction:rtl;opacity:.85}
.contact__card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}
.contact__card h2{font-family:var(--serif);font-size:1.6rem;color:var(--emerald-800);margin-bottom:1.3rem}
.contact__card .afield{margin-bottom:1rem}
.contact__card textarea{padding:.8rem .9rem;border:1px solid var(--line);border-radius:11px;font-family:var(--sans);font-size:.95rem;resize:vertical}
.contact__card textarea:focus,.contact__card select:focus{outline:2px solid var(--gold-500)}
.contact__done{text-align:center;padding:1.5rem 1rem}
.contact__tick{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0f8c5a);display:grid;place-items:center;color:#fff;margin:0 auto 1.3rem;box-shadow:0 12px 30px rgba(15,140,90,.3)}
.contact__tick .ic{width:38px;height:38px}
.contact__done h2{margin-bottom:.6rem}
.contact__done p{color:var(--ink-soft);line-height:1.7;margin-bottom:1.5rem}

/* legal */
.legalpage{max-width:min(880px,92vw);margin:0 auto;padding:2.5rem 0 5rem}
.legal__head{text-align:center;margin-bottom:2.4rem}
.legal__ic{width:60px;height:60px;border-radius:16px;background:rgba(0,63,53,.07);display:inline-grid;place-items:center;margin-bottom:1rem}
.legal__ic .ic{width:26px;height:26px;color:var(--gold-600)}
.legal__head h1{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);color:var(--emerald-800)}
.legal__head>p{color:var(--ink-soft);max-width:40rem;margin:.7rem auto 0;line-height:1.7}
.legal__tabs{display:inline-flex;gap:.4rem;margin-top:1.6rem;background:var(--cream,#faf6ef);border:1px solid var(--line);padding:.3rem;border-radius:999px;flex-wrap:wrap;justify-content:center}
.legal__tab{font-size:.85rem;font-weight:700;color:var(--ink-soft);padding:.5rem 1.1rem;border-radius:999px;text-decoration:none;transition:.15s}
.legal__tab:hover{color:var(--emerald-700)}
.legal__tab.on{background:var(--emerald-700);color:#fff}
.legal__body{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2.4rem 2.6rem;box-shadow:var(--shadow-sm)}
.legal__sec{padding:1.4rem 0;border-bottom:1px solid var(--line)}
.legal__sec:first-child{padding-top:0}
.legal__sec h2{font-family:var(--serif);font-size:1.35rem;color:var(--emerald-800);display:flex;align-items:baseline;gap:.7rem;margin-bottom:.6rem}
.legal__sec h2 span{font-size:.9rem;color:var(--gold-600);font-family:var(--sans);font-weight:800}
.legal__sec p{color:var(--ink);line-height:1.75}
.legal__upd{margin-top:1.6rem;font-size:.85rem;color:var(--ink-soft)}
.legal__upd a{color:var(--gold-600);font-weight:700}

@media(max-width:780px){.contact__grid{grid-template-columns:1fr}.legal__body{padding:1.6rem}}
@media(max-width:560px){.contact__card textarea{font-size:16px}.contact{padding:2rem 1rem 4rem}.contact__card{padding:1.5rem 1.3rem}}