/* Rasid Professional Redesign - 2026-06-27 */
:root{
  --rasid-bg:#07111f;
  --rasid-bg2:#0f1b2d;
  --rasid-card:#ffffff;
  --rasid-ink:#101827;
  --rasid-muted:#64748b;
  --rasid-line:rgba(148,163,184,.18);
  --rasid-gold:#d6aa4b;
  --rasid-gold2:#f6d77b;
  --rasid-soft:#f8fafc;
  --rasid-radius:28px;
  --rasid-shadow:0 24px 70px rgba(2,6,23,.22);
}
html{scroll-behavior:smooth;scroll-padding-top:118px;}
body.rasid-pro-body{background:var(--rasid-bg)!important;color:#e5e7eb!important;font-family:Tajawal,Arial,Tahoma,sans-serif;}
.wrap{max-width:1180px;margin:0 auto;padding-inline:22px;}
.page{background:linear-gradient(180deg,#0b1627 0%,#07111f 100%)!important;min-height:70vh;}

/* Header */
.rasid-pro-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(8,17,31,.88)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 14px 40px rgba(0,0,0,.18)!important;}
.rasid-pro-nav{min-height:86px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;}
.rasid-pro-brand{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none!important;min-width:260px!important;}
.rasid-pro-logo{width:64px!important;height:64px!important;flex:0 0 64px!important;filter:drop-shadow(0 8px 18px rgba(214,170,75,.28));}
.rasid-pro-brand .brand-title{display:block!important;color:#fff!important;font-size:20px!important;font-weight:950!important;line-height:1.3!important;white-space:nowrap;}
.rasid-pro-brand small{display:block!important;color:var(--rasid-gold2)!important;font-size:13px!important;font-weight:850!important;margin-top:2px!important;}
.rasid-pro-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:1!important;}
.rasid-pro-links a{color:#e5e7eb!important;text-decoration:none!important;font-size:15px!important;font-weight:850!important;padding:10px 12px!important;border-radius:999px!important;white-space:nowrap!important;}
.rasid-pro-links a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.rasid-pro-actions{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;}
.btn,.lang{border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 18px!important;text-decoration:none!important;font-weight:900!important;line-height:1.2!important;}
.btn{background:linear-gradient(135deg,#f8da79,#c99024)!important;color:#111827!important;box-shadow:0 14px 30px rgba(214,170,75,.18)!important;}
.btn.secondary,.lang{background:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:none!important;}
.btn:hover,.lang:hover{transform:translateY(-1px);filter:brightness(1.04);}
.rasid-gold-btn{background:linear-gradient(135deg,#f9df88,#c68a20)!important;color:#111827!important;}

/* Home */
.rasid-home{background:radial-gradient(circle at 15% 8%,rgba(214,170,75,.20),transparent 30%),linear-gradient(180deg,#0b1627 0%,#07111f 68%,#07111f 100%)!important;color:#fff!important;overflow:hidden;}
.rasid-hero{padding:76px 0 56px;position:relative;}
.rasid-hero::after{content:"";position:absolute;inset:auto -20% -80px -20%;height:260px;background:radial-gradient(circle,rgba(214,170,75,.10),transparent 68%);pointer-events:none;}
.rasid-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:42px;align-items:center;position:relative;z-index:1;}
.rasid-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(214,170,75,.12);border:1px solid rgba(214,170,75,.35);color:#f9df88;border-radius:999px;padding:9px 14px;font-weight:950;font-size:14px;}
.rasid-hero h1{font-size:clamp(38px,5.6vw,72px);line-height:1.08;margin:18px 0 16px;color:#fff;font-weight:950;letter-spacing:-.7px;}
.rasid-hero p{color:#cbd5e1;font-size:18px;line-height:2.05;margin:0;max-width:720px;}
.rasid-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;}
.rasid-trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.rasid-trust-strip span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#e5e7eb;border-radius:999px;padding:9px 12px;font-weight:850;font-size:13px;}
.rasid-hero-visual{position:relative;min-height:520px;display:grid;place-items:center;}
.mock-phone{width:min(100%,390px);border-radius:42px;padding:18px;background:linear-gradient(145deg,#172238,#0b1322);border:1px solid rgba(255,255,255,.13);box-shadow:var(--rasid-shadow);position:relative;overflow:hidden;}
.mock-phone::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(214,170,75,.16);top:-70px;left:-80px;}
.mock-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:14px;margin-bottom:18px;}
.mock-top span{width:54px;height:8px;border-radius:99px;background:rgba(255,255,255,.22);}
.bot-message{position:relative;z-index:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;margin-top:14px;}
.bot-message.admin{background:linear-gradient(135deg,rgba(214,170,75,.20),rgba(255,255,255,.08));}
.bot-message strong{display:block;color:#fff;font-size:18px;margin-bottom:8px;}
.bot-message span{color:#cbd5e1;line-height:1.9;font-size:14px;}
.bot-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;}
.bot-actions span{background:#fff;color:#111827;border-radius:14px;padding:11px 8px;text-align:center;font-weight:950;font-size:13px;}
.floating-card{position:absolute;right:22px;bottom:36px;background:#fff;color:#111827;border-radius:22px;padding:17px 18px;box-shadow:0 20px 50px rgba(0,0,0,.25);border:1px solid rgba(214,170,75,.38);max-width:230px;}
.floating-card b,.floating-card span{display:block;}.floating-card span{color:#64748b;font-weight:800;margin-top:4px;}

/* Sections */
.rasid-section{padding:72px 0;position:relative;}
.rasid-section-head{max-width:820px;margin-bottom:28px;}
.rasid-section-head span{color:#f6d77b;font-weight:950;letter-spacing:.2px;}
.rasid-section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:8px 0 10px;color:#fff;font-weight:950;}
.rasid-section-head p{color:#cbd5e1;line-height:1.95;font-size:17px;margin:0;}
.rasid-card-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.rasid-service-card,.price-card,.template-grid article,.workflow-grid article,.contact-info-card,.pro-request-card{background:#fff;color:var(--rasid-ink);border-radius:var(--rasid-radius);border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 45px rgba(2,6,23,.10);}
.rasid-service-card{padding:26px;min-height:245px;display:flex;flex-direction:column;gap:12px;}
.rasid-service-card.featured{background:linear-gradient(135deg,#fff7df,#fff);border-color:rgba(214,170,75,.45);}
.service-icon{width:48px;height:48px;border-radius:18px;background:#101827;color:#f9df88;display:grid;place-items:center;font-weight:950;}
.rasid-service-card h3,.price-card h3,.template-grid b,.workflow-grid h3{color:#101827;font-weight:950;margin:0;font-size:22px;line-height:1.45;}
.rasid-service-card p,.workflow-grid p,.template-grid span{color:#475569;line-height:1.9;margin:0;font-weight:700;}

/* Pricing */
.rasid-pricing-section{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));}
.rasid-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;}
.price-card{padding:24px;display:flex;flex-direction:column;min-height:360px;position:relative;overflow:hidden;}
.price-card.highlight{background:linear-gradient(145deg,#fff8df,#fff);border:1px solid rgba(214,170,75,.55);box-shadow:0 22px 55px rgba(214,170,75,.15);}
.price-tag{position:absolute;top:18px;left:18px;background:#101827;color:#f9df88;border-radius:999px;padding:6px 11px;font-weight:950;font-size:12px;}
.price-card h3{padding-top:20px;min-height:92px;display:flex;align-items:center;}
.price{direction:rtl;text-align:right;display:flex;align-items:baseline;gap:8px;margin:8px 0 12px;color:#9a6512;white-space:nowrap;}
.price b{font-size:42px;line-height:1;font-weight:950;letter-spacing:-.5px;}.price span{font-size:17px;font-weight:950;}
.price-card ul{margin:0 0 18px;padding:0 18px;color:#334155;line-height:1.9;font-weight:750;}
.price-card .btn{margin-top:auto;width:100%;}
.scope-note{margin-top:18px;border-radius:24px;padding:18px 20px;background:#fff7df;border:1px solid rgba(214,170,75,.42);color:#3b2a0a;line-height:1.9;font-weight:850;}

/* Templates + workflow */
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.template-grid article{padding:22px;min-height:148px;}
.template-grid b{display:block;font-size:20px;margin-bottom:8px;}.template-grid span{display:block;}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:flow;}
.workflow-grid article{padding:24px;min-height:230px;}
.workflow-grid article > span{width:44px;height:44px;border-radius:16px;background:#101827;color:#f9df88;display:grid;place-items:center;font-weight:950;margin-bottom:14px;}
.rasid-final-cta{padding:40px 0 76px;}.final-cta-card{border-radius:34px;background:linear-gradient(135deg,#fff7df,#fff);color:#101827;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:32px!important;box-shadow:0 22px 60px rgba(2,6,23,.16);}
.final-cta-card h2{margin:0 0 8px;font-size:34px;color:#101827;}.final-cta-card p{margin:0;color:#475569;font-weight:800;line-height:1.8;}

/* Contact */
.rasid-contact-page{background:linear-gradient(180deg,#0b1627,#07111f)!important;}
.contact-hero{padding:62px 0 28px;}
.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:center;}
.contact-hero h1{font-size:clamp(32px,4.8vw,58px);line-height:1.18;color:#fff;margin:16px 0;}.contact-hero p{color:#cbd5e1;line-height:1.95;font-size:17px;}
.pro-contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;}
.pro-contact-cards .contact-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:22px!important;padding:16px!important;text-decoration:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;}
.pro-contact-cards .contact-card span{color:#cbd5e1!important;}.brand-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;}.brand-icon svg{width:28px;height:28px;}.wa-icon{background:#22c55e;}.tg-icon{background:#38bdf8;}
.contact-info-card{padding:28px;background:linear-gradient(135deg,#fff7df,#fff);}.contact-info-card h2{margin:0 0 14px;color:#101827;font-size:26px;}.contact-info-card ul{margin:0;padding:0 20px;color:#334155;line-height:2;font-weight:800;}
.contact-form-section{padding:24px 0 76px;}.pro-request-card{padding:30px!important;background:rgba(255,255,255,.96)!important;}
.form-title span{color:#9a6512;font-weight:950;}.form-title h2{margin:6px 0 8px;color:#101827;font-size:34px;}.form-title p{color:#475569;margin:0 0 20px;}
.pro-form input,.pro-form select,.pro-form textarea,.form input,.form select,.form textarea{border-radius:18px!important;border:1px solid rgba(15,23,42,.12)!important;background:#f8fafc!important;color:#101827!important;min-height:54px!important;padding:12px 16px!important;font-weight:750!important;}
.pro-form textarea{min-height:150px!important;resize:vertical;}.form-row.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.pro-phone-row{display:grid!important;grid-template-columns:210px 1fr!important;gap:12px!important;}
.contact-disclaimer{border-radius:18px;padding:14px 16px;background:#fff7df;border:1px solid rgba(214,170,75,.38);color:#3b2a0a;line-height:1.8;font-weight:850;}
.pro-form .btn{width:100%;font-size:17px;}

/* Footer */
.footer.rasid-pro-footer{background:linear-gradient(135deg,#07111f,#111c2f)!important;border-top:1px solid rgba(214,170,75,.30)!important;color:#fff!important;padding:46px 0 20px!important;margin-top:0!important;}
.rasid-footer-grid{display:grid!important;grid-template-columns:1.18fr .82fr .9fr!important;gap:34px!important;align-items:start!important;direction:rtl!important;}
.rasid-footer-brand{text-align:right!important;}.rasid-footer-logo-line{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:14px!important;}.rasid-footer-logo{width:66px!important;height:66px!important;flex:0 0 66px!important;}
.rasid-footer-brand strong{display:block!important;color:#fff!important;font-size:22px!important;font-weight:950!important;line-height:1.5!important;}.rasid-footer-brand small{display:block!important;color:#f6d77b!important;font-weight:850!important;}
.rasid-footer-brand p,.rasid-footer-payments p{color:#cbd5e1!important;line-height:1.9!important;font-size:15px!important;margin:0!important;}
.rasid-pro-footer h3{color:#f6d77b!important;margin:0 0 14px!important;font-weight:950!important;font-size:18px!important;}.rasid-footer-links{display:grid!important;gap:9px!important;}.rasid-footer-links a{color:#e5e7eb!important;text-decoration:none!important;font-weight:850!important;}.rasid-footer-links a:hover{color:#f6d77b!important;}
.payment-icons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important;}.payment-icons span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;border-radius:999px!important;padding:7px 12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-weight:900!important;font-size:13px!important;}
.rasid-footer-bottom{margin-top:30px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.10)!important;display:flex!important;justify-content:space-between!important;gap:12px!important;color:#cbd5e1!important;font-weight:850!important;direction:rtl!important;}
.contact-float{position:fixed!important;left:18px!important;bottom:22px!important;z-index:999!important;display:grid!important;gap:10px!important;}.contact-float a{width:58px!important;height:58px!important;border-radius:20px!important;display:grid!important;place-items:center!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important;}.contact-float .wa{background:#22c55e!important;}.contact-float .tg{background:#38bdf8!important;}.contact-float svg{width:34px!important;height:34px!important;}

/* Existing pages polish */
.card{border-radius:24px!important;}.notice{border-radius:18px!important;}.dashboard-page .card,.page .card{box-shadow:0 16px 45px rgba(2,6,23,.10)!important;}

@media(max-width:1100px){
  .rasid-pro-nav{flex-wrap:wrap;padding-block:10px;}.rasid-pro-links{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start!important;padding-bottom:4px;}.rasid-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
  .rasid-hero-grid,.contact-hero-grid,.rasid-card-grid.three,.template-grid,.rasid-footer-grid{grid-template-columns:1fr!important;}.rasid-hero{padding-top:42px;}.rasid-hero-visual{min-height:auto;}.floating-card{position:relative;right:auto;bottom:auto;margin-top:14px;}.mock-phone{width:100%;}.final-cta-card{flex-direction:column;align-items:flex-start;}.pro-phone-row,.form-row.two{grid-template-columns:1fr!important;}.pro-contact-cards{grid-template-columns:1fr;}.rasid-footer-bottom{flex-direction:column;text-align:center;}
}
@media(max-width:640px){
  .wrap{padding-inline:16px;}.rasid-pro-logo{width:54px!important;height:54px!important;}.rasid-pro-brand{min-width:0!important;}.rasid-pro-brand .brand-title{font-size:17px!important;white-space:normal;}.rasid-pro-actions{width:100%;justify-content:flex-start;overflow:auto;}.rasid-hero h1{font-size:38px;}.rasid-price-grid{grid-template-columns:1fr;}.price-card{min-height:auto;}.workflow-grid{grid-template-columns:1fr;}.contact-float{left:12px!important;bottom:14px!important;}.contact-float a{width:52px!important;height:52px!important;}.rasid-section{padding:52px 0;}
}