.contact-center{max-width:1050px;margin:0 auto;padding:12px 0 35px}.contact-hero{display:flex;align-items:center;gap:18px;padding:28px 30px;border:1px solid #dce8e2;border-radius:24px;background:linear-gradient(135deg,#f4fbf8,#fff);margin-bottom:18px}.contact-hero-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:#e3f4ed;color:#087d52;font-size:27px;flex:0 0 auto}.contact-hero h1{font-size:clamp(1.55rem,3vw,2.15rem);margin:0 0 7px;font-weight:800}.contact-hero p{margin:0;color:#66766f;line-height:1.8}.contact-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:7px;border:1px solid #dfe8e4;border-radius:18px;background:#f6f9f8;margin-bottom:18px}.contact-tabs button{min-height:54px;border:0;border-radius:13px;background:transparent;color:#586a63;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.contact-tabs button.is-active{background:#fff;color:#008b57;box-shadow:0 7px 22px rgba(15,23,42,.08)}.contact-panel{display:none;border:1px solid #dfe8e4;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 14px 42px rgba(15,23,42,.05)}.contact-panel.is-active{display:block}.contact-panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #edf2ef;background:linear-gradient(135deg,#fbfdfc,#f3faf7)}.contact-panel-head span{font-size:.82rem;color:#008b57;font-weight:800}.contact-panel-head h2{font-size:1.45rem;margin:3px 0 0}.contact-panel-head>i{font-size:30px;color:#74a895}.contact-form{padding:28px;display:grid;gap:18px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label>span{display:block;font-weight:750;margin-bottom:8px;color:#34443e}.contact-form input:not([type=checkbox]):not([type=file]),.contact-form textarea,.contact-form select{width:100%;border:1px solid #d7e2dd;border-radius:13px;background:#fbfdfc;color:#1f2d28;padding:12px 14px;outline:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#2cab7c;box-shadow:0 0 0 4px rgba(0,139,87,.1);background:#fff}.contact-submit{justify-self:start;border:0;border-radius:13px;background:#008b57;color:#fff;font-weight:800;padding:13px 24px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 8px 22px rgba(0,139,87,.2)}.contact-submit:hover{background:#007347}.contact-alert{display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:14px;margin:0 0 16px;font-weight:700}.contact-alert.is-success{background:#eaf8f2;color:#08744e;border:1px solid #ccebdd}.contact-alert.is-error{background:#fff1f1;color:#b33b3b;border:1px solid #f3cccc}.contact-security-note{margin:20px 28px 0;padding:13px 15px;background:#eff8f4;border:1px solid #d4ebe1;border-radius:13px;color:#42655a;display:flex;gap:10px;align-items:center}.contact-classifier{padding:18px;border:1px solid #dae7e1;border-radius:18px;background:#f8fbfa}.classifier-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.classifier-title>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e3f3ec;color:#087b52}.classifier-title strong,.classifier-title small{display:block}.classifier-title small{color:#7b8b85;margin-top:2px}.classifier-grid{grid-template-columns:repeat(2,1fr)}.classifier-result{margin-top:14px;padding:12px 14px;background:#eaf8f2;border-radius:12px;color:#08744e;display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.classifier-result[hidden]{display:none}.classifier-result b{color:#9aaba4;padding:0 3px}.contact-dropzone{border:1.5px dashed #9bc9b7;border-radius:18px;background:#f7fcfa;padding:25px;text-align:center;cursor:pointer}.contact-dropzone input{position:absolute;opacity:0;pointer-events:none}.contact-dropzone>i{display:block;font-size:34px;color:#159568;margin-bottom:7px}.contact-dropzone strong,.contact-dropzone small{display:block}.contact-dropzone small{color:#7b8b85;margin-top:5px}.contact-consent{display:flex;align-items:flex-start;gap:9px}.contact-consent input{margin-top:5px}.contact-consent span{margin:0!important;font-size:.9rem;color:#65756f!important}.contact-form small{font-weight:500;color:#89968f}
@media(max-width:700px){.contact-center{padding-top:0}.contact-hero{padding:20px;align-items:flex-start;border-radius:19px}.contact-hero-icon{width:48px;height:48px;border-radius:14px;font-size:21px}.contact-tabs{position:sticky;top:62px;z-index:20}.contact-tabs button{font-size:.88rem}.contact-panel{border-radius:19px}.contact-panel-head{padding:19px}.contact-form{padding:18px;gap:15px}.contact-grid,.classifier-grid{grid-template-columns:1fr}.contact-security-note{margin:16px 18px 0}.contact-submit{width:100%;justify-content:center}.classifier-result{font-size:.8rem;line-height:1.7}.contact-hero p{font-size:.9rem}}
[data-theme=dark] .contact-hero,body.dark-mode .contact-hero{background:linear-gradient(135deg,#17251f,#131b18);border-color:#34473f;color:#edf5f1}[data-theme=dark] .contact-hero p,body.dark-mode .contact-hero p{color:#9baea6}[data-theme=dark] .contact-tabs,body.dark-mode .contact-tabs{background:#111a17;border-color:#33433d}[data-theme=dark] .contact-tabs button,body.dark-mode .contact-tabs button{color:#9db0a8}[data-theme=dark] .contact-tabs button.is-active,body.dark-mode .contact-tabs button.is-active{background:#21312a;color:#62d5a8;box-shadow:none}[data-theme=dark] .contact-panel,body.dark-mode .contact-panel{background:#141d1a;border-color:#33443d;color:#e7f0ec}[data-theme=dark] .contact-panel-head,body.dark-mode .contact-panel-head{background:#17231f;border-color:#2d3c36}[data-theme=dark] .contact-form input:not([type=checkbox]):not([type=file]),[data-theme=dark] .contact-form textarea,[data-theme=dark] .contact-form select,body.dark-mode .contact-form input:not([type=checkbox]):not([type=file]),body.dark-mode .contact-form textarea,body.dark-mode .contact-form select{background:#101815;border-color:#35473f;color:#e8f1ed}[data-theme=dark] .contact-classifier,body.dark-mode .contact-classifier{background:#111a17;border-color:#34463e}[data-theme=dark] .contact-dropzone,body.dark-mode .contact-dropzone{background:#111b17;border-color:#477363}[data-theme=dark] .contact-security-note,body.dark-mode .contact-security-note{background:#182820;border-color:#345444;color:#a9c8bb}[data-theme=dark] .contact-form label>span,body.dark-mode .contact-form label>span{color:#d5e3dd}
.contact-tabs a{min-height:54px;border:0;border-radius:13px;background:transparent;color:#586a63;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.contact-tabs a.is-active{background:#fff;color:#008b57;box-shadow:0 7px 22px rgba(15,23,42,.08)}[data-theme=dark] .contact-tabs a,body.dark-mode .contact-tabs a{color:#9db0a8}[data-theme=dark] .contact-tabs a.is-active,body.dark-mode .contact-tabs a.is-active{background:#21312a;color:#62d5a8;box-shadow:none}@media(max-width:700px){.contact-tabs a{font-size:.88rem}}
.contact-form .cf-turnstile{min-height:65px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.contact-tab-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.contact-panel-file-icon{width:34px;height:34px;fill:none;stroke:#74a895;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.contact-source-divider{display:flex;align-items:center;gap:12px;color:#8a9992;font-size:.78rem;font-weight:800}.contact-source-divider::before,.contact-source-divider::after{content:"";height:1px;background:#dce6e1;flex:1}
.contact-submit{min-width:180px;min-height:48px;justify-content:center;transition:background .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}
.contact-submit:hover{transform:translateY(-1px)}
.contact-submit:disabled,.contact-submit.is-loading{cursor:wait;background:#4b9d7d;box-shadow:none;transform:none;opacity:.88}
.contact-spinner{width:18px;height:18px;display:inline-block;flex:0 0 auto;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:contact-spin .7s linear infinite}
@keyframes contact-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.contact-submit{transition:none}.contact-spinner{animation-duration:1.4s}}
@media(max-width:700px){
  .contact-center{padding-bottom:22px}
  .contact-hero{padding:15px 16px;gap:12px;margin-bottom:12px}
  .contact-hero-icon{width:42px;height:42px;border-radius:12px;font-size:19px}
  .contact-hero h1{font-size:1.35rem;margin-bottom:3px}
  .contact-hero p{font-size:.82rem;line-height:1.6}
  .contact-tabs{gap:6px;padding:5px;margin-bottom:12px;border-radius:15px}
  .contact-tabs a{min-height:46px;font-size:.84rem;border-radius:10px}
  .contact-panel-head{padding:15px 17px}
  .contact-panel-head span{font-size:.75rem}
  .contact-panel-head h2{font-size:1.12rem;line-height:1.55;margin-top:2px}
  .contact-panel-file-icon{width:28px;height:28px}
  .contact-form{padding:15px;gap:13px}
  .contact-form label>span{font-size:.88rem;margin-bottom:6px}
  .contact-form input:not([type=checkbox]):not([type=file]),.contact-form textarea,.contact-form select{padding:10px 12px;border-radius:11px;font-size:.92rem}
  .contact-classifier{padding:13px;border-radius:15px}
  .classifier-title{gap:9px;margin-bottom:11px}
  .classifier-title>i{width:34px;height:34px;border-radius:10px;font-size:.92rem}
  .contact-dropzone{padding:18px 12px;border-radius:15px}
  .contact-dropzone>i{font-size:29px;margin-bottom:5px}
  .contact-dropzone strong{font-size:.92rem}
  .contact-dropzone small{font-size:.76rem}
  .contact-submit{min-height:45px;padding:11px 18px;border-radius:11px}
}

/* تبويبا التواصل بطاقتان مستقلتان بدل صندوق مشترك. */
.contact-tabs{gap:12px;padding:0;border:0;background:transparent;border-radius:0}
.contact-tabs a{min-height:56px;border:1px solid #dbe7e1;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.045)}
.contact-tabs a:hover{border-color:#9bcbb8;color:#087b52;background:#fbfefc}
.contact-tabs a.is-active{border-color:#88c8ad;background:#eef9f4;color:#078757;box-shadow:0 7px 20px rgba(7,139,87,.09)}
[data-theme=dark] .contact-tabs,body.dark-mode .contact-tabs{background:transparent;border:0}
[data-theme=dark] .contact-tabs a,body.dark-mode .contact-tabs a{background:#151f1b;border-color:#34473f}
[data-theme=dark] .contact-tabs a.is-active,body.dark-mode .contact-tabs a.is-active{background:#1c3028;border-color:#39745d}
@media(max-width:700px){
  .contact-tabs{gap:8px}
  .contact-tabs a{min-height:48px;border-radius:13px;box-shadow:0 4px 13px rgba(15,23,42,.04)}
}