@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:300;src:url(/fonts/Rubik-Light.ttf?b269c92bc326f0d43f542b946c3f0203) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:400;src:url(/fonts/Rubik-Regular.ttf?705a89f52bdf93b960ed7777e4b152af) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:500;src:url(/fonts/Rubik-Medium.ttf?e41132b912f5c264d4f0596e939fb78a) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:600;src:url(/fonts/Rubik-SemiBold.ttf?4bc5c511d3be812971dc09c7b01a9d56) format("truetype")}@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:700;src:url(/fonts/Rubik-Bold.ttf?b24c64f715ba25a6e7f5c3df2188a90c) format("truetype")}body{font-family:rubik;font-weight:400}ul{list-style:none;padding-left:0}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.btn{border-radius:10px;box-shadow:none!important;padding:10px 30px}@media (max-width:575px){.btn{padding:10px 20px}}.btn-white{background-color:#fff;border:1px solid #7638f9;color:#7638f9}.btn-primary,.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover{background-color:#7638f9;border:1px solid #fff;color:#fff}.btn-primary-light,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#fff;border:1px solid #7638f9;color:#7638f9}.btn-primary-light.active,.btn-primary-light:active,.btn-primary-light:focus,.btn-primary-light:hover{background-color:#7638f9;border:1px solid #7638f9;color:#fff}.btn-gray{background-color:#fff;border:1px solid #d8d8d8;color:#1b1920}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}@media (max-width:991px){.mb-40{margin-bottom:30px}}.mb-60{margin-bottom:60px}@media (max-width:991px){.mb-60{margin-bottom:40px}}.fs-60,h1{font-size:50px;font-weight:600;line-height:60px}@media (max-width:991px){.fs-60,h1{font-size:42px;line-height:50px}}@media (max-width:575px){.fs-60,h1{font-size:35px;line-height:42px}}.fs-18{font-size:18px}@media (max-width:767px){.fs-18{font-size:16px}}.fs-40{font-size:40px}@media (max-width:991px){.fs-40{font-size:36px}}@media (max-width:575px){.fs-40{font-size:32px}}h2{font-size:30px}@media (max-width:575px){h2{font-size:26px}}.section-heading h2{position:relative}.section-heading h2:after{background-color:#7638f9;border-radius:2px;bottom:-4px;content:"";height:2px;left:6%;position:absolute;width:33%}.fs-20{font-size:20px}@media (max-width:991px){.fs-20{font-size:18px}}.fs-30{font-size:30px}@media (max-width:991px){.fs-30{font-size:26px}}@media (max-width:575px){.fs-30{font-size:24px}}.fw-5{font-weight:500}.fw-6{font-weight:600}.pt-50{padding-top:50px}.pb-50{padding-bottom:50px}.pt-60{padding-top:60px}.pb-60{padding-bottom:60px}.pb-40{padding-bottom:40px}.pt-100{padding-top:100px}@media (max-width:991px){.pt-100{padding-top:50px}}.pb-100{padding-bottom:100px}@media (max-width:991px){.pb-100{padding-bottom:50px}}.bg-light{background-color:#f3f3ff!important}.text-black{color:#1b1920}.text-gray-100{color:#99999a}.text-primary{color:#7638f9!important}.bg-primary{background-color:#7638f9!important}.form-control{background-color:#f7f7f7;border:1px solid #f7f7f7;color:#1b1920;height:60px;padding:10px 20px}.form-control::-moz-placeholder{color:#99999a}.form-control::placeholder{color:#99999a}.form-control:focus{border:1px solid #d8d8d8;box-shadow:none}mark{background-color:transparent;color:#7638f9}@media (max-width:767px){mark{color:#1b1920}}.slick-arrow{align-items:center;background-color:#7638f9;border:1px solid #7638f9;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;min-width:50px;position:absolute;width:50px}@media (max-width:575px){.slick-arrow{height:40px;min-width:40px;width:40px}}.slick-arrow.active,.slick-arrow:active,.slick-arrow:focus,.slick-arrow:hover{background-color:transparent;border:1px solid #7638f9;color:#7638f9}.vcard-template-section .vcard-bg{left:0;top:60px;z-index:-1}.vcard-template-section .plus-vector1{animation:zoom-in 3s linear infinite;left:100px;top:900px;z-index:-1}.vcard-template-section .plus-vector2{animation:zoom-in 3s linear infinite;bottom:550px;right:100px;z-index:-1}.vcard-template-section .plus-vector3{animation:zoom-in 3s linear infinite;bottom:60px;right:250px;z-index:-1}.vcard-template-section .template-card{margin:0 auto;max-width:400px}.vcard-template-section .template-card .card-img{border-radius:15px;box-shadow:0 8px 20px rgba(64,60,72,.1);height:auto;max-height:700px;overflow:hidden}.vcard-template-section .template-card .card-img:hover img{-o-object-position:left;object-position:left;transform-origin:50% 50%;transition-duration:.5s;transition:all 8s ease}.vcard-template-section .template-card .card-img img{height:700px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:all 8s ease;width:100%}@media (max-width:1199px){.vcard-template-section .template-card .card-img img{max-height:500px}}.curve-shape{overflow:hidden;padding-bottom:7%;position:relative;width:100%}.curve-shape svg{height:100%;left:0;position:absolute;top:1px;width:100%}.vcard-object{position:absolute;z-index:0}.vcard-object img{width:100%}@media (max-width:768px){.vcard-object img{width:70%}}@media (max-width:575px){.vcard-object img{width:50%}}.vcard-object.object-img-1{animation:movetopbounce 5s linear infinite;left:50%;top:0}.vcard-object.object-img-2{animation:movetopbounce 5s linear infinite;left:0;top:22%}.vcard-object.object-img-3{animation:zoom-in 3s linear infinite;left:20%;top:34%}.vcard-object.object-img-4{animation:moveleftbounce 3s linear infinite;left:36%;top:26%}.vcard-object.object-img-5{animation:zoom-in 3s linear infinite;right:10%;top:30%}.vcard-object.object-img-6{animation:moveleftbounce 2s linear infinite;right:5%;top:60%}.vcard-object.object-img-7{animation:zoom-in 3s linear infinite;left:7%;top:90%}.vcard-object.object-img-8{animation:movetopbounce 5s linear infinite;right:0;text-align:right;top:90%}@keyframes moveleftbounce{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}@keyframes movetopbounce{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes zoom-in{0%{transform:scale(.5)}50%{transform:scale(1)}to{transform:scale(.4)}}@keyframes zoom-in-zoom-out{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes geometric-form-animation{0%{transform:rotate(0deg)}50%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}.nav-link-white{color:#fff!important}@media (max-width:991px){.nav-link-white{color:#1b1920!important}}.top-margin{margin-bottom:190px;position:relative;top:178px}@media (max-width:1399px){.top-margin{margin-bottom:190px;position:relative;top:163px}}@media (max-width:1199px){.top-margin{margin-bottom:190px;position:relative;top:130px}}@media (max-width:991px){.top-margin{margin-bottom:190px;position:relative;top:110px}}@media (max-width:575px){.top-margin{margin-bottom:190px;position:relative;top:85px}}.top-margin-privacy{margin-bottom:190px;position:relative;top:178px}.js-cookie-consent{background:#f3f3ff;z-index:5}.js-cookie-consent .cookie-consent__message{color:#000!important}@media (max-width:375px){input.contact-section-submit-btn{font-size:12px!important;padding:6px!important}}.ribbon-wrapper{height:88px;left:0!important;overflow:hidden;position:absolute;top:0!important;width:85px}.ribbon-wrapper .ribbon{background-color:#3498db;color:#333;color:#fff;font-size:10px!important;left:-27px;padding:7px 0;position:relative;text-align:center;top:17px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);width:120px}.main-social-links{align-items:center;display:flex;flex-wrap:wrap}@media (max-width:991px){.main-social-links{justify-content:center}}.main-social-links a{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:20px;height:37px;justify-content:center;margin:5px;transition:.5s ease;width:37px}.main-social-links a.globe{color:#0d6efd}.main-social-links a.globe:hover{background-color:#0d6efd;color:#fff}.main-social-links a.twitter .icon{fill:#000}.main-social-links a.twitter:hover{background-color:#000}.main-social-links a.twitter:hover .icon{fill:#fff}.main-social-links a.facebook{color:#0a66ff}.main-social-links a.facebook:hover{background-color:#0a66ff;color:#fff}.main-social-links a.instagram{color:#ee2a7b}.main-social-links a.instagram:hover{background:linear-gradient(213deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.main-social-links a.youtube{color:#fd0200}.main-social-links a.youtube:hover{background-color:#fd0200;color:#fff}.main-social-links a.tumblr{color:#001a35}.main-social-links a.tumblr:hover{background-color:#001a35;color:#fff}.main-social-links a.reddit{color:#fd4500}.main-social-links a.reddit:hover{background-color:#fd4500;color:#fff}.main-social-links a.linkedin{color:#0c66c2}.main-social-links a.linkedin:hover{background-color:#0c66c2;color:#fff}.main-social-links a.whatsapp{color:#2bd44b}.main-social-links a.whatsapp:hover{background-color:#2bd44b;color:#fff}.main-social-links a.pinterest{color:#e60222}.main-social-links a.pinterest:hover{background-color:#e60222;color:#fff}.main-social-links a.tiktok{color:#000}.main-social-links a.tiktok:hover{background-color:#000;color:#fff}.header[dir=rtl] .dropdown .dropdown-toggle:after{margin-left:auto;margin-right:10px}.header[dir=rtl] .me-1{margin-left:.25rem!important;margin-right:auto}@media (max-width:768px){.new-footer-term{margin-top:90px!important}}@media (max-width:425px){.new-footer-term{text-align:center!important}}.vcard-alias-search #search-alias-input{padding:20px 153px 20px 20px}.vcard-alias-search #search-alias-btn{position:absolute;transform:translateY(-50%)}@media (max-width:440px){.vcard-alias-search #search-alias-input{padding:20px}.vcard-alias-search #search-alias-btn{margin-top:10px;position:relative;transform:translateY(0)}}.whatsapp-widget{bottom:24px;position:fixed;right:24px;z-index:999999}.whatsapp-sticky-btn{align-items:center;background-color:#25d366;border:none;border-radius:50%;box-shadow:0 10px 25px rgba(0,0,0,.2);cursor:pointer;display:flex;height:64px;justify-content:center;position:relative;transition:transform .3s ease;width:64px}.whatsapp-sticky-btn:hover{transform:scale(1.1)}.whatsapp-sticky-btn i,.whatsapp-sticky-btn svg{color:#fff!important;font-size:32px}.whatsapp-notification{background-color:#ff3b30;border:2px solid #fff;border-radius:50%;height:14px;position:absolute;right:2px;top:2px;width:14px}.whatsapp-modal{background-color:#f0ede8;border:1px solid rgba(0,0,0,.1);border-radius:2rem;bottom:80px;box-shadow:0 20px 50px rgba(0,0,0,.3);display:none;overflow:hidden;position:absolute;right:0;transform-origin:bottom right;width:320px}@media (max-width:575px){.whatsapp-modal{max-width:320px;width:calc(100vw - 48px)}}.whatsapp-header{background-color:#075e54;color:#fff;padding:1.2rem}.whatsapp-header #closeWhatsapp{line-height:1;text-decoration:none}.whatsapp-header #closeWhatsapp:hover{color:hsla(0,0%,100%,.8)!important}.whatsapp-header #closeWhatsapp i{vertical-align:middle}.whatsapp-chat-btn{background-color:#25d366;border-radius:.75rem;color:#fff;font-weight:700;padding:.8rem 1rem;text-decoration:none;transition:all .2s ease}.whatsapp-chat-btn:hover{background-color:#20ba59;color:#fff;transform:translateY(-2px)}.whatsapp-message{background:#fff;border-radius:0 1rem 1rem 1rem;box-shadow:0 2px 5px rgba(0,0,0,.05);padding:1rem;position:relative}.whatsapp-message:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 .5h7c2.5 0 5 2.5 5 5v13L0 .5Z' fill='%23fff'/%3E%3C/svg%3E");content:"";height:19px;left:-10px;position:absolute;top:0;width:12px}

/* =========================================================
   VISIT MY PROFILE — PREMIUM MODERN SAAS HERO
   ========================================================= */

.vmp-premium-hero {
    position: relative;
    overflow: hidden;
    min-height: 720px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 82% 20%, rgba(41, 198, 255, .18), transparent 30%),
        radial-gradient(circle at 58% 85%, rgba(34, 101, 255, .12), transparent 28%),
        linear-gradient(135deg, #f7fbff 0%, #eef7ff 52%, #ffffff 100%);
    padding: 105px 0 90px;
}

.vmp-premium-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(12, 35, 64, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(12, 35, 64, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 85%);
    pointer-events: none;
}

.vmp-hero-container {
    position: relative;
    z-index: 2;
}

.vmp-hero-content {
    max-width: 650px;
    position: relative;
    z-index: 3;
}

.vmp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 9px 15px;
    border: 1px solid rgba(17, 91, 168, .16);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #0c3d6e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    box-shadow: 0 8px 30px rgba(16, 65, 105, .06);
}

.vmp-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16c9ff;
    box-shadow: 0 0 0 5px rgba(22,201,255,.12);
}

.vmp-premium-hero h1 {
    margin: 0 0 24px;
    max-width: 650px;
    color: #071d38;
    font-size: clamp(42px, 5vw, 70px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.045em;
}

.vmp-hero-description {
    max-width: 590px;
    margin: 0 0 34px;
    color: #526579;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7;
}

.vmp-hero-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.vmp-btn {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.vmp-btn:hover {
    transform: translateY(-2px);
}

.vmp-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #073b78 0%, #0755a8 55%, #08aee8 100%);
    box-shadow: 0 14px 30px rgba(5, 76, 142, .22);
}

.vmp-btn-primary:hover {
    color: #fff !important;
    box-shadow: 0 18px 38px rgba(5, 76, 142, .30);
}

.vmp-btn-arrow {
    font-size: 20px;
    line-height: 1;
}

.vmp-btn-secondary {
    color: #123a61 !important;
    border: 1px solid rgba(15, 70, 119, .18);
    background: rgba(255,255,255,.78);
}

.vmp-btn-secondary:hover {
    background: #fff;
    box-shadow: 0 10px 25px rgba(15, 54, 92, .08);
}

.vmp-hero-trust {
    display: flex;
    gap: 28px;
    margin-top: 42px;
    flex-wrap: wrap;
}

.vmp-hero-trust > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vmp-hero-trust strong {
    color: #0a72b7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.vmp-hero-trust span {
    color: #526579;
    font-size: 12px;
    font-weight: 600;
}

.vmp-hero-visual {
    position: relative;
    width: min(100%, 535px);
    min-height: 560px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vmp-hero-visual::before {
    content: "";
    position: absolute;
    width: 410px;
    height: 410px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 167, 232, .16), rgba(10, 65, 130, .05));
    filter: blur(2px);
}

.vmp-profile-card {
    position: relative;
    z-index: 2;
    width: min(100%, 390px);
    min-height: 475px;
    padding: 27px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 5%, rgba(24,199,255,.28), transparent 32%),
        linear-gradient(150deg, #06264b 0%, #073e78 55%, #075a91 100%);
    box-shadow:
        0 35px 80px rgba(4, 42, 77, .24),
        0 8px 24px rgba(5, 72, 119, .12);
    transform: rotate(2deg);
    transition: transform .35s ease, box-shadow .35s ease;
}

.vmp-profile-card:hover {
    transform: rotate(0deg) translateY(-5px);
    box-shadow:
        0 42px 90px rgba(4, 42, 77, .28),
        0 10px 28px rgba(5, 72, 119, .15);
}

.vmp-profile-card::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    right: -100px;
    bottom: -90px;
    border-radius: 50%;
    background: rgba(20, 206, 255, .12);
}

.vmp-card-top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vmp-card-label {
    color: rgba(255,255,255,.68);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.vmp-card-menu {
    color: rgba(255,255,255,.65);
    letter-spacing: 2px;
}

.vmp-profile-brand {
    position: relative;
    z-index: 2;
    height: 95px;
    margin: 22px 0 10px;
    display: flex;
    align-items: center;
}

.vmp-profile-brand img {
    display: block;
    width: auto;
    max-width: 260px;
    max-height: 78px;
    object-fit: contain;
    object-position: left center;
    border-radius: 0;
}

.vmp-profile-avatar {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255,255,255,.7);
    border-radius: 50%;
    background: linear-gradient(135deg, #13c8f5, #075ba3);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

.vmp-profile-info {
    position: relative;
    z-index: 2;
    margin-top: 19px;
}

.vmp-profile-info h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 22px;
    font-weight: 750;
}

.vmp-profile-info p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 13px;
}

.vmp-profile-actions {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 28px;
}

.vmp-profile-actions span {
    padding: 10px 6px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.vmp-profile-link {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding: 13px 15px;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.82);
    font-size: 11px;
    font-weight: 600;
}

.vmp-profile-link span:last-child {
    color: #4edbff;
    font-size: 17px;
}

.vmp-floating-badge {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 15px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 20px 45px rgba(13, 53, 88, .15);
    backdrop-filter: blur(14px);
}

.vmp-floating-badge strong,
.vmp-floating-badge small {
    display: block;
}

.vmp-floating-badge strong {
    color: #123a61;
    font-size: 12px;
    font-weight: 800;
}

.vmp-floating-badge small {
    margin-top: 3px;
    color: #708094;
    font-size: 10px;
    font-weight: 500;
}

.vmp-badge-top {
    top: 58px;
    right: 0;
}

.vmp-badge-bottom {
    bottom: 48px;
    left: 0;
}

.vmp-badge-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #e8f8ff;
    color: #0879bb;
    font-size: 19px;
    font-weight: 700;
}

.vmp-qr-mini {
    width: 38px;
    height: 38px;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    border-radius: 7px;
    background: #fff;
    border: 1px solid #dbe8f0;
}

.vmp-qr-mini i {
    display: block;
    background: #0b3156;
}

.vmp-qr-mini i:nth-child(2),
.vmp-qr-mini i:nth-child(5),
.vmp-qr-mini i:nth-child(8),
.vmp-qr-mini i:nth-child(11) {
    background: #0e9ed7;
}

@media (max-width: 991.98px) {
    .vmp-premium-hero {
        min-height: auto;
        padding: 85px 0 70px;
    }

    .vmp-hero-content {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .vmp-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .vmp-hero-actions,
    .vmp-hero-trust {
        justify-content: center;
    }

    .vmp-hero-visual {
        margin-top: 25px;
    }
}

@media (max-width: 575.98px) {
    .vmp-premium-hero {
        padding: 65px 0 50px;
    }

    .vmp-premium-hero h1 {
        font-size: 42px;
        line-height: 1.08;
    }

    .vmp-hero-description {
        font-size: 16px;
        line-height: 1.65;
    }

    .vmp-btn {
        width: 100%;
    }

    .vmp-hero-trust {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        text-align: left;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .vmp-hero-visual {
        min-height: 500px;
        margin-top: 10px;
    }

    .vmp-profile-card {
        width: 88%;
        min-height: 425px;
        padding: 22px;
        transform: none;
    }

    .vmp-profile-brand {
        height: 78px;
    }

    .vmp-profile-brand img {
        max-width: 215px;
        max-height: 65px;
    }

    .vmp-badge-top {
        top: 20px;
        right: -2px;
    }

    .vmp-badge-bottom {
        bottom: 18px;
        left: -2px;
    }

    .vmp-floating-badge {
        padding: 10px 12px;
    }

    .vmp-floating-badge strong {
        font-size: 10px;
    }

    .vmp-floating-badge small {
        font-size: 9px;
    }
}


/* =========================================================
   VISIT MY PROFILE — PREMIUM THEME 2 HERO
   ========================================================= */

.vmp-premium-hero {
    position: relative;
    overflow: hidden;
    min-height: 760px;
    padding: 110px 0 95px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 82% 18%, rgba(15, 185, 239, .18), transparent 30%),
        radial-gradient(circle at 62% 90%, rgba(33, 88, 177, .12), transparent 28%),
        linear-gradient(135deg, #f7fbff 0%, #edf7ff 52%, #ffffff 100%);
}

.vmp-premium-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(12, 45, 78, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(12, 45, 78, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 88%);
    pointer-events: none;
}

.vmp-premium-hero .hero-bg-img {
    display: none;
}

.vmp-hero-container {
    position: relative;
    z-index: 2;
}

.vmp-hero-content {
    position: relative;
    z-index: 3;
    max-width: 650px;
}

.vmp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 9px 15px;
    border: 1px solid rgba(17, 91, 168, .15);
    border-radius: 999px;
    background: rgba(255,255,255,.76);
    color: #0a416f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    box-shadow: 0 8px 30px rgba(16, 65, 105, .06);
}

.vmp-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #12c8f4;
    box-shadow: 0 0 0 5px rgba(18,200,244,.12);
}

.vmp-premium-hero h1 {
    margin: 0 0 24px;
    max-width: 650px;
    color: #071d38;
    font-size: clamp(43px, 5vw, 70px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.045em;
}

.vmp-hero-description {
    max-width: 590px;
    margin: 0 0 32px;
    color: #526579;
    font-size: 19px;
    line-height: 1.7;
}

.vmp-hero-actions {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.vmp-btn {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .25s ease;
}

.vmp-btn:hover {
    transform: translateY(-2px);
}

.vmp-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #073b78 0%, #0755a8 55%, #08aee8 100%);
    box-shadow: 0 14px 30px rgba(5, 76, 142, .22);
}

.vmp-btn-primary:hover {
    color: #fff !important;
    box-shadow: 0 18px 38px rgba(5, 76, 142, .30);
}

.vmp-btn-secondary {
    color: #123a61 !important;
    border: 1px solid rgba(15, 70, 119, .18);
    background: rgba(255,255,255,.8);
}

.vmp-btn-secondary:hover {
    background: #fff;
    box-shadow: 0 10px 25px rgba(15, 54, 92, .08);
}

.vmp-search-wrapper {
    max-width: 590px;
    margin-top: 30px;
}

.vmp-search-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: #244663;
    font-size: 13px;
    font-weight: 700;
}

.vmp-search-icon {
    color: #087db9;
    font-size: 20px;
    line-height: 1;
}

.vmp-search-box {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px;
    border: 1px solid rgba(11, 74, 120, .14);
    border-radius: 15px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 15px 35px rgba(16, 58, 91, .08);
}

.vmp-search-box input {
    height: 48px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #173b5d !important;
    font-size: 14px !important;
}

.vmp-search-box input::placeholder {
    color: #899aaa;
}

.vmp-search-btn {
    min-width: 92px;
    height: 46px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #073b78, #08aee8);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(6, 94, 151, .18);
}

.vmp-search-btn:hover {
    color: #fff;
    transform: translateY(-1px);
}

.vmp-hero-trust {
    display: flex;
    gap: 27px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.vmp-hero-trust > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vmp-hero-trust strong {
    color: #087db9;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.vmp-hero-trust span {
    color: #526579;
    font-size: 12px;
    font-weight: 600;
}

.vmp-hero-visual {
    position: relative;
    width: min(100%, 535px);
    min-height: 580px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vmp-hero-visual::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 167, 232, .16), rgba(10, 65, 130, .05));
}

.vmp-profile-card {
    position: relative;
    z-index: 2;
    width: min(100%, 390px);
    min-height: 475px;
    padding: 27px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 5%, rgba(24,199,255,.28), transparent 32%),
        linear-gradient(150deg, #06264b 0%, #073e78 55%, #075a91 100%);
    box-shadow:
        0 35px 80px rgba(4, 42, 77, .24),
        0 8px 24px rgba(5, 72, 119, .12);
    transform: rotate(2deg);
    transition: transform .35s ease, box-shadow .35s ease;
}

.vmp-profile-card:hover {
    transform: rotate(0deg) translateY(-5px);
    box-shadow:
        0 42px 90px rgba(4, 42, 77, .28),
        0 10px 28px rgba(5, 72, 119, .15);
}

.vmp-profile-card::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    right: -100px;
    bottom: -90px;
    border-radius: 50%;
    background: rgba(20, 206, 255, .12);
}

.vmp-card-top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vmp-card-label {
    color: rgba(255,255,255,.68);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.vmp-card-menu {
    color: rgba(255,255,255,.65);
    letter-spacing: 2px;
}

.vmp-profile-brand {
    position: relative;
    z-index: 2;
    height: 95px;
    margin: 22px 0 10px;
    display: flex;
    align-items: center;
}

.vmp-profile-brand img {
    display: block;
    width: auto;
    max-width: 260px;
    max-height: 78px;
    object-fit: contain;
}

.vmp-profile-avatar {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255,255,255,.7);
    border-radius: 50%;
    background: linear-gradient(135deg, #13c8f5, #075ba3);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

.vmp-profile-info {
    position: relative;
    z-index: 2;
    margin-top: 19px;
}

.vmp-profile-info h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 22px;
    font-weight: 750;
}

.vmp-profile-info p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 13px;
}

.vmp-profile-actions {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 28px;
}

.vmp-profile-actions span {
    padding: 10px 6px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.vmp-profile-link {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding: 13px 15px;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.82);
    font-size: 11px;
    font-weight: 600;
}

.vmp-profile-link span:last-child {
    color: #4edbff;
    font-size: 17px;
}

.vmp-floating-badge {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 15px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 20px 45px rgba(13, 53, 88, .15);
    backdrop-filter: blur(14px);
}

.vmp-floating-badge strong,
.vmp-floating-badge small {
    display: block;
}

.vmp-floating-badge strong {
    color: #123a61;
    font-size: 12px;
    font-weight: 800;
}

.vmp-floating-badge small {
    margin-top: 3px;
    color: #708094;
    font-size: 10px;
}

.vmp-badge-top {
    top: 65px;
    right: 0;
}

.vmp-badge-bottom {
    bottom: 50px;
    left: 0;
}

.vmp-badge-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #e8f8ff;
    color: #0879bb;
    font-size: 19px;
    font-weight: 700;
}

.vmp-qr-mini {
    width: 38px;
    height: 38px;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    border-radius: 7px;
    background: #fff;
    border: 1px solid #dbe8f0;
}

.vmp-qr-mini i {
    display: block;
    background: #0b3156;
}

.vmp-qr-mini i:nth-child(2),
.vmp-qr-mini i:nth-child(5),
.vmp-qr-mini i:nth-child(8),
.vmp-qr-mini i:nth-child(11) {
    background: #0e9ed7;
}

@media (max-width: 991.98px) {
    .vmp-premium-hero {
        min-height: auto;
        padding: 85px 0 70px;
    }

    .vmp-hero-content {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .vmp-hero-description,
    .vmp-search-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    .vmp-hero-actions,
    .vmp-hero-trust {
        justify-content: center;
    }

    .vmp-hero-visual {
        margin-top: 25px;
    }
}

@media (max-width: 575.98px) {
    .vmp-premium-hero {
        padding: 65px 0 50px;
    }

    .vmp-premium-hero h1 {
        font-size: 42px;
        line-height: 1.08;
    }

    .vmp-hero-description {
        font-size: 16px;
    }

    .vmp-btn {
        width: 100%;
    }

    .vmp-search-box {
        padding: 5px;
    }

    .vmp-search-btn {
        min-width: 78px;
    }

    .vmp-hero-trust {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        text-align: left;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .vmp-hero-visual {
        min-height: 500px;
        margin-top: 10px;
    }

    .vmp-profile-card {
        width: 88%;
        min-height: 425px;
        padding: 22px;
        transform: none;
    }

    .vmp-profile-brand {
        height: 78px;
    }

    .vmp-profile-brand img {
        max-width: 215px;
        max-height: 65px;
    }

    .vmp-badge-top {
        top: 20px;
        right: -2px;
    }

    .vmp-badge-bottom {
        bottom: 18px;
        left: -2px;
    }

    .vmp-floating-badge {
        padding: 10px 12px;
    }

    .vmp-floating-badge strong {
        font-size: 10px;
    }

    .vmp-floating-badge small {
        font-size: 9px;
    }
}

/* VMP HERO DESKTOP BALANCE */
@media (min-width: 992px) {
    .vmp-premium-hero .vmp-hero-container .col-lg-6:first-child {
        width: 58%;
        flex: 0 0 58%;
    }
    .vmp-premium-hero .vmp-hero-container .col-lg-6:last-child {
        width: 42%;
        flex: 0 0 42%;
    }
    .vmp-premium-hero .vmp-hero-content {
        max-width: 680px;
    }
    .vmp-premium-hero h1 {
        max-width: 680px;
        font-size: clamp(48px, 4.4vw, 66px);
    }
}