:root {
    --rawzan-navy: #07172b;
    --rawzan-blue: #1b9de2;
    --rawzan-green: #25b47e;
    --rawzan-red: #ed5b62;
    --rawzan-light: #f5f8fb;
    --rawzan-muted: #6c7c90;
}

.rawzan-home {
    background: #fff;
}

.rh-hero {
    position: relative;
    min-height: 660px;
    padding: 68px 0 112px;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 40%, rgba(27, 157, 226, .2), transparent 34%),
        linear-gradient(135deg, #051020 0%, var(--rawzan-navy) 52%, #0a2944 100%);
}

.rh-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .16;
    background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, #000, transparent 86%);
}

.rh-hero .container {
    position: relative;
    z-index: 1;
}

.rh-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
    align-items: center;
    gap: 3.5rem;
}

.rh-badge,
.rh-section-heading > span,
.rh-newsletter-inner > div > span {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1rem;
    color: var(--rawzan-blue);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.rh-badge {
    padding: .52rem .78rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #bfeaff;
    text-transform: none;
    letter-spacing: 0;
}

.rh-hero h1 {
    max-width: 700px;
    margin: 0 0 1.4rem;
    color: #fff !important;
    font-size: clamp(3rem, 4vw, 4.2rem) !important;
    line-height: 1.02 !important;
}

.rh-hero h1 span {
    color: #57c5ff;
}

.rh-hero-copy > p {
    max-width: 620px;
    margin-bottom: 1.8rem;
    color: rgba(255,255,255,.72);
    font-size: 1.08rem;
}

.rh-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
}

.rh-actions .btn,
.rh-btn-dark,
.rh-contact-form .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
}

.rh-btn-primary {
    border: 1px solid var(--rawzan-blue) !important;
    background: var(--rawzan-blue) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(27,157,226,.3);
}

.rh-btn-secondary {
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
}

.rh-btn-dark {
    border: 1px solid var(--rawzan-navy) !important;
    background: var(--rawzan-navy) !important;
    color: #fff !important;
}

.rh-map-wrap {
    position: relative;
    isolation: isolate;
}

.rh-map-wrap::after {
    content: "";
    position: absolute;
    inset: 14% 10%;
    z-index: -1;
    border-radius: 50%;
    background: rgba(27,157,226,.22);
    filter: blur(60px);
}

.rh-map-wrap img {
    width: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    border-radius: 8px;
    mix-blend-mode: screen;
    filter: saturate(1.2) contrast(1.08);
}

.rh-map-label {
    position: absolute;
    left: 50%;
    bottom: 8%;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    width: max-content;
    max-width: 90%;
    padding: .65rem .9rem;
    transform: translateX(-50%);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(5,16,32,.78);
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    backdrop-filter: blur(12px);
}

.rh-map-label i {
    color: var(--rawzan-red);
}

.rh-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 3rem;
    border-top: 1px solid rgba(255,255,255,.12);
}

.rh-stats div {
    padding: 1.4rem 1rem 0;
    border-left: 1px solid rgba(255,255,255,.12);
}

.rh-stats div:first-child {
    border-left: 0;
}

.rh-stats strong,
.rh-stats span {
    display: block;
    text-align: center;
}

.rh-stats strong {
    color: #fff;
    font-size: 1.8rem;
}

.rh-stats span {
    color: rgba(255,255,255,.58);
    font-size: .8rem;
    font-weight: 700;
}

.rh-feature-wrap {
    position: relative;
    z-index: 2;
    margin-top: -72px;
}

.rh-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.rh-feature-card {
    padding: 1.7rem;
    border: 1px solid #e4ebf1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(9,30,62,.12);
    transition: transform .22s ease, box-shadow .22s ease;
}

.rh-feature-card:hover,
.rh-video-card:hover,
.rh-testimonial:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 54px rgba(9,30,62,.14);
}

.rh-feature-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
    border-radius: 8px;
    font-size: 1.05rem;
}

.rh-blue { color: var(--rawzan-blue); background: #e8f6fd; }
.rh-red { color: var(--rawzan-red); background: #fff0f1; }
.rh-green { color: var(--rawzan-green); background: #eaf9f3; }

.rh-feature-card h2 {
    font-size: 1.14rem !important;
}

.rh-feature-card p {
    min-height: 76px;
    margin-bottom: 1rem;
    color: var(--rawzan-muted);
    font-size: .9rem;
}

.rh-feature-card a,
.rh-text-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--rawzan-navy);
    font-size: .82rem;
    font-weight: 800;
}

.rh-section {
    padding: 100px 0;
}

.rh-section-heading {
    max-width: 680px;
    margin-bottom: 2.2rem;
}

.rh-section-heading h2 {
    margin-bottom: .8rem;
    color: var(--rawzan-navy) !important;
    font-size: clamp(2rem, 4vw, 3.25rem) !important;
    line-height: 1.08 !important;
}

.rh-section-heading p {
    color: var(--rawzan-muted);
}

.rh-heading-row {
    max-width: none;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.rh-video-section,
.rh-founder-section {
    background: var(--rawzan-light);
}

.rh-channel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
}

.rh-channel {
    padding: 1.1rem;
    border: 1px solid #dde8ef;
    border-radius: 8px;
    background: #fff;
}

.rh-channel-head {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: .7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e7edf2;
}

.rh-channel-head > span {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #edf8fd;
    color: var(--rawzan-blue);
}

.rh-channel-head small,
.rh-person small {
    display: block;
    color: var(--rawzan-muted);
    font-size: .7rem;
    font-weight: 700;
}

.rh-channel-head h3 {
    margin: 0;
    font-size: 1rem !important;
}

.rh-channel-head > a {
    color: var(--rawzan-muted);
}

.rh-channel-videos {
    display: grid;
    gap: 1rem;
    padding-top: 1rem;
}

.rh-video-card {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    color: var(--rawzan-navy);
    transition: transform .22s ease, box-shadow .22s ease;
}

.rh-video-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 6px;
    background: var(--rawzan-navy);
}

.rh-video-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(4,13,27,.55), transparent 70%);
}

.rh-video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rh-video-thumb i {
    position: absolute;
    inset: 50% auto auto 50%;
    z-index: 2;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    color: var(--rawzan-red);
    font-size: .68rem;
}

.rh-video-thumb small {
    position: absolute;
    z-index: 2;
    right: 5px;
    bottom: 4px;
    color: #fff;
    font-size: .58rem;
    font-weight: 700;
}

.rh-video-card strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--rawzan-navy);
    font-size: .78rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rh-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.rh-testimonial {
    padding: 1.4rem;
    border: 1px solid #e2ebf1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 34px rgba(9,30,62,.07);
    transition: transform .22s ease, box-shadow .22s ease;
}

.rh-stars {
    display: flex;
    gap: .2rem;
    margin-bottom: 1rem;
    color: #f2b84b;
    font-size: .75rem;
}

.rh-testimonial p {
    min-height: 120px;
    color: #35465a;
    font-size: .9rem;
}

.rh-person {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.rh-person > span {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rawzan-navy);
    color: #fff;
    font-weight: 800;
}

.rh-social-section {
    border-top: 1px solid #e6edf2;
    border-bottom: 1px solid #e6edf2;
}

.rh-social-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
}

.rh-social-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
}

.rh-social-grid a {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 1px solid #e0e9f0;
    border-radius: 8px;
    background: #fff;
    color: var(--rawzan-navy);
    font-size: .75rem;
    font-weight: 800;
}

.rh-social-grid i { font-size: 1.35rem; }
.rh-social-grid .youtube i, .rh-social-grid .reddit i { color: #e5484d; }
.rh-social-grid .facebook i, .rh-social-grid .telegram i { color: #2684d7; }
.rh-social-grid .instagram i { color: #c13584; }
.rh-social-grid .tiktok i { color: #101828; }

.rh-founder-grid,
.rh-contact-grid {
    display: grid;
    grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: 5rem;
}

.rh-founder-visual {
    min-height: 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 40%, rgba(50,184,241,.32), transparent 28%),
        linear-gradient(145deg, #07172b, #0e3c5d);
}

.rh-founder-avatar {
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid rgba(255,255,255,.28);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0,0,0,.28);
}

.rh-founder-avatar img {
    width: 74%;
    height: 74%;
    object-fit: contain;
}

.rh-founder-visual > span {
    color: rgba(255,255,255,.72);
    font-size: .78rem;
    font-weight: 700;
}

.rh-founder-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem;
    margin-top: 2rem;
}

.rh-founder-stats div {
    padding: 1rem;
    border-left: 3px solid var(--rawzan-blue);
    background: #fff;
}

.rh-founder-stats strong,
.rh-founder-stats span {
    display: block;
}

.rh-founder-stats strong {
    color: var(--rawzan-navy);
}

.rh-founder-stats span {
    color: var(--rawzan-muted);
    font-size: .72rem;
    font-weight: 700;
}

.rh-contact-grid {
    grid-template-columns: .8fr 1.2fr;
}

.rh-contact-email {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .75rem 1rem;
    border-radius: 999px;
    background: #edf8fd;
    color: var(--rawzan-navy);
    font-weight: 800;
}

.rh-contact-form {
    padding: 1.6rem;
    border: 1px solid #e1eaf0;
    border-radius: 8px;
    background: var(--rawzan-light);
}

.rh-contact-form textarea.form-control {
    min-height: 130px;
}

.rh-form-status {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 700;
}

.rh-form-status.success { color: #116644; background: #e4f7ef; }
.rh-form-status.error { color: #a52a31; background: #fff0f1; }

.rh-newsletter {
    padding: 0 0 70px;
    background: #fff;
}

.rh-newsletter-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
    align-items: center;
    gap: 3rem;
    padding: 2.4rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #07172b, #0b3552);
}

.rh-newsletter-inner h2,
.rh-newsletter-inner p {
    color: #fff !important;
}

.rh-newsletter-inner h2 {
    margin-bottom: .35rem;
    font-size: 2rem !important;
}

.rh-newsletter-inner p {
    margin: 0;
    opacity: .65;
}

.rh-newsletter-inner form {
    display: grid;
    grid-template-columns: 1fr auto;
}

.rh-newsletter-inner input,
.rh-newsletter-inner button {
    min-height: 54px;
    border: 0;
}

.rh-newsletter-inner input {
    min-width: 0;
    padding: 0 1rem;
    border-radius: 6px 0 0 6px;
}

.rh-newsletter-inner button {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: 0 1.1rem;
    border-radius: 0 6px 6px 0;
    background: var(--rawzan-blue);
    color: #fff;
    font-weight: 800;
}

.rawzan-footer-message {
    color: rgba(255,255,255,.72);
}

[dir="rtl"] .rh-hero-grid,
[dir="rtl"] .rh-feature-grid,
[dir="rtl"] .rh-channel-grid,
[dir="rtl"] .rh-testimonial-grid,
[dir="rtl"] .rh-social-columns,
[dir="rtl"] .rh-founder-grid,
[dir="rtl"] .rh-contact-grid,
[dir="rtl"] .rh-newsletter-inner {
    direction: rtl;
}

[dir="rtl"] .rh-founder-stats div {
    border-left: 0;
    border-right: 3px solid var(--rawzan-blue);
}

@media (max-width: 1199.98px) {
    .rh-hero-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
    .rh-channel-grid { grid-template-columns: 1fr; }
    .rh-channel-videos { grid-template-columns: repeat(3, 1fr); }
    .rh-video-card { grid-template-columns: 1fr; }
    .rh-testimonial-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991.98px) {
    .rh-hero { min-height: auto; padding: 72px 0 110px; }
    .rh-hero-grid, .rh-founder-grid, .rh-contact-grid, .rh-newsletter-inner { grid-template-columns: 1fr; }
    .rh-map-wrap { max-width: 650px; }
    .rh-feature-grid { grid-template-columns: 1fr; }
    .rh-feature-card p { min-height: 0; }
    .rh-social-columns { grid-template-columns: 1fr; gap: 3rem; }
    .rh-founder-visual { min-height: 360px; }
}

@media (max-width: 767.98px) {
    .rh-hero h1 { font-size: 2.7rem !important; }
    .rh-stats { grid-template-columns: repeat(2, 1fr); }
    .rh-stats div:nth-child(3) { border-left: 0; }
    .rh-section { padding: 68px 0; }
    .rh-heading-row { display: block; }
    .rh-heading-row .rh-text-link { margin-top: .5rem; }
    .rh-channel-videos { grid-template-columns: 1fr; }
    .rh-video-card { grid-template-columns: 130px minmax(0, 1fr); }
    .rh-testimonial-grid { grid-template-columns: 1fr; }
    .rh-testimonial p { min-height: 0; }
    .rh-social-grid { grid-template-columns: repeat(3, 1fr); }
    .rh-newsletter-inner form { grid-template-columns: 1fr; gap: .5rem; }
    .rh-newsletter-inner input, .rh-newsletter-inner button { border-radius: 6px; }
}

@media (max-width: 575.98px) {
    .rh-hero { padding-top: 56px; }
    .rh-hero h1 { font-size: 2.35rem !important; }
    .rh-actions .btn { width: 100%; }
    .rh-map-label { white-space: normal; text-align: center; }
    .rh-stats { margin-top: 2.5rem; }
    .rh-stats div { padding: 1rem .4rem 0; }
    .rh-feature-wrap { margin-top: -58px; }
    .rh-section-heading h2 { font-size: 2rem !important; }
    .rh-video-card { grid-template-columns: 112px minmax(0, 1fr); }
    .rh-social-grid { grid-template-columns: 1fr; }
    .rh-social-grid a { min-height: 72px; flex-direction: row; }
    .rh-founder-stats { grid-template-columns: 1fr; }
    .rh-newsletter-inner { padding: 1.35rem; gap: 1.5rem; }
}