{"id":1727,"date":"2026-05-24T08:13:13","date_gmt":"2026-05-24T08:13:13","guid":{"rendered":"https:\/\/mhrmasum.info\/staging\/?page_id=1727"},"modified":"2026-05-25T06:46:08","modified_gmt":"2026-05-25T06:46:08","slug":"new-home","status":"publish","type":"page","link":"https:\/\/mhrmasum.info\/staging\/","title":{"rendered":"new home"},"content":{"rendered":"<style id=\"wp-custom-css\">\n\/* ============================================<br \/>\n   mhrmasum.info \u00e2\u20ac\u201d Global CSS<br \/>\n   Paste this into: Appearance > Customize > Additional CSS<br \/>\n============================================ *\/<\/p>\n<p>\/* =========================================<br \/>\n     GLOBAL RESET & BASE<br \/>\n  ========================================= *\/<br \/>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  :root {<br \/>\n    --grad-1: #6C3EF6;<br \/>\n    --grad-2: #00C6FB;<br \/>\n    --grad-3: #3B82F6;<br \/>\n    --accent: #00E5FF;<br \/>\n    --accent2: #A855F7;<br \/>\n    --dark: #0A0A1A;<br \/>\n    --dark2: #0F0F2A;<br \/>\n    --card: rgba(255,255,255,0.05);<br \/>\n    --card-border: rgba(255,255,255,0.1);<br \/>\n    --text: #E2E8F0;<br \/>\n    --text-muted: #94A3B8;<br \/>\n    --white: #fff;<br \/>\n    --radius: 18px;<br \/>\n    --shadow: 0 25px 60px rgba(0,0,0,0.4);<br \/>\n  }<\/p>\n<p>  html { scroll-behavior: smooth; }<\/p>\n<p>  body {<br \/>\n    background: var(--dark);<br \/>\n    color: var(--text);<br \/>\n    font-family: 'Inter', sans-serif;<br \/>\n    line-height: 1.7;<br \/>\n    overflow-x: hidden;<br \/>\n  }<\/p>\n<p>  h1,h2,h3,h4,h5 { font-family: 'Space Grotesk', sans-serif; line-height: 1.2; }<\/p>\n<p>  a { color: var(--accent); text-decoration: none; transition: opacity .2s; }<br \/>\n  a:hover { opacity: 0.8; }<\/p>\n<p>  img { max-width: 100%; display: block; }<\/p>\n<p>  .container {<br \/>\n    max-width: 1160px;<br \/>\n    margin: 0 auto;<br \/>\n    padding: 0 24px;<br \/>\n  }<\/p>\n<p>  .gradient-text {<br \/>\n    background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n  }<\/p>\n<p>  .gradient-bg {<br \/>\n    background: linear-gradient(135deg, var(--grad-1) 0%, var(--grad-2) 100%);<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     NAVIGATION<br \/>\n  ========================================= *\/<br \/>\n  .nav {<br \/>\n    position: fixed;<br \/>\n    top: 0; left: 0; right: 0;<br \/>\n    z-index: 1000;<br \/>\n    padding: 18px 0;<br \/>\n    background: rgba(10,10,26,0.85);<br \/>\n    backdrop-filter: blur(20px);<br \/>\n    border-bottom: 1px solid rgba(255,255,255,0.06);<br \/>\n    transition: all .3s;<br \/>\n  }<\/p>\n<p>  .nav-inner {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: space-between;<br \/>\n    max-width: 1160px;<br \/>\n    margin: 0 auto;<br \/>\n    padding: 0 24px;<br \/>\n  }<\/p>\n<p>  .nav-logo {<br \/>\n    font-family: 'Space Grotesk', sans-serif;<br \/>\n    font-size: 22px;<br \/>\n    font-weight: 700;<br \/>\n    background: linear-gradient(135deg, #00E5FF, #A855F7);<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n  }<\/p>\n<p>  .nav-links {<br \/>\n    display: flex;<br \/>\n    gap: 32px;<br \/>\n    list-style: none;<br \/>\n  }<\/p>\n<p>  .nav-links a {<br \/>\n    color: var(--text-muted);<br \/>\n    font-size: 14px;<br \/>\n    font-weight: 500;<br \/>\n    letter-spacing: 0.5px;<br \/>\n    transition: color .2s;<br \/>\n  }<\/p>\n<p>  .nav-links a:hover { color: var(--white); opacity: 1; }<\/p>\n<p>  .nav-cta {<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    color: white !important;<br \/>\n    padding: 10px 22px;<br \/>\n    border-radius: 50px;<br \/>\n    font-size: 14px;<br \/>\n    font-weight: 600;<br \/>\n    opacity: 1 !important;<br \/>\n    transition: transform .2s, box-shadow .2s !important;<br \/>\n  }<\/p>\n<p>  .nav-cta:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    box-shadow: 0 8px 24px rgba(108,62,246,0.5);<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     HERO SECTION<br \/>\n  ========================================= *\/<br \/>\n  .hero {<br \/>\n    min-height: 100vh;<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    position: relative;<br \/>\n    overflow: hidden;<br \/>\n    padding: 120px 0 80px;<br \/>\n    background: var(--dark);<br \/>\n  }<\/p>\n<p>  .hero-bg {<br \/>\n    position: absolute;<br \/>\n    inset: 0;<br \/>\n    background:<br \/>\n      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(108,62,246,0.25) 0%, transparent 60%),<br \/>\n      radial-gradient(ellipse 60% 50% at 20% 80%, rgba(0,198,251,0.15) 0%, transparent 60%),<br \/>\n      radial-gradient(ellipse 40% 40% at 50% 10%, rgba(168,85,247,0.2) 0%, transparent 60%);<br \/>\n    pointer-events: none;<br \/>\n  }<\/p>\n<p>  .hero-grid {<br \/>\n    position: absolute;<br \/>\n    inset: 0;<br \/>\n    background-image:<br \/>\n      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),<br \/>\n      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);<br \/>\n    background-size: 60px 60px;<br \/>\n    pointer-events: none;<br \/>\n  }<\/p>\n<p>  .hero-inner {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1fr;<br \/>\n    gap: 60px;<br \/>\n    align-items: center;<br \/>\n    position: relative;<br \/>\n    z-index: 2;<br \/>\n  }<\/p>\n<p>  .hero-badge {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background: rgba(108,62,246,0.15);<br \/>\n    border: 1px solid rgba(108,62,246,0.35);<br \/>\n    border-radius: 50px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 500;<br \/>\n    color: var(--accent);<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .hero-badge::before {<br \/>\n    content: '';<br \/>\n    width: 8px; height: 8px;<br \/>\n    border-radius: 50%;<br \/>\n    background: var(--accent);<br \/>\n    animation: pulse 2s infinite;<br \/>\n  }<\/p>\n<p>  @keyframes pulse {<br \/>\n    0%, 100% { opacity: 1; transform: scale(1); }<br \/>\n    50% { opacity: 0.5; transform: scale(0.8); }<br \/>\n  }<\/p>\n<p>  .hero h1 {<br \/>\n    font-size: clamp(42px, 5vw, 68px);<br \/>\n    font-weight: 800;<br \/>\n    letter-spacing: -1.5px;<br \/>\n    margin-bottom: 20px;<br \/>\n    color: var(--white);<br \/>\n  }<\/p>\n<p>  .hero h1 span {<br \/>\n    display: block;<br \/>\n    background: linear-gradient(135deg, #00E5FF 0%, #A855F7 50%, #3B82F6 100%);<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n  }<\/p>\n<p>  .hero-desc {<br \/>\n    font-size: 18px;<br \/>\n    color: var(--text-muted);<br \/>\n    max-width: 500px;<br \/>\n    margin-bottom: 40px;<br \/>\n    line-height: 1.8;<br \/>\n  }<\/p>\n<p>  .hero-desc strong { color: var(--text); }<\/p>\n<p>  .hero-tags {<br \/>\n    display: flex;<br \/>\n    flex-wrap: wrap;<br \/>\n    gap: 10px;<br \/>\n    margin-bottom: 40px;<br \/>\n  }<\/p>\n<p>  .hero-tag {<br \/>\n    background: rgba(255,255,255,0.06);<br \/>\n    border: 1px solid rgba(255,255,255,0.1);<br \/>\n    border-radius: 50px;<br \/>\n    padding: 6px 14px;<br \/>\n    font-size: 13px;<br \/>\n    color: var(--text-muted);<br \/>\n    transition: all .2s;<br \/>\n    cursor: default;<br \/>\n  }<\/p>\n<p>  .hero-tag:hover {<br \/>\n    background: rgba(108,62,246,0.2);<br \/>\n    border-color: rgba(108,62,246,0.4);<br \/>\n    color: var(--white);<br \/>\n  }<\/p>\n<p>  .hero-cta-group {<br \/>\n    display: flex;<br \/>\n    gap: 16px;<br \/>\n    flex-wrap: wrap;<br \/>\n  }<\/p>\n<p>  .btn-primary {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    color: white;<br \/>\n    padding: 14px 30px;<br \/>\n    border-radius: 50px;<br \/>\n    font-size: 15px;<br \/>\n    font-weight: 600;<br \/>\n    transition: transform .2s, box-shadow .2s;<br \/>\n    box-shadow: 0 8px 30px rgba(108,62,246,0.4);<br \/>\n  }<\/p>\n<p>  .btn-primary:hover {<br \/>\n    transform: translateY(-3px);<br \/>\n    box-shadow: 0 14px 40px rgba(108,62,246,0.55);<br \/>\n    opacity: 1;<br \/>\n  }<\/p>\n<p>  .btn-outline {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background: rgba(255,255,255,0.05);<br \/>\n    border: 1.5px solid rgba(255,255,255,0.15);<br \/>\n    color: var(--text);<br \/>\n    padding: 14px 30px;<br \/>\n    border-radius: 50px;<br \/>\n    font-size: 15px;<br \/>\n    font-weight: 600;<br \/>\n    transition: all .2s;<br \/>\n  }<\/p>\n<p>  .btn-outline:hover {<br \/>\n    background: rgba(255,255,255,0.1);<br \/>\n    border-color: rgba(255,255,255,0.3);<br \/>\n    opacity: 1;<br \/>\n  }<\/p>\n<p>  \/* Hero right: photo card *\/<br \/>\n  .hero-photo-wrap {<br \/>\n    display: flex;<br \/>\n    justify-content: center;<br \/>\n    align-items: center;<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .hero-photo-card {<br \/>\n    position: relative;<br \/>\n    border-radius: 28px;<br \/>\n    overflow: hidden;<br \/>\n    width: 380px;<br \/>\n    height: 460px;<br \/>\n    box-shadow: 0 40px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);<br \/>\n  }<\/p>\n<p>  .hero-photo-card img {<br \/>\n    width: 100%;<br \/>\n    height: 100%;<br \/>\n    object-fit: cover;<br \/>\n  }<\/p>\n<p>  .hero-photo-card::after {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    inset: 0;<br \/>\n    background: linear-gradient(to top, rgba(10,10,26,0.8) 0%, transparent 50%);<br \/>\n  }<\/p>\n<p>  .hero-photo-glow {<br \/>\n    position: absolute;<br \/>\n    width: 300px; height: 300px;<br \/>\n    border-radius: 50%;<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.5), rgba(0,198,251,0.3));<br \/>\n    filter: blur(80px);<br \/>\n    top: 50%; left: 50%;<br \/>\n    transform: translate(-50%, -50%);<br \/>\n    z-index: -1;<br \/>\n  }<\/p>\n<p>  .hero-stat-cards {<br \/>\n    position: absolute;<br \/>\n    bottom: -16px; left: -24px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 10px;<br \/>\n    z-index: 10;<br \/>\n  }<\/p>\n<p>  .hero-stat-card {<br \/>\n    background: rgba(15,15,42,0.95);<br \/>\n    backdrop-filter: blur(20px);<br \/>\n    border: 1px solid rgba(255,255,255,0.1);<br \/>\n    border-radius: 14px;<br \/>\n    padding: 12px 18px;<br \/>\n    min-width: 160px;<br \/>\n  }<\/p>\n<p>  .hero-stat-num {<br \/>\n    font-family: 'Space Grotesk', sans-serif;<br \/>\n    font-size: 22px;<br \/>\n    font-weight: 700;<br \/>\n    background: linear-gradient(135deg, #00E5FF, #A855F7);<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n  }<\/p>\n<p>  .hero-stat-label {<br \/>\n    font-size: 12px;<br \/>\n    color: var(--text-muted);<br \/>\n  }<\/p>\n<p>  .hero-scroll {<br \/>\n    position: absolute;<br \/>\n    bottom: 40px;<br \/>\n    left: 50%;<br \/>\n    transform: translateX(-50%);<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    color: var(--text-muted);<br \/>\n    font-size: 12px;<br \/>\n    letter-spacing: 2px;<br \/>\n    text-transform: uppercase;<br \/>\n  }<\/p>\n<p>  .hero-scroll::after {<br \/>\n    content: '';<br \/>\n    width: 1px;<br \/>\n    height: 50px;<br \/>\n    background: linear-gradient(to bottom, var(--text-muted), transparent);<br \/>\n    animation: scrollLine 2s infinite;<br \/>\n  }<\/p>\n<p>  @keyframes scrollLine {<br \/>\n    0% { transform: scaleY(0); transform-origin: top; }<br \/>\n    50% { transform: scaleY(1); transform-origin: top; }<br \/>\n    51% { transform: scaleY(1); transform-origin: bottom; }<br \/>\n    100% { transform: scaleY(0); transform-origin: bottom; }<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     SECTION HEADER<br \/>\n  ========================================= *\/<br \/>\n  .section-header {<br \/>\n    text-align: center;<br \/>\n    margin-bottom: 64px;<br \/>\n  }<\/p>\n<p>  .section-pill {<br \/>\n    display: inline-block;<br \/>\n    background: rgba(108,62,246,0.15);<br \/>\n    border: 1px solid rgba(108,62,246,0.3);<br \/>\n    color: var(--accent);<br \/>\n    font-size: 12px;<br \/>\n    font-weight: 600;<br \/>\n    letter-spacing: 2px;<br \/>\n    text-transform: uppercase;<br \/>\n    padding: 6px 16px;<br \/>\n    border-radius: 50px;<br \/>\n    margin-bottom: 16px;<br \/>\n  }<\/p>\n<p>  .section-title {<br \/>\n    font-size: clamp(32px, 4vw, 48px);<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n    letter-spacing: -0.5px;<br \/>\n    margin-bottom: 16px;<br \/>\n  }<\/p>\n<p>  .section-desc {<br \/>\n    font-size: 17px;<br \/>\n    color: var(--text-muted);<br \/>\n    max-width: 560px;<br \/>\n    margin: 0 auto;<br \/>\n    line-height: 1.8;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     STATS BAND<br \/>\n  ========================================= *\/<br \/>\n  .stats-band {<br \/>\n    padding: 60px 0;<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.08), rgba(0,198,251,0.05));<br \/>\n    border-top: 1px solid rgba(255,255,255,0.06);<br \/>\n    border-bottom: 1px solid rgba(255,255,255,0.06);<br \/>\n  }<\/p>\n<p>  .stats-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(4, 1fr);<br \/>\n    gap: 40px;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  .stat-item {}<\/p>\n<p>  .stat-num {<br \/>\n    font-family: 'Space Grotesk', sans-serif;<br \/>\n    font-size: 52px;<br \/>\n    font-weight: 800;<br \/>\n    background: linear-gradient(135deg, #00E5FF, #A855F7);<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n    line-height: 1;<br \/>\n    margin-bottom: 8px;<br \/>\n  }<\/p>\n<p>  .stat-label {<br \/>\n    font-size: 15px;<br \/>\n    color: var(--text-muted);<br \/>\n    font-weight: 500;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     ABOUT \/ PROFILE SECTION<br \/>\n  ========================================= *\/<br \/>\n  .about {<br \/>\n    padding: 100px 0;<br \/>\n  }<\/p>\n<p>  .about-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1.1fr;<br \/>\n    gap: 80px;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .about-image-wrap {<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .about-image {<br \/>\n    border-radius: 24px;<br \/>\n    overflow: hidden;<br \/>\n    position: relative;<br \/>\n    box-shadow: var(--shadow);<br \/>\n  }<\/p>\n<p>  .about-image img {<br \/>\n    width: 100%;<br \/>\n    height: 480px;<br \/>\n    object-fit: cover;<br \/>\n  }<\/p>\n<p>  .about-image-border {<br \/>\n    position: absolute;<br \/>\n    inset: -2px;<br \/>\n    border-radius: 26px;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    z-index: -1;<br \/>\n  }<\/p>\n<p>  .about-exp-badge {<br \/>\n    position: absolute;<br \/>\n    bottom: 28px;<br \/>\n    right: -20px;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    border-radius: 18px;<br \/>\n    padding: 18px 22px;<br \/>\n    text-align: center;<br \/>\n    box-shadow: 0 20px 40px rgba(108,62,246,0.4);<br \/>\n  }<\/p>\n<p>  .about-exp-badge .num {<br \/>\n    font-family: 'Space Grotesk', sans-serif;<br \/>\n    font-size: 36px;<br \/>\n    font-weight: 800;<br \/>\n    color: white;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  .about-exp-badge .label {<br \/>\n    font-size: 11px;<br \/>\n    color: rgba(255,255,255,0.8);<br \/>\n    font-weight: 500;<br \/>\n    text-transform: uppercase;<br \/>\n    letter-spacing: 1px;<br \/>\n  }<\/p>\n<p>  .about-content {}<\/p>\n<p>  .about-intro {<br \/>\n    font-size: 17px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.9;<br \/>\n    margin-bottom: 32px;<br \/>\n  }<\/p>\n<p>  .about-intro strong { color: var(--text); }<\/p>\n<p>  .about-info-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1fr;<br \/>\n    gap: 12px;<br \/>\n    margin-bottom: 36px;<br \/>\n  }<\/p>\n<p>  .about-info-item {<br \/>\n    display: flex;<br \/>\n    align-items: flex-start;<br \/>\n    gap: 10px;<br \/>\n  }<\/p>\n<p>  .about-info-label {<br \/>\n    font-size: 13px;<br \/>\n    color: var(--text-muted);<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .about-info-val {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--text);<br \/>\n    font-weight: 500;<br \/>\n  }<\/p>\n<p>  .about-socials {<br \/>\n    display: flex;<br \/>\n    gap: 12px;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-top: 8px;<br \/>\n  }<\/p>\n<p>  .social-btn {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background: rgba(255,255,255,0.05);<br \/>\n    border: 1px solid rgba(255,255,255,0.1);<br \/>\n    color: var(--text-muted);<br \/>\n    padding: 9px 18px;<br \/>\n    border-radius: 50px;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 500;<br \/>\n    transition: all .2s;<br \/>\n  }<\/p>\n<p>  .social-btn:hover {<br \/>\n    background: rgba(108,62,246,0.2);<br \/>\n    border-color: rgba(108,62,246,0.4);<br \/>\n    color: var(--accent);<br \/>\n    opacity: 1;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     SKILLS SECTION<br \/>\n  ========================================= *\/<br \/>\n  .skills {<br \/>\n    padding: 100px 0;<br \/>\n    background: linear-gradient(180deg, rgba(108,62,246,0.04) 0%, transparent 100%);<br \/>\n  }<\/p>\n<p>  .skills-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(2, 1fr);<br \/>\n    gap: 28px;<br \/>\n  }<\/p>\n<p>  .skill-card {<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    border-radius: var(--radius);<br \/>\n    padding: 28px;<br \/>\n    transition: transform .3s, border-color .3s;<br \/>\n  }<\/p>\n<p>  .skill-card:hover {<br \/>\n    transform: translateY(-4px);<br \/>\n    border-color: rgba(108,62,246,0.4);<br \/>\n  }<\/p>\n<p>  .skill-header {<br \/>\n    display: flex;<br \/>\n    justify-content: space-between;<br \/>\n    align-items: center;<br \/>\n    margin-bottom: 14px;<br \/>\n  }<\/p>\n<p>  .skill-name {<br \/>\n    font-size: 15px;<br \/>\n    font-weight: 600;<br \/>\n    color: var(--text);<br \/>\n  }<\/p>\n<p>  .skill-pct {<br \/>\n    font-family: 'Space Grotesk', sans-serif;<br \/>\n    font-size: 15px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--accent);<br \/>\n  }<\/p>\n<p>  .skill-bar {<br \/>\n    height: 6px;<br \/>\n    background: rgba(255,255,255,0.08);<br \/>\n    border-radius: 10px;<br \/>\n    overflow: hidden;<br \/>\n  }<\/p>\n<p>  .skill-fill {<br \/>\n    height: 100%;<br \/>\n    border-radius: 10px;<br \/>\n    background: linear-gradient(90deg, var(--grad-1), var(--accent));<br \/>\n    position: relative;<br \/>\n    transition: width 1s ease;<br \/>\n  }<\/p>\n<p>  .skill-fill::after {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    right: 0; top: 50%;<br \/>\n    transform: translateY(-50%);<br \/>\n    width: 10px; height: 10px;<br \/>\n    border-radius: 50%;<br \/>\n    background: var(--accent);<br \/>\n    box-shadow: 0 0 10px var(--accent);<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     SERVICES SECTION<br \/>\n  ========================================= *\/<br \/>\n  .services {<br \/>\n    padding: 100px 0;<br \/>\n  }<\/p>\n<p>  .services-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 24px;<br \/>\n  }<\/p>\n<p>  .service-card {<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    border-radius: var(--radius);<br \/>\n    padding: 36px 28px;<br \/>\n    transition: all .3s;<br \/>\n    position: relative;<br \/>\n    overflow: hidden;<br \/>\n  }<\/p>\n<p>  .service-card::before {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    top: 0; left: 0; right: 0;<br \/>\n    height: 3px;<br \/>\n    background: linear-gradient(90deg, var(--grad-1), var(--accent));<br \/>\n    transform: scaleX(0);<br \/>\n    transition: transform .3s;<br \/>\n  }<\/p>\n<p>  .service-card:hover::before { transform: scaleX(1); }<\/p>\n<p>  .service-card:hover {<br \/>\n    transform: translateY(-6px);<br \/>\n    border-color: rgba(108,62,246,0.3);<br \/>\n    background: rgba(108,62,246,0.06);<br \/>\n  }<\/p>\n<p>  .service-icon {<br \/>\n    width: 56px; height: 56px;<br \/>\n    border-radius: 14px;<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.2), rgba(0,198,251,0.1));<br \/>\n    border: 1px solid rgba(108,62,246,0.25);<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    font-size: 24px;<br \/>\n    margin-bottom: 22px;<br \/>\n  }<\/p>\n<p>  .service-title {<br \/>\n    font-size: 18px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n    margin-bottom: 12px;<br \/>\n  }<\/p>\n<p>  .service-desc {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.8;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     EXPERIENCE TIMELINE<br \/>\n  ========================================= *\/<br \/>\n  .experience {<br \/>\n    padding: 100px 0;<br \/>\n    background: linear-gradient(180deg, transparent, rgba(0,198,251,0.04) 50%, transparent);<br \/>\n  }<\/p>\n<p>  .timeline {<br \/>\n    position: relative;<br \/>\n    max-width: 860px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  .timeline::before {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    left: 50%;<br \/>\n    top: 0; bottom: 0;<br \/>\n    width: 2px;<br \/>\n    background: linear-gradient(to bottom, transparent, var(--grad-1), var(--accent), transparent);<br \/>\n    transform: translateX(-50%);<br \/>\n  }<\/p>\n<p>  .timeline-item {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 60px 1fr;<br \/>\n    gap: 0;<br \/>\n    margin-bottom: 48px;<br \/>\n    align-items: start;<br \/>\n  }<\/p>\n<p>  .timeline-item:nth-child(even) .timeline-content {<br \/>\n    grid-column: 3;<br \/>\n    grid-row: 1;<br \/>\n  }<\/p>\n<p>  .timeline-item:nth-child(even) .timeline-spacer {<br \/>\n    grid-column: 1;<br \/>\n    grid-row: 1;<br \/>\n  }<\/p>\n<p>  .timeline-content {<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    border-radius: var(--radius);<br \/>\n    padding: 28px;<br \/>\n    position: relative;<br \/>\n    transition: border-color .3s, transform .3s;<br \/>\n  }<\/p>\n<p>  .timeline-content:hover {<br \/>\n    border-color: rgba(108,62,246,0.4);<br \/>\n    transform: translateY(-3px);<br \/>\n  }<\/p>\n<p>  .timeline-dot {<br \/>\n    width: 16px; height: 16px;<br \/>\n    border-radius: 50%;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    margin: 20px auto 0;<br \/>\n    box-shadow: 0 0 0 4px rgba(108,62,246,0.2), 0 0 20px rgba(108,62,246,0.4);<br \/>\n    position: relative;<br \/>\n    z-index: 2;<br \/>\n  }<\/p>\n<p>  .timeline-period {<br \/>\n    display: inline-block;<br \/>\n    font-size: 12px;<br \/>\n    font-weight: 600;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n    margin-bottom: 10px;<br \/>\n    letter-spacing: 1px;<br \/>\n    text-transform: uppercase;<br \/>\n  }<\/p>\n<p>  .timeline-role {<br \/>\n    font-size: 17px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n    margin-bottom: 6px;<br \/>\n  }<\/p>\n<p>  .timeline-company {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--accent);<br \/>\n    font-weight: 500;<br \/>\n    margin-bottom: 12px;<br \/>\n  }<\/p>\n<p>  .timeline-desc {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.75;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     PORTFOLIO SECTION<br \/>\n  ========================================= *\/<br \/>\n  .portfolio {<br \/>\n    padding: 100px 0;<br \/>\n  }<\/p>\n<p>  .portfolio-filter {<br \/>\n    display: flex;<br \/>\n    gap: 10px;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n    margin-bottom: 48px;<br \/>\n  }<\/p>\n<p>  .filter-btn {<br \/>\n    background: rgba(255,255,255,0.05);<br \/>\n    border: 1px solid rgba(255,255,255,0.1);<br \/>\n    color: var(--text-muted);<br \/>\n    padding: 9px 20px;<br \/>\n    border-radius: 50px;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 500;<br \/>\n    cursor: pointer;<br \/>\n    transition: all .2s;<br \/>\n  }<\/p>\n<p>  .filter-btn.active, .filter-btn:hover {<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    border-color: transparent;<br \/>\n    color: white;<br \/>\n  }<\/p>\n<p>  .portfolio-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 24px;<br \/>\n  }<\/p>\n<p>  .portfolio-card {<br \/>\n    border-radius: var(--radius);<br \/>\n    overflow: hidden;<br \/>\n    position: relative;<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    transition: transform .3s, box-shadow .3s;<br \/>\n    group: true;<br \/>\n  }<\/p>\n<p>  .portfolio-card:hover {<br \/>\n    transform: translateY(-8px);<br \/>\n    box-shadow: 0 30px 60px rgba(0,0,0,0.4);<br \/>\n  }<\/p>\n<p>  .portfolio-img {<br \/>\n    height: 220px;<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.3), rgba(0,198,251,0.2));<br \/>\n    overflow: hidden;<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .portfolio-img img {<br \/>\n    width: 100%;<br \/>\n    height: 100%;<br \/>\n    object-fit: cover;<br \/>\n    transition: transform .4s;<br \/>\n  }<\/p>\n<p>  .portfolio-card:hover .portfolio-img img {<br \/>\n    transform: scale(1.08);<br \/>\n  }<\/p>\n<p>  .portfolio-overlay {<br \/>\n    position: absolute;<br \/>\n    inset: 0;<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.85), rgba(0,198,251,0.75));<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    opacity: 0;<br \/>\n    transition: opacity .3s;<br \/>\n  }<\/p>\n<p>  .portfolio-card:hover .portfolio-overlay { opacity: 1; }<\/p>\n<p>  .portfolio-view-btn {<br \/>\n    background: white;<br \/>\n    color: var(--grad-1);<br \/>\n    padding: 10px 24px;<br \/>\n    border-radius: 50px;<br \/>\n    font-size: 14px;<br \/>\n    font-weight: 700;<br \/>\n    transform: translateY(10px);<br \/>\n    transition: transform .3s;<br \/>\n  }<\/p>\n<p>  .portfolio-card:hover .portfolio-view-btn { transform: translateY(0); }<\/p>\n<p>  .portfolio-info {<br \/>\n    padding: 22px;<br \/>\n  }<\/p>\n<p>  .portfolio-cat {<br \/>\n    font-size: 11px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 2px;<br \/>\n    text-transform: uppercase;<br \/>\n    color: var(--accent);<br \/>\n    margin-bottom: 8px;<br \/>\n  }<\/p>\n<p>  .portfolio-name {<br \/>\n    font-size: 17px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n    margin-bottom: 8px;<br \/>\n  }<\/p>\n<p>  .portfolio-summary {<br \/>\n    font-size: 13px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.7;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     TESTIMONIALS SECTION<br \/>\n  ========================================= *\/<br \/>\n  .testimonials {<br \/>\n    padding: 100px 0;<br \/>\n    background: linear-gradient(180deg, rgba(108,62,246,0.05), rgba(0,198,251,0.04) 50%, transparent);<br \/>\n  }<\/p>\n<p>  .testimonials-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 24px;<br \/>\n  }<\/p>\n<p>  .testimonial-card {<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    border-radius: var(--radius);<br \/>\n    padding: 32px;<br \/>\n    transition: transform .3s, border-color .3s;<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .testimonial-card:hover {<br \/>\n    transform: translateY(-6px);<br \/>\n    border-color: rgba(108,62,246,0.35);<br \/>\n  }<\/p>\n<p>  .testimonial-quote {<br \/>\n    font-size: 48px;<br \/>\n    line-height: 1;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    -webkit-background-clip: text;<br \/>\n    -webkit-text-fill-color: transparent;<br \/>\n    background-clip: text;<br \/>\n    margin-bottom: 16px;<br \/>\n    font-family: Georgia, serif;<br \/>\n  }<\/p>\n<p>  .testimonial-text {<br \/>\n    font-size: 15px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.85;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-style: italic;<br \/>\n  }<\/p>\n<p>  .testimonial-divider {<br \/>\n    height: 1px;<br \/>\n    background: var(--card-border);<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .testimonial-author {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .testimonial-avatar {<br \/>\n    width: 44px; height: 44px;<br \/>\n    border-radius: 50%;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    font-size: 16px;<br \/>\n    font-weight: 700;<br \/>\n    color: white;<br \/>\n    flex-shrink: 0;<br \/>\n  }<\/p>\n<p>  .testimonial-name {<br \/>\n    font-size: 15px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n  }<\/p>\n<p>  .testimonial-role {<br \/>\n    font-size: 12px;<br \/>\n    color: var(--text-muted);<br \/>\n  }<\/p>\n<p>  .stars {<br \/>\n    display: flex;<br \/>\n    gap: 3px;<br \/>\n    margin-bottom: 16px;<br \/>\n    color: #FBB040;<br \/>\n    font-size: 14px;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     BLOG SECTION<br \/>\n  ========================================= *\/<br \/>\n  .blog {<br \/>\n    padding: 100px 0;<br \/>\n  }<\/p>\n<p>  .blog-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 24px;<br \/>\n  }<\/p>\n<p>  .blog-card {<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    border-radius: var(--radius);<br \/>\n    overflow: hidden;<br \/>\n    transition: transform .3s, border-color .3s;<br \/>\n  }<\/p>\n<p>  .blog-card:hover {<br \/>\n    transform: translateY(-6px);<br \/>\n    border-color: rgba(108,62,246,0.35);<br \/>\n  }<\/p>\n<p>  .blog-thumb {<br \/>\n    height: 200px;<br \/>\n    overflow: hidden;<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .blog-thumb img {<br \/>\n    width: 100%;<br \/>\n    height: 100%;<br \/>\n    object-fit: cover;<br \/>\n    transition: transform .4s;<br \/>\n  }<\/p>\n<p>  .blog-card:hover .blog-thumb img { transform: scale(1.06); }<\/p>\n<p>  .blog-cat-badge {<br \/>\n    position: absolute;<br \/>\n    top: 14px; left: 14px;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    color: white;<br \/>\n    font-size: 11px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1px;<br \/>\n    text-transform: uppercase;<br \/>\n    padding: 5px 12px;<br \/>\n    border-radius: 50px;<br \/>\n  }<\/p>\n<p>  .blog-body {<br \/>\n    padding: 24px;<br \/>\n  }<\/p>\n<p>  .blog-meta {<br \/>\n    display: flex;<br \/>\n    gap: 16px;<br \/>\n    font-size: 12px;<br \/>\n    color: var(--text-muted);<br \/>\n    margin-bottom: 12px;<br \/>\n  }<\/p>\n<p>  .blog-title {<br \/>\n    font-size: 17px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n    line-height: 1.4;<br \/>\n    margin-bottom: 12px;<br \/>\n    transition: color .2s;<br \/>\n  }<\/p>\n<p>  .blog-card:hover .blog-title { color: var(--accent); }<\/p>\n<p>  .blog-excerpt {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.75;<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .blog-read-more {<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 600;<br \/>\n    color: var(--accent);<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    gap: 6px;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     CTA \/ BOOKING SECTION<br \/>\n  ========================================= *\/<br \/>\n  .cta-section {<br \/>\n    padding: 100px 0;<br \/>\n    position: relative;<br \/>\n    overflow: hidden;<br \/>\n  }<\/p>\n<p>  .cta-bg {<br \/>\n    position: absolute;<br \/>\n    inset: 0;<br \/>\n    background: linear-gradient(135deg, var(--grad-1) 0%, #3B82F6 50%, var(--accent) 100%);<br \/>\n    opacity: 0.12;<br \/>\n    pointer-events: none;<br \/>\n  }<\/p>\n<p>  .cta-inner {<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.15), rgba(0,198,251,0.08));<br \/>\n    border: 1px solid rgba(108,62,246,0.25);<br \/>\n    border-radius: 32px;<br \/>\n    padding: 80px 60px;<br \/>\n    text-align: center;<br \/>\n    position: relative;<br \/>\n    overflow: hidden;<br \/>\n  }<\/p>\n<p>  .cta-inner::before {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    top: -100px; right: -100px;<br \/>\n    width: 400px; height: 400px;<br \/>\n    border-radius: 50%;<br \/>\n    background: radial-gradient(circle, rgba(108,62,246,0.2), transparent 70%);<br \/>\n    pointer-events: none;<br \/>\n  }<\/p>\n<p>  .cta-title {<br \/>\n    font-size: clamp(32px, 4vw, 52px);<br \/>\n    font-weight: 800;<br \/>\n    color: var(--white);<br \/>\n    margin-bottom: 20px;<br \/>\n    letter-spacing: -1px;<br \/>\n  }<\/p>\n<p>  .cta-desc {<br \/>\n    font-size: 18px;<br \/>\n    color: var(--text-muted);<br \/>\n    max-width: 520px;<br \/>\n    margin: 0 auto 40px;<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     CONTACT FORM<br \/>\n  ========================================= *\/<br \/>\n  .contact {<br \/>\n    padding: 100px 0;<br \/>\n    background: linear-gradient(180deg, transparent, rgba(108,62,246,0.05) 50%, transparent);<br \/>\n  }<\/p>\n<p>  .contact-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1.4fr;<br \/>\n    gap: 80px;<br \/>\n    align-items: start;<br \/>\n  }<\/p>\n<p>  .contact-info {}<\/p>\n<p>  .contact-info-item {<br \/>\n    display: flex;<br \/>\n    gap: 18px;<br \/>\n    align-items: flex-start;<br \/>\n    margin-bottom: 32px;<br \/>\n  }<\/p>\n<p>  .contact-icon {<br \/>\n    width: 50px; height: 50px;<br \/>\n    border-radius: 14px;<br \/>\n    background: linear-gradient(135deg, rgba(108,62,246,0.2), rgba(0,198,251,0.1));<br \/>\n    border: 1px solid rgba(108,62,246,0.25);<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    font-size: 20px;<br \/>\n    flex-shrink: 0;<br \/>\n  }<\/p>\n<p>  .contact-label {<br \/>\n    font-size: 12px;<br \/>\n    font-weight: 600;<br \/>\n    text-transform: uppercase;<br \/>\n    letter-spacing: 1.5px;<br \/>\n    color: var(--accent);<br \/>\n    margin-bottom: 4px;<br \/>\n  }<\/p>\n<p>  .contact-val {<br \/>\n    font-size: 16px;<br \/>\n    color: var(--text);<br \/>\n    font-weight: 500;<br \/>\n  }<\/p>\n<p>  .contact-form {<br \/>\n    background: var(--card);<br \/>\n    border: 1px solid var(--card-border);<br \/>\n    border-radius: 24px;<br \/>\n    padding: 44px;<br \/>\n  }<\/p>\n<p>  .form-row {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1fr;<br \/>\n    gap: 18px;<br \/>\n  }<\/p>\n<p>  .form-group {<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .form-label {<br \/>\n    display: block;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 600;<br \/>\n    color: var(--text-muted);<br \/>\n    margin-bottom: 8px;<br \/>\n    text-transform: uppercase;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .form-control {<br \/>\n    width: 100%;<br \/>\n    background: rgba(255,255,255,0.04);<br \/>\n    border: 1.5px solid rgba(255,255,255,0.08);<br \/>\n    border-radius: 12px;<br \/>\n    padding: 14px 18px;<br \/>\n    color: var(--text);<br \/>\n    font-family: 'Inter', sans-serif;<br \/>\n    font-size: 15px;<br \/>\n    transition: border-color .2s, background .2s;<br \/>\n    outline: none;<br \/>\n  }<\/p>\n<p>  .form-control:focus {<br \/>\n    border-color: rgba(108,62,246,0.6);<br \/>\n    background: rgba(108,62,246,0.05);<br \/>\n  }<\/p>\n<p>  .form-control::placeholder { color: rgba(255,255,255,0.2); }<\/p>\n<p>  select.form-control {<br \/>\n    cursor: pointer;<br \/>\n    appearance: none;<br \/>\n  }<\/p>\n<p>  textarea.form-control {<br \/>\n    resize: vertical;<br \/>\n    min-height: 130px;<br \/>\n  }<\/p>\n<p>  .form-submit {<br \/>\n    width: 100%;<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    color: white;<br \/>\n    border: none;<br \/>\n    padding: 16px;<br \/>\n    border-radius: 12px;<br \/>\n    font-size: 16px;<br \/>\n    font-weight: 700;<br \/>\n    cursor: pointer;<br \/>\n    transition: transform .2s, box-shadow .2s;<br \/>\n    font-family: 'Space Grotesk', sans-serif;<br \/>\n    box-shadow: 0 8px 30px rgba(108,62,246,0.4);<br \/>\n  }<\/p>\n<p>  .form-submit:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    box-shadow: 0 14px 40px rgba(108,62,246,0.5);<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     FOOTER<br \/>\n  ========================================= *\/<br \/>\n  .footer {<br \/>\n    padding: 60px 0 32px;<br \/>\n    border-top: 1px solid rgba(255,255,255,0.06);<br \/>\n  }<\/p>\n<p>  .footer-top {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1.5fr 1fr 1fr;<br \/>\n    gap: 48px;<br \/>\n    margin-bottom: 48px;<br \/>\n  }<\/p>\n<p>  .footer-brand p {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--text-muted);<br \/>\n    line-height: 1.8;<br \/>\n    margin: 14px 0 24px;<br \/>\n    max-width: 300px;<br \/>\n  }<\/p>\n<p>  .footer-social {<br \/>\n    display: flex;<br \/>\n    gap: 10px;<br \/>\n  }<\/p>\n<p>  .footer-social a {<br \/>\n    width: 38px; height: 38px;<br \/>\n    border-radius: 10px;<br \/>\n    background: rgba(255,255,255,0.05);<br \/>\n    border: 1px solid rgba(255,255,255,0.1);<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    font-size: 15px;<br \/>\n    color: var(--text-muted);<br \/>\n    transition: all .2s;<br \/>\n  }<\/p>\n<p>  .footer-social a:hover {<br \/>\n    background: linear-gradient(135deg, var(--grad-1), var(--accent));<br \/>\n    border-color: transparent;<br \/>\n    color: white;<br \/>\n    opacity: 1;<br \/>\n  }<\/p>\n<p>  .footer-col-title {<br \/>\n    font-size: 14px;<br \/>\n    font-weight: 700;<br \/>\n    color: var(--white);<br \/>\n    text-transform: uppercase;<br \/>\n    letter-spacing: 1.5px;<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .footer-links {<br \/>\n    list-style: none;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 10px;<br \/>\n  }<\/p>\n<p>  .footer-links a {<br \/>\n    font-size: 14px;<br \/>\n    color: var(--text-muted);<br \/>\n    transition: color .2s;<br \/>\n  }<\/p>\n<p>  .footer-links a:hover { color: var(--accent); opacity: 1; }<\/p>\n<p>  .footer-bottom {<br \/>\n    display: flex;<br \/>\n    justify-content: space-between;<br \/>\n    align-items: center;<br \/>\n    padding-top: 28px;<br \/>\n    border-top: 1px solid rgba(255,255,255,0.06);<br \/>\n    font-size: 13px;<br \/>\n    color: var(--text-muted);<br \/>\n  }<\/p>\n<p>  \/* =========================================<br \/>\n     UTILITIES<br \/>\n  ========================================= *\/<br \/>\n  .text-center { text-align: center; }<br \/>\n  .mt-12 { margin-top: 12px; }<br \/>\n  .mt-48 { margin-top: 48px; }<\/p>\n<p>  \/* =========================================<br \/>\n     RESPONSIVE<br \/>\n  ========================================= *\/<br \/>\n  @media (max-width: 1024px) {<br \/>\n    .hero-inner, .about-grid, .contact-grid { grid-template-columns: 1fr; }<br \/>\n    .hero-photo-wrap { display: none; }<br \/>\n    .services-grid { grid-template-columns: repeat(2, 1fr); }<br \/>\n    .stats-grid { grid-template-columns: repeat(2, 1fr); }<br \/>\n    .timeline::before { left: 28px; }<br \/>\n    .timeline-item { grid-template-columns: 60px 1fr; }<br \/>\n  }<\/p>\n<p>  @media (max-width: 768px) {<br \/>\n    .nav-links { display: none; }<br \/>\n    .skills-grid, .portfolio-grid, .testimonials-grid, .blog-grid { grid-template-columns: 1fr; }<br \/>\n    .services-grid { grid-template-columns: 1fr; }<br \/>\n    .footer-top { grid-template-columns: 1fr; }<br \/>\n    .cta-inner { padding: 50px 24px; }<br \/>\n    .contact-form { padding: 28px; }<br \/>\n    .form-row { grid-template-columns: 1fr; }<br \/>\n    .about-exp-badge { right: 10px; }<br \/>\n  }<br \/>\n\/* ===== IMPORT FONTS ===== *\/<br \/>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');<\/p>\n<p>\/* ===== ROOT VARIABLES ===== *\/<br \/>\n:root {<br \/>\n  --grad-1: #6C3EF6;<br \/>\n  --grad-2: #00C6FB;<br \/>\n  --accent: #00E5FF;<br \/>\n  --accent2: #A855F7;<br \/>\n  --dark: #0A0A1A;<br \/>\n  --card: rgba(255,255,255,0.05);<br \/>\n  --card-border: rgba(255,255,255,0.1);<br \/>\n  --text: #E2E8F0;<br \/>\n  --text-muted: #94A3B8;<br \/>\n  --radius: 18px;<br \/>\n}<\/p>\n<p>body {<br \/>\n  background: #0A0A1A !important;<br \/>\n  color: #E2E8F0 !important;<br \/>\n  font-family: 'Inter', sans-serif !important;<br \/>\n  overflow-x: hidden;<br \/>\n}<br \/>\nh1, h2, h3, h4, h5 {<br \/>\n  font-family: 'Space Grotesk', sans-serif !important;<br \/>\n  color: #fff;<br \/>\n}<br \/>\n.site-header { display: none !important; }<br \/>\n.content-area { width: 100% !important; max-width: 100% !important; padding: 0 !important; }<br \/>\n.site-content { padding: 0 !important; }<br \/>\n.entry-content { padding: 0 !important; max-width: 100% !important; }<br \/>\n.inside-article { padding: 0 !important; }<br \/>\n.wp-block-group, .wp-block-html { margin: 0 !important; }<br \/>\n.site-footer { display: none !important; }<br \/>\n.page .entry-header { display: none !important; }<br \/>\n.grid-container { max-width: 100% !important; padding: 0 !important; }<br \/>\n.content-area { float: none !important; }<br \/>\n\/* Fix GeneratePress white wrapper *\/<br \/>\n.inside-article { background: transparent !important; }<br \/>\n.post-image { display: none !important; }<br \/>\nbody { background-color: #0A0A1A !important; }<\/p>\n<p>\/* Remove sidebar - full width layout *\/<br \/>\n.widget-area, aside.widget-area { display: none !important; }<br \/>\n#primary, .content-area { width: 100% !important; float: none !important; max-width: 100% !important; }<br \/>\n.generate-columns-container { display: block !important; }<br \/>\n.site-content { padding: 0 !important; }<\/p>\n<p>\/* Fix dark theme inputs - override GeneratePress light styles *\/<br \/>\ninput.search-bar, input.search-bar:focus {<br \/>\n\t  background: rgba(255,255,255,0.06) !important;<br \/>\n\t  border: 1.5px solid rgba(255,255,255,0.12) !important;<br \/>\n\t  border-radius: 50px !important;<br \/>\n\t  color: #E2E8F0 !important;<br \/>\n}<br \/>\ninput.search-bar::placeholder { color: rgba(255,255,255,0.3) !important; }<br \/>\ninput.search-bar:focus {<br \/>\n\t  border-color: rgba(108,62,246,0.6) !important;<br \/>\n\t  background: rgba(108,62,246,0.05) !important;<br \/>\n}<br \/>\ninput.newsletter-input, input.newsletter-input:focus {<br \/>\n\t  background: rgba(255,255,255,0.06) !important;<br \/>\n\t  border: 1.5px solid rgba(255,255,255,0.12) !important;<br \/>\n\t  color: #E2E8F0 !important;<br \/>\n}<br \/>\ninput.newsletter-input::placeholder { color: rgba(255,255,255,0.3) !important; }<\/p>\n<p>\/* Fix category filter layout *\/<br \/>\n.cat-filter { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }<\/p>\n<p>\/* Fix contact form inputs *\/<br \/>\ninput.contact-input, textarea.contact-input, select.contact-select,<br \/>\ninput.contact-input:focus, textarea.contact-input:focus {<br \/>\n\t  background: rgba(255,255,255,0.05) !important;<br \/>\n\t  border: 1.5px solid rgba(255,255,255,0.1) !important;<br \/>\n\t  color: #E2E8F0 !important;<br \/>\n}<br \/>\ninput.contact-input::placeholder, textarea.contact-input::placeholder { color: rgba(255,255,255,0.3) !important; }<\/p>\n<p>\/* Fix GeneratePress header - hide default header since pages have custom nav *\/<br \/>\n#masthead { display: none !important; }<br \/>\n#page { padding-top: 0 !important; margin-top: 0 !important; }<br \/>\n.entry-header { display: none !important; }<br \/>\n.page-title { display: none !important; }<\/p>\n<p>}<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n\/* Fix blog layout grid - restore 2-column layout *\/<br \/>\n.blog-layout { display: grid !important; grid-template-columns: 1fr 340px !important; gap: 48px !important; align-items: start !important; }<br \/>\n@media (max-width: 900px) { .blog-layout { grid-template-columns: 1fr !important; } }<\/p>\n<p>\/* Fix blog grid for article cards *\/<br \/>\n.blog-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 28px !important; }<\/p>\n<p>\/* Fix contact form layout *\/<br \/>\n.contact-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; align-items: start !important; }<br \/>\n@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr !important; } }<br \/>\n.form-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; }<br \/>\n@media (max-width: 600px) { .form-row { grid-template-columns: 1fr !important; } }<\/p>\n<p>\/* Fix skills grid *\/<br \/>\n.skills-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 24px !important; }<\/p>\n<p>\/* Fix portfolio grid *\/<br \/>\n.portfolio-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }<br \/>\n@media (max-width: 900px) { .portfolio-grid { grid-template-columns: repeat(2, 1fr) !important; } }<br \/>\n@media (max-width: 600px) { .portfolio-grid { grid-template-columns: 1fr !important; } }<\/p>\n<p>\/* Fix hero layout on home *\/<br \/>\n.hero-layout { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; }<br \/>\n@media (max-width: 900px) { .hero-layout { grid-template-columns: 1fr !important; } }<\/p>\n<p>\/* === WORDPRESS P-TAG CLEANUP + GRID RESTORE === *\/<br \/>\n\/* WordPress wpautop wraps HTML comments in <\/p>\n<p> - hide them *\/<br \/>\n.blog-layout > p,<br \/>\n.contact-grid > p,<br \/>\n.hero-layout > p,<br \/>\n.about-layout > p,<br \/>\n.skills-section > p,<br \/>\n.entry-content > p:empty { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }<\/p>\n<p>\/* Force blog 2-col grid (overrides any earlier rule) *\/<br \/>\ndiv.blog-layout {<br \/>\n\t  display: grid !important;<br \/>\n\t  grid-template-columns: 1fr 340px !important;<br \/>\n\t  gap: 48px !important;<br \/>\n\t  align-items: start !important;<br \/>\n}<br \/>\n@media (max-width: 900px) { div.blog-layout { grid-template-columns: 1fr !important; } }<\/p>\n<p>\/* Force contact 2-col grid *\/<br \/>\ndiv.contact-grid {<br \/>\n\t  display: grid !important;<br \/>\n\t  grid-template-columns: 1fr 1fr !important;<br \/>\n\t  gap: 40px !important;<br \/>\n\t  align-items: start !important;<br \/>\n}<br \/>\n@media (max-width: 900px) { div.contact-grid { grid-template-columns: 1fr !important; } }<\/p>\n<p>}<br \/>\n}<\/p>\n<p>\/* ========================= CONTACT PAGE ========================= *\/<br \/>\n.page-hero{padding:130px 0 70px;text-align:center;position:relative;overflow:hidden;}<br \/>\n.page-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(108,62,246,.22) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 90%,rgba(0,198,251,.1) 0%,transparent 60%);pointer-events:none;}<br \/>\n.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}<br \/>\n.page-pill{display:inline-block;background:rgba(108,62,246,.15);border:1px solid rgba(108,62,246,.3);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:20px;}<br \/>\n.page-hero h1{font-size:clamp(36px,5vw,58px);font-weight:800;color:var(--white);letter-spacing:-1px;margin-bottom:16px;}<br \/>\n.page-hero-desc{font-size:17px;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.8;}<br \/>\n.availability-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);border-radius:50px;padding:10px 20px;font-size:14px;color:var(--accent);margin-top:28px;font-weight:500;}<br \/>\n.availability-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite;}<br \/>\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.8);}}<br \/>\n.contact-layout{padding:80px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start;}<br \/>\n.panel-intro{font-size:16px;color:var(--text-muted);line-height:1.85;margin-bottom:40px;}<br \/>\n.panel-intro strong{color:var(--text);}<br \/>\n.contact-method{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px;padding:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;transition:border-color .3s,transform .3s;}<br \/>\n.contact-method:hover{border-color:rgba(108,62,246,.35);transform:translateY(-3px);}<br \/>\n.contact-icon-wrap{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(108,62,246,.2),rgba(0,198,251,.1));border:1px solid rgba(108,62,246,.25);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}<br \/>\n.contact-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:4px;}<br \/>\n.contact-val{font-size:15px;color:#E2E8F0;font-weight:600;}<br \/>\n.contact-subval{font-size:13px;color:#94A3B8;}<br \/>\n.social-connect{margin-top:36px;}<br \/>\n.social-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#94A3B8;margin-bottom:16px;}<br \/>\n.social-row{display:flex;gap:12px;flex-wrap:wrap;}<br \/>\n.social-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94A3B8;padding:9px 16px;border-radius:50px;font-size:13px;font-weight:500;transition:all .2s;}<br \/>\n.social-chip:hover{background:rgba(108,62,246,.2);border-color:rgba(108,62,246,.4);color:var(--accent);opacity:1;}<br \/>\n.expect-section{margin-top:40px;background:linear-gradient(135deg,rgba(108,62,246,.1),rgba(0,198,251,.05));border:1px solid rgba(108,62,246,.2);border-radius:18px;padding:28px;}<br \/>\n.expect-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:16px;}<br \/>\n.expect-list{list-style:none;display:flex;flex-direction:column;gap:10px;}<br \/>\n.expect-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#94A3B8;}<br \/>\n.expect-check{color:var(--accent);font-weight:700;flex-shrink:0;}<br \/>\n.form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:50px;}<br \/>\n.form-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:6px;}<br \/>\n.form-subtitle{font-size:15px;color:#94A3B8;margin-bottom:36px;}<br \/>\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}<br \/>\n.form-group{margin-bottom:20px;}<br \/>\n.form-label{display:block;font-size:12px;font-weight:600;color:#94A3B8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;}<br \/>\n.form-label span{color:#ef4444;margin-left:2px;}<br \/>\n.form-control{width:100%;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 18px;color:#E2E8F0;font-family:'Inter',sans-serif;font-size:15px;transition:border-color .2s,background .2s;outline:none;}<br \/>\n.form-control:focus{border-color:rgba(108,62,246,.6);background:rgba(108,62,246,.05);}<br \/>\n.form-control::placeholder{color:rgba(255,255,255,.2);}<br \/>\ntextarea.form-control{resize:vertical;min-height:130px;}<br \/>\n.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}<br \/>\n.budget-option{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 10px;text-align:center;cursor:pointer;transition:all .2s;}<br \/>\n.budget-option:hover,.budget-option.selected{background:rgba(108,62,246,.15);border-color:rgba(108,62,246,.5);}<br \/>\n.budget-option-label{font-size:13px;font-weight:600;color:#94A3B8;}<br \/>\n.budget-option:hover .budget-option-label,.budget-option.selected .budget-option-label{color:var(--accent);}<br \/>\n.budget-option-sub{font-size:11px;color:rgba(255,255,255,.25);margin-top:2px;}<br \/>\n.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}<br \/>\n.service-check{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s;}<br \/>\n.service-check:hover{background:rgba(108,62,246,.1);border-color:rgba(108,62,246,.35);}<br \/>\n.service-check input{accent-color:#6C3EF6;width:16px;height:16px;cursor:pointer;}<br \/>\n.service-check-label{font-size:13px;color:#94A3B8;cursor:pointer;}<br \/>\n.form-submit{width:100%;background:linear-gradient(135deg,#6C3EF6,#00E5FF);color:white;border:none;padding:17px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:'Space Grotesk',sans-serif;box-shadow:0 8px 30px rgba(108,62,246,.4);margin-top:8px;}<br \/>\n.form-submit:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(108,62,246,.5);}<br \/>\n.form-privacy{text-align:center;font-size:12px;color:#94A3B8;margin-top:14px;}<br \/>\n.why-section{padding:80px 0;}<br \/>\n.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}<br \/>\n.why-card{text-align:center;padding:36px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;transition:transform .3s,border-color .3s;}<br \/>\n.why-card:hover{transform:translateY(-5px);border-color:rgba(108,62,246,.35);}<br \/>\n.why-icon{font-size:36px;margin-bottom:16px;}<br \/>\n.why-title{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;}<br \/>\n.why-desc{font-size:14px;color:#94A3B8;line-height:1.75;}<br \/>\n.faq-section{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(108,62,246,.04) 50%,transparent);}<br \/>\n.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto;}<br \/>\n.faq-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px;transition:border-color .3s;}<br \/>\n.faq-item:hover{border-color:rgba(108,62,246,.35);}<br \/>\n.faq-q{font-size:16px;font-weight:700;color:#fff;margin-bottom:12px;display:flex;gap:10px;align-items:flex-start;}<br \/>\n.faq-q::before{content:'?';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#6C3EF6,#00E5FF);color:white;font-size:13px;font-weight:800;flex-shrink:0;}<br \/>\n.faq-a{font-size:14px;color:#94A3B8;line-height:1.8;}<br \/>\n.section-header{text-align:center;margin-bottom:56px;}<br \/>\n.section-pill{display:inline-block;background:rgba(108,62,246,.15);border:1px solid rgba(108,62,246,.3);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:14px;}<br \/>\n.section-title{font-size:clamp(30px,3.5vw,44px);font-weight:700;color:#fff;letter-spacing:-.5px;margin-bottom:14px;}<br \/>\n.section-desc{font-size:16px;color:#94A3B8;max-width:520px;margin:0 auto;line-height:1.8;}<br \/>\n@media(max-width:1024px){.contact-layout{grid-template-columns:1fr;}.why-grid{grid-template-columns:repeat(2,1fr);}.faq-grid{grid-template-columns:1fr;}}<br \/>\n@media(max-width:768px){.form-row,.services-grid,.budget-grid{grid-template-columns:1fr;}.form-card{padding:28px;}.why-grid{grid-template-columns:1fr 1fr;}}<\/p>\n<\/style>\n\n\n<!-- =========================================================\nMHRMASUM HOMEPAGE V4 - PREMIUM PROFESSIONAL REDESIGN\nGutenberg Custom HTML Block\nVersion: v4.0\n========================================================= -->\n\n<div class=\"mhr4-page\">\n  <section class=\"mhr4-hero\" id=\"home\">\n    <div class=\"mhr4-shell mhr4-hero-grid\">\n      <div class=\"mhr4-hero-copy\">\n        <span class=\"mhr4-badge\">SEO \u2022 AI SEO \u2022 WordPress \u2022 Plugin Development<\/span>\n        <h1>MD Harunur Rashid<\/h1>\n        <h2>SEO, AI SEO &amp; Digital Marketing Consultant helping businesses grow with search, WordPress and product-led systems.<\/h2>\n        <p>I help local businesses, ecommerce brands, agencies and website owners improve organic visibility through Local SEO, Technical SEO, WooCommerce SEO, WordPress optimization, AI-ready content systems, and custom WordPress plugin\/product development.<\/p>\n        <div class=\"mhr4-hero-actions\">\n          <a href=\"\/staging\/contact\/\" class=\"mhr4-btn mhr4-btn-primary\">Book Free Consultation<\/a>\n          <a href=\"\/staging\/portfolio\/\" class=\"mhr4-btn mhr4-btn-outline\">View Portfolio<\/a>\n        <\/div>\n       \n      <\/div>\n      <aside class=\"mhr4-profile-card\">\n        <div class=\"mhr4-profile-img\"><img decoding=\"async\" src=\"https:\/\/mhrmasum.info\/staging\/wp-content\/uploads\/2026\/05\/mhrmasum-new-photo.png\" alt=\"MD Harunur Rashid SEO and WordPress Consultant\"><\/div>\n        <div class=\"mhr4-profile-meta\"><strong>MD Harunur Rashid<\/strong><span>SEO Consultant \u2022 WordPress Specialist \u2022 Plugin Product Builder<\/span><\/div>\n        <div class=\"mhr4-profile-tags\"><span>Local SEO<\/span><span>Technical SEO<\/span><span>WooCommerce<\/span><span>AI SEO<\/span><\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-stats-wrap\">\n    <div class=\"mhr4-shell\"><div class=\"mhr4-stats\">\n      <div><strong>17+<\/strong><span>Years in SEO &amp; Digital Marketing<\/span><\/div>\n      <div><strong>500+<\/strong><span>SEO, Local SEO &amp; WordPress Projects<\/span><\/div>\n      <div><strong>200+<\/strong><span>Businesses and Clients Supported<\/span><\/div>\n      <div><strong>10+<\/strong><span>WordPress Plugin\/Product Systems<\/span><\/div>\n    <\/div><\/div>\n  <\/section>\n\n  <section class=\"mhr4-section mhr4-soft mhr4-about-pro mhr4-page\">\n  <div class=\"mhr4-shell\">\n    <div class=\"mhr4-about-pro-grid\">\n      <!-- Left column: headline, intro and highlights -->\n      <div class=\"mhr4-about-pro-left\">\n        <span class=\"mhr4-badge\">About Me<\/span>\n       \n        <p>I do not only advise on SEO \u2014 I work directly with websites, WordPress systems, content structures, business workflows and product ideas. That gives me a practical view of what businesses really need to grow online.<\/p>\n        <div class=\"mhr4-about-highlights\">\n          <div>\n            <strong>17+ Years<\/strong>\n            <span>SEO &amp; digital marketing experience<\/span>\n          <\/div>\n          <div>\n            <strong>500+ Projects<\/strong>\n            <span>Across SEO, WordPress and local search<\/span>\n          <\/div>\n          <div>\n            <strong>Product Mindset<\/strong>\n            <span>Building tools from real workflow problems<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Right column: story and contact\/info cards -->\n      <div class=\"mhr4-about-pro-right\">\n        <div class=\"mhr4-about-story-card\">\n         <h4><strong>SEO consultant, WordPress builder and digital product thinker with real business ownership experience.<\/strong><\/h4>\n<p>Greetings, my name is <strong>Mohammad Harunur Rashid<\/strong>. I am a passionate SEO and digital marketing consultant, and I hold the positions of CEO and Managing Director at <a href=\"https:\/\/infosystemltd.com\" target=\"_blank\" rel=\"noopener\">Infosystem Technology Limited<\/a>.<\/p>\n          <p>Along with SEO and digital marketing, I work as a Local SEO specialist, WordPress expert, WooCommerce SEO consultant, affiliate marketer, plugin\/product planner and travel planner by profession. My work combines strategic SEO thinking with hands\u2011on WordPress implementation.<\/p>\n          <p>I am known for being hardworking, responsive, honest, positive, self\u2011motivated and highly persevering \u2014 operating until the completion of any project.<\/p>\n        <\/div>\n        <div class=\"mhr4-about-mini-grid\">\n          <div>\n            <span>Email<\/span>\n            <strong><a href=\"mailto:info@mhrmasum.info\">info@mhrmasum.info<\/a><\/strong>\n          <\/div>\n          <div>\n            <span>Location<\/span>\n            <strong>Dhaka, Bangladesh<\/strong>\n          <\/div>\n          <div>\n            <span>Available For<\/span>\n            <strong>SEO, WordPress &amp; plugin projects<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n  <section class=\"mhr4-section mhr4-soft\" id=\"ventures\">\n    <div class=\"mhr4-shell\">\n      <div class=\"mhr4-center-head\"><span class=\"mhr4-badge\">My Ventures<\/span><h2>Business and personal projects connected with my journey.<\/h2><p>These projects reflect my work beyond client SEO: technology services, tourism, product experiments, and family business support.<\/p><\/div>\n      <div class=\"mhr4-venture-grid\">\n        <article><div class=\"mhr4-icon\">\ud83c\udfe2<\/div><h3>Infosystem Technology Limited<\/h3><p>My technology company focused on SEO consulting, WordPress development, digital marketing, website systems and business growth support.<\/p><a href=\"https:\/\/infosystemltd.com\/\" target=\"_blank\" rel=\"noopener\">Visit Infosystem<\/a><\/article>\n        <article><div class=\"mhr4-icon\">\ud83c\udf3f<\/div><h3>Sofhor Tourism<\/h3><p>Built from my love for nature and travel, Sofhor Tourism helps travel lovers discover destinations, plan trips and experience meaningful travel.<\/p><a href=\"https:\/\/sofhor.com\/\" target=\"_blank\" rel=\"noopener\">Visit Sofhor Tourism<\/a><\/article>\n        <article><div class=\"mhr4-icon\">\ud83c\udf70<\/div><h3>Tinnis Bakeshop<\/h3><p>A family business project created to support my wife\u2019s baking aspirations and grow a trusted baking brand in Bangladesh.<\/p><a href=\"https:\/\/tinnisbake.shop\/\" target=\"_blank\" rel=\"noopener\">Visit Tinnis Bakeshop<\/a><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-section\" id=\"services\">\n    <div class=\"mhr4-shell\">\n      <div class=\"mhr4-head-row\"><div><span class=\"mhr4-badge\">Services<\/span><h2>SEO and WordPress services designed for rankings, leads and performance.<\/h2><\/div><a href=\"\/staging\/services\/\" class=\"mhr4-arrow-link\">All Services<\/a><\/div>\n      <div class=\"mhr4-services\">\n        <article><div class=\"mhr4-icon\">\ud83d\udccd<\/div><h3>Local SEO &amp; GBP<\/h3><p>Google Business Profile, local pages, citations, reviews, map visibility and service-area SEO.<\/p><\/article>\n        <article><div class=\"mhr4-icon\">\ud83d\udee0\ufe0f<\/div><h3>Technical SEO<\/h3><p>Indexing, robots, sitemap, schema, crawlability, internal linking, site structure and audits.<\/p><\/article>\n        <article><div class=\"mhr4-icon\">\ud83e\udd16<\/div><h3>AI SEO \/ AEO<\/h3><p>Entity clarity, answer-ready content, topical coverage, FAQs, schema and AI-search readiness.<\/p><\/article>\n        <article><div class=\"mhr4-icon\">\ud83d\uded2<\/div><h3>WooCommerce SEO<\/h3><p>Product SEO, category copy, brand pages, image metadata, schema and ecommerce visibility.<\/p><\/article>\n        <article><div class=\"mhr4-icon\">\u26a1<\/div><h3>WordPress Speed<\/h3><p>PageSpeed, image optimization, caching, CSS\/JS cleanup and mobile performance support.<\/p><\/article>\n        <article><div class=\"mhr4-icon\">\ud83e\udde9<\/div><h3>Plugin Development<\/h3><p>SEO tools, reporting dashboards, content audit plugins, image SEO products and admin utilities.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-section mhr4-dark\" id=\"skills\">\n    <div class=\"mhr4-shell mhr4-expertise-grid\">\n      <div><span class=\"mhr4-badge\">Core Expertise<\/span><h2>Practical skill stack for SEO delivery and WordPress growth systems.<\/h2><p>My work sits at the intersection of search strategy, technical implementation, content quality, analytics, local visibility and WordPress product development.<\/p><\/div>\n      <div class=\"mhr4-skill-cloud\"><span>Local SEO<\/span><span>Google Business Profile<\/span><span>Technical SEO<\/span><span>Keyword Research<\/span><span>Schema Markup<\/span><span>WooCommerce SEO<\/span><span>WordPress<\/span><span>GeneratePress<\/span><span>Gutenberg<\/span><span>Elementor<\/span><span>GA4<\/span><span>Google Search Console<\/span><span>AI SEO<\/span><span>AEO<\/span><span>Plugin Planning<\/span><span>PHP \/ CSS \/ HTML<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-section\" id=\"products\">\n    <div class=\"mhr4-shell\">\n      <div class=\"mhr4-head-row\"><div><span class=\"mhr4-badge\">WordPress Product Builder<\/span><h2>SEO tools and WordPress products built from real workflow problems.<\/h2><\/div><a href=\"\/staging\/plugins-products\/\" class=\"mhr4-arrow-link\">Product Showcase<\/a><\/div>\n      <div class=\"mhr4-products\">\n        <article><strong>SEO Squirrel Ultimate<\/strong><span>SEO suite, schema, robots, IndexNow, LLMS.txt, image SEO and AI workflows.<\/span><\/article>\n        <article><strong>Article Checker Pro<\/strong><span>Content quality, E-E-A-T, intent coverage, thin content checks and audit scoring.<\/span><\/article>\n        <article><strong>Universal SEO Reports<\/strong><span>GA4, GSC, GBP manual data and monthly client-ready SEO reporting dashboards.<\/span><\/article>\n        <article><strong>MHR Image Optimizer Pro<\/strong><span>Image SEO, WebP\/AVIF, metadata, compression and WordPress media performance.<\/span><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-section mhr4-soft\" id=\"experience\">\n    <div class=\"mhr4-shell\">\n      <div class=\"mhr4-center-head\"><span class=\"mhr4-badge\">Work Experience<\/span><h2>Professional background built around SEO, WordPress and digital delivery.<\/h2><p>A career path combining agency work, freelancing, business ownership, SEO leadership and product-focused WordPress development.<\/p><\/div>\n      <div class=\"mhr4-timeline\">\n        <article><time>2024 \u2013 Present<\/time><div><h3>Co-founder &amp; Head of SEO \u2014 SEO Squirrel<\/h3><p>SEO leadership, product direction, WordPress SEO tools, technical SEO systems, content optimization and client reporting workflows.<\/p><\/div><\/article>\n        <article><time>2024 \u2013 Present<\/time><div><h3>Co-founder \u2014 Agency Squirrel<\/h3><p>Agency growth support, SEO systems, client strategy, WordPress workflows and digital marketing process improvement.<\/p><\/div><\/article>\n        <article><time>2022 \u2013 Present<\/time><div><h3>SEO &amp; Digital Marketing Consultant \u2014 Infosystem Technology Limited<\/h3><p>SEO consulting, WordPress design, website improvement, technical implementation, content planning and digital growth support.<\/p><\/div><\/article>\n        <article><time>2013 \u2013 Present<\/time><div><h3>Senior Local SEO Executive \u2014 Eye Candy Media<\/h3><p>Local SEO delivery for Australian service businesses including roofing, pest control, cleaning, tree removal, electricians and other local industries.<\/p><\/div><\/article>\n        <article><time>Freelance<\/time><div><h3>WordPress Expert &amp; SEO Consultant \u2014 Upwork<\/h3><p>Freelance SEO, WordPress, website optimization, technical fixes, content improvement and digital marketing support for international clients.<\/p><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-section\" id=\"portfolio\">\n    <div class=\"mhr4-shell\">\n      <div class=\"mhr4-head-row\"><div><span class=\"mhr4-badge\">Portfolio<\/span><h2>Selected work categories from my SEO and WordPress portfolio.<\/h2><\/div><a href=\"\/staging\/portfolio\/\" class=\"mhr4-arrow-link\">Full Portfolio<\/a><\/div>\n      <div class=\"mhr4-portfolio-grid\">\n        <a href=\"\/staging\/portfolio\/website-speed-optimization\/\"><div class=\"mhr4-icon\">\u26a1<\/div><strong>Website Speed Optimization<\/strong><small>Performance, Core Web Vitals, cache, mobile UX and image optimization.<\/small><\/a>\n        <a href=\"\/staging\/portfolio\/technical-seo-and-keyword-research\/\"><div class=\"mhr4-icon\">\ud83d\udd0e<\/div><strong>Technical SEO &amp; Keyword Research<\/strong><small>Audits, search intent, keyword mapping, metadata and technical recommendations.<\/small><\/a>\n        <a href=\"\/staging\/portfolio\/gmb-optimization\/\"><div class=\"mhr4-icon\">\ud83d\udccd<\/div><strong>GMB Optimization<\/strong><small>Google Business Profile, local trust signals, services, categories and map visibility.<\/small><\/a>\n        <a href=\"\/staging\/portfolio\/wordpress-web-design\/\"><div class=\"mhr4-icon\">\ud83c\udf10<\/div><strong>WordPress Web Design<\/strong><small>Professional WordPress pages, Gutenberg layouts, GeneratePress and custom CSS.<\/small><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-testimonials-static\">\n  <div class=\"mhr4-shell\">\n    <div class=\"mhr4-section-intro\" style=\"text-align:center;\">\n      <span class=\"mhr4-badge\">Client Praise<\/span>\n      <h2 class=\"mhr4-section-heading\">Real Results &amp; Happy Clients<\/h2>\n      <p class=\"mhr4-section-tagline\">Stories from people I&#8217;ve had the pleasure to help.<\/p>\n    <\/div>\n    <div class=\"mhr4-testimonial-grid\">\n      <!-- Testimonial Card 1 -->\n      <article class=\"mhr4-testimonial-card\">\n        <div class=\"mhr4-testimonial-quote\">\u201cHarunur doubled our organic traffic in six months and built an SEO plugin that made reporting easy.\u201d<\/div>\n        <div class=\"mhr4-testimonial-author\">\n          <strong>Jane D.<\/strong><span>Marketing Director, ABC Pty Ltd<\/span>\n        <\/div>\n      <\/article>\n      <!-- Testimonial Card 2 -->\n      <article class=\"mhr4-testimonial-card\">\n        <div class=\"mhr4-testimonial-quote\">\u201cThe site speed optimisation took our WooCommerce store from seven seconds to under one. Sales went up immediately.\u201d<\/div>\n        <div class=\"mhr4-testimonial-author\">\n          <strong>John R.<\/strong><span>Founder &amp; CEO, Racks R Us<\/span>\n        <\/div>\n      <\/article>\n      <!-- Testimonial Card 3 -->\n      <article class=\"mhr4-testimonial-card\">\n        <div class=\"mhr4-testimonial-quote\">\u201cHis custom plugin solutions saved us hundreds of hours every month. We couldn&#8217;t imagine managing content without them.\u201d<\/div>\n        <div class=\"mhr4-testimonial-author\">\n          <strong>Lisa K.<\/strong><span>Product Manager, Digital Solutions Co.<\/span>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n  <section class=\"mhr4-section\" id=\"blog\">\n    <div class=\"mhr4-shell\">\n      <div class=\"mhr4-head-row\"><div><span class=\"mhr4-badge\">Latest Insights<\/span><h2>SEO, WordPress, plugin and digital marketing updates.<\/h2><\/div><a href=\"\/staging\/blog\/\" class=\"mhr4-arrow-link\">Read Blog<\/a><\/div>\n      <div class=\"mhr4-blog-grid\">\n        <a href=\"\/staging\/mhr-image-optimizer-pro-v2-0-0\/\"><span>Plugins<\/span><strong>MHR Image Optimizer Pro v2.0.0<\/strong><small>Stable release for safer WordPress image optimization.<\/small><\/a>\n        <a href=\"\/staging\/mhr-product-showcase\/\"><span>Products<\/span><strong>MHR Product Showcase<\/strong><small>WordPress plugins, SEO tools, CRM systems and business automation products.<\/small><\/a>\n        <a href=\"\/staging\/seo-squirrel-ultimate-complete-version-history-development-changelog\/\"><span>SEO Plugin<\/span><strong>SEO Squirrel Ultimate Changelog<\/strong><small>Complete version history and development changelog.<\/small><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhr4-final\" id=\"contact\">\n    <div class=\"mhr4-shell\"><div class=\"mhr4-final-box\">\n      <div><span class=\"mhr4-badge\">Let\u2019s Work Together<\/span><h2>Need SEO growth, WordPress improvement or a custom plugin\/product system?<\/h2><p>Send me your website URL and the main problem you want to solve. I can help with Local SEO, Technical SEO, AI SEO, WordPress, WooCommerce, speed optimization, reporting and plugin development.<\/p><\/div>\n      <div class=\"mhr4-final-actions\"><a href=\"\/staging\/contact\/\" class=\"mhr4-btn mhr4-btn-white\">Contact Me<\/a><a href=\"mailto:info@mhrmasum.info\" class=\"mhr4-btn mhr4-btn-ghost\">info@mhrmasum.info<\/a><\/div>\n    <\/div><\/div>\n  <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SEO \u2022 AI SEO \u2022 WordPress \u2022 Plugin Development MD Harunur Rashid SEO, AI SEO &amp; Digital Marketing Consultant helping businesses grow with search, WordPress and product-led systems. I help local businesses, ecommerce brands, agencies and website owners improve organic visibility through Local SEO, Technical SEO, WooCommerce SEO, WordPress optimization, AI-ready content systems, and custom &#8230; <a title=\"new home\" class=\"read-more\" href=\"https:\/\/mhrmasum.info\/staging\/\" aria-label=\"Read more about new home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_sqs_focus_keyword":"","_sqs_focuskw":"","_sqs_secondary_keywords":"","_sqs_title":"","_sqs_desc":"","_sqs_canonical":"","_sqs_og_title":"","_sqs_og_desc":"","_sqs_og_image":"","_sqs_tw_title":"","_sqs_tw_desc":"","_sqs_tw_image":"","_sqs_robots":"index,follow","_sqs_score":55,"_sqs_readability":29},"class_list":["post-1727","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/pages\/1727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/comments?post=1727"}],"version-history":[{"count":38,"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/pages\/1727\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/pages\/1727\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/mhrmasum.info\/staging\/wp-json\/wp\/v2\/media?parent=1727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}