{"id":212,"date":"2025-09-11T10:42:31","date_gmt":"2025-09-11T10:42:31","guid":{"rendered":"https:\/\/viewri.com\/?page_id=212"},"modified":"2025-12-29T06:46:55","modified_gmt":"2025-12-29T06:46:55","slug":"profile-picture","status":"publish","type":"page","link":"https:\/\/viewri.com\/instagram\/profile-picture\/","title":{"rendered":"Instagram Profile Picture Viewer"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Montserrat:wght@700&display=swap\"\r\n        rel=\"stylesheet\">\r\n    <style>\r\n        .ih-body {\r\n          \r\n            margin-bottom:40px;\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\r\n            position: relative;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ih-wrapper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .ih-animated-bg {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n\t\t\t\t\t background: radial-gradient(circle at 80% 10%, #ec407a22 0%, transparent 60%),\r\n                radial-gradient(circle at 10% 90%, #1e88e522 0%, transparent 60%);\r\n            animation: ih-bgMove 12s linear infinite alternate;\r\n           \r\n        }\r\n\r\n        @keyframes ih-bgMove {\r\n            0% {\r\n                background-position: 80% 10%, 10% 90%;\r\n            }\r\n\r\n            100% {\r\n                background-position: 70% 20%, 20% 80%;\r\n            }\r\n        }\r\n\r\n\r\n\r\n        .ih-main-card {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            border-radius: 32px;\r\n            background: rgba(255, 255, 255, 0.80);\r\n            box-shadow: 0 8px 32px rgba(30, 136, 229, 0.13), 0 1.5px 16px 0 rgba(236, 64, 122, 0.10);\r\n            padding: 38px 36px 30px 36px;\r\n            backdrop-filter: blur(18px);\r\n            border: 2.5px solid rgba(236, 64, 122, 0.10);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-main-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -3px;\r\n            border-radius: 36px;\r\n            z-index: 0;\r\n            background: linear-gradient(90deg, #f8fafc 0%, #e0e7ff 100%);\r\n            filter: blur(6px) brightness(1.1);\r\n            opacity: 0.18;\r\n            animation: ih-borderSpin 8s linear infinite;\r\n        }\r\n\r\n        @keyframes ih-borderSpin {\r\n            0% {\r\n                filter: blur(6px) brightness(1.1) hue-rotate(0deg);\r\n            }\r\n\r\n            100% {\r\n                filter: blur(6px) brightness(1.1) hue-rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .ih-logo-anim {\r\n            font-size: 2.7rem;\r\n            color: #ec407a;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        @keyframes ih-logoPulse {\r\n\r\n            0%,\r\n            100% {\r\n                transform: scale(1);\r\n                filter: drop-shadow(0 2px 8px #ec407a33);\r\n            }\r\n\r\n            50% {\r\n                transform: scale(1.08);\r\n                filter: drop-shadow(0 4px 16px #ec407a55);\r\n            }\r\n        }\r\n\r\n        .ih-h1 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 2.8rem;\r\n            font-weight: 800;\r\n            margin: 0 0 8px 0;\r\n            letter-spacing: -1.5px;\r\n            background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-align: center;\r\n            animation: ih-logoPulse 3s ease-in-out infinite;\r\n        }\r\n\r\n        .ih-h2 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #64748b;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.5px;\r\n            text-align: center;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .ih-desc {\r\n            color: #64748b;\r\n            font-size: 1.08rem;\r\n            margin-bottom: 24px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .ih-input-group {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-bottom: 16px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ih-input-group input {\r\n            flex: 1;\r\n            padding: 14px 16px;\r\n            border-radius: 12px;\r\n            border: 1.5px solid #e0e7ef;\r\n            font-size: 1.08rem;\r\n            outline: none;\r\n            background: rgba(255, 255, 255, 0.85);\r\n            font-weight: 500;\r\n            color: #1e293b;\r\n            transition: border 0.2s, box-shadow 0.2s;\r\n            box-shadow: 0 1.5px 8px 0 rgba(30, 136, 229, 0.04);\r\n        }\r\n\r\n        .ih-input-group input:focus {\r\n            border: 1.5px solid #ec407a;\r\n            box-shadow: 0 2px 12px 0 rgba(236, 64, 122, 0.10);\r\n        }\r\n\r\n        .ih-input-group button {\r\n            background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            padding: 0 22px;\r\n            font-size: 1.08rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(30, 136, 229, 0.10);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-input-group button:hover {\r\n            background: linear-gradient(45deg, #4f5bd5, #962fbf, #d62976, #fa7e1e, #feda75);\r\n            box-shadow: 0 4px 18px 0 rgba(236, 64, 122, 0.13);\r\n            transform: translateY(-2px) scale(1.04);\r\n        }\r\n\r\n        .ih-error {\r\n            color: #fff;\r\n            background: linear-gradient(90deg, #d62976 0%, #fa7e1e 100%);\r\n            border-radius: 8px;\r\n            margin-bottom: 12px;\r\n            display: none;\r\n            font-weight: 700;\r\n            letter-spacing: 0.2px;\r\n            padding: 10px 0;\r\n            box-shadow: 0 2px 12px 0 rgba(236, 64, 122, 0.10);\r\n            font-size: 1.01rem;\r\n            animation: ih-fadeIn 0.5s;\r\n        }\r\n\r\n        @keyframes ih-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-10px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .ih-results {\r\n            margin-top: 18px;\r\n            z-index: 2;\r\n            position: relative;\r\n        }\r\n\r\n        .ih-img-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 28px;\r\n            margin-top: 10px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .ih-profile-img-block {\r\n            background: rgba(255, 255, 255, 0.98);\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px rgba(30, 136, 229, 0.10), 0 1.5px 16px 0 rgba(236, 64, 122, 0.08);\r\n            border: 1.5px solid #e0e7ef;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            min-width: 0;\r\n            animation: ih-fadeIn 0.7s;\r\n            overflow: hidden;\r\n            transition: box-shadow 0.2s, transform 0.2s;\r\n        }\r\n\r\n        .ih-profile-img-block:hover {\r\n            box-shadow: 0 8px 32px rgba(236, 64, 122, 0.13), 0 2px 24px 0 rgba(30, 136, 229, 0.10);\r\n            transform: translateY(-2px) scale(1.025);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-img-wrap {\r\n            width: 100%;\r\n            aspect-ratio: 1.3\/1;\r\n            background: linear-gradient(120deg, #e0e7ff 0%, #f8fafc 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-profile-img-block img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            border: none;\r\n            border-radius: 0;\r\n            box-shadow: none;\r\n            margin: 0;\r\n            transition: transform 0.2s;\r\n            cursor: pointer;\r\n            display: block;\r\n        }\r\n\r\n        .ih-profile-img-block img:hover {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-label {\r\n            font-size: 1.04rem;\r\n            color: #1e293b;\r\n            margin: 14px 0 2px 0;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            word-break: break-all;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-resolution {\r\n            font-size: 0.97rem;\r\n            color: #1e88e5;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            text-align: center;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-img-actions {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-download-btn {\r\n            background: linear-gradient(90deg, #feda75 0%, #d62976 100%);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 7px;\r\n            padding: 10px 28px;\r\n            font-size: 1.05rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(253, 218, 117, 0.13);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-download-btn:hover {\r\n            background: linear-gradient(90deg, #d62976 0%, #feda75 100%);\r\n            box-shadow: 0 4px 18px 0 rgba(236, 64, 122, 0.18);\r\n            transform: translateY(-2px) scale(1.05);\r\n        }\r\n\r\n        .ih-username {\r\n            font-size: 1.18rem;\r\n            font-weight: 800;\r\n            color: #1e293b;\r\n            margin-bottom: 2px;\r\n            letter-spacing: 0.2px;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        }\r\n\r\n        .ih-fullname {\r\n            font-size: 1.05rem;\r\n            color: #64748b;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .ih-skeleton-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 28px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .ih-skeleton-img-block {\r\n            background: rgba(255, 255, 255, 0.97);\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px rgba(30, 136, 229, 0.10), 0 1.5px 16px 0 rgba(236, 64, 122, 0.08);\r\n            border: 1.5px solid #e0e7ef;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            min-width: 0;\r\n            animation: ih-fadeIn 0.7s;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-skeleton-img {\r\n            width: 100%;\r\n            aspect-ratio: 1.3\/1;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            margin: 0;\r\n        }\r\n\r\n        .ih-skeleton-label,\r\n        .ih-skeleton-res {\r\n            height: 16px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            border-radius: 4px;\r\n            margin: 14px auto 8px auto;\r\n        }\r\n\r\n        .ih-skeleton-actions {\r\n            width: 60%;\r\n            height: 32px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            border-radius: 7px;\r\n            margin: 0 auto 18px auto;\r\n        }\r\n\r\n        @keyframes ih-shimmer {\r\n            0% {\r\n                background-position: -1000px 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 1000px 0;\r\n            }\r\n        }\r\n\t\t\t\r\n\t\t\t.ih-main-card {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\twidth: 100%;\r\n\tborder-radius: 32px;\r\n\tbackground: rgba(255, 255, 255, 0.80);\r\n\tbox-shadow: 0 8px 32px rgba(30, 136, 229, 0.13), 0 1.5px 16px 0 rgba(236, 64, 122, 0.10);\r\n\tpadding: 38px 36px 30px 36px;\r\n\tbackdrop-filter: blur(18px);\r\n\tborder: 2.5px solid rgba(236, 64, 122, 0.10);\r\n\toverflow: hidden;\r\n\ttext-align: center;\r\n}\r\n\r\n      @media (max-width: 992px) {\r\n    .ih-main-card {\r\n        padding: 30px 28px 25px 28px;\r\n        border-radius: 28px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 32px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 2.4rem;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 1rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 12px 14px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        padding: 0 18px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 24px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 1rem;\r\n        margin: 12px 0 2px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 9px 24px;\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ih-body {\r\n        padding: 15px;\r\n    }\r\n\r\n    .ih-main-card {\r\n        padding: 25px 20px 20px 20px;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 28px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 2rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.95rem;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .ih-input-group {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 10px 12px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        width: 100%;\r\n        padding: 10px 12px;\r\n        font-size: 0.95rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.95rem;\r\n        margin: 10px 0 2px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.85rem;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 8px 20px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.95rem;\r\n        padding: 8px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 14px;\r\n        width: 70px;\r\n        margin: 10px auto 6px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 70%;\r\n        height: 30px;\r\n        margin: 0 auto 16px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .ih-main-card {\r\n        padding: 20px 15px 15px 15px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.8rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1rem;\r\n        margin-bottom: 3px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 9px 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        padding: 9px 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.9rem;\r\n        margin: 8px 0 1px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.8rem;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 7px 18px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.9rem;\r\n        padding: 7px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 12px;\r\n        width: 60px;\r\n        margin: 8px auto 5px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 75%;\r\n        height: 28px;\r\n        margin: 0 auto 14px auto;\r\n    }\r\n\t.ih-logo-anim {\r\n\tfont-size: 2.7rem;\r\n\tcolor: #ec407a;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\t.ih-h1 {\r\n\tfont-size: 1.4rem;\r\n\tmargin-bottom: 4px;\r\n}\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .ih-main-card {\r\n        padding: 18px 12px 12px 12px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.6rem;\r\n        margin-bottom: 3px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.85rem;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .ih-input-group input,\r\n    .ih-input-group button {\r\n        padding: 8px 10px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: 1fr; \/* Stack items on very small screens *\/\r\n        gap: 12px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.85rem;\r\n        margin: 7px 0 1px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.75rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 6px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.85rem;\r\n        padding: 6px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 11px;\r\n        width: 55px;\r\n        margin: 7px auto 4px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 80%;\r\n        height: 25px;\r\n        margin: 0 auto 12px auto;\r\n    }\r\n\t.ih-logo-anim {\r\n\tfont-size: 2.7rem;\r\n\tcolor: #ec407a;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\t.ih-h1 {\r\n\tfont-size: 1.4rem;\r\n\tmargin-bottom: 4px;\r\n}\r\n}\r\n\r\n@media (max-width: 375px) {\r\n    .ih-main-card {\r\n        padding: 15px 10px 10px 10px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.8rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ih-input-group input,\r\n    .ih-input-group button {\r\n        padding: 7px 8px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        gap: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.8rem;\r\n        margin: 6px 0 0 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.7rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 5px 12px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.8rem;\r\n        padding: 5px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 10px;\r\n        width: 50px;\r\n        margin: 6px auto 3px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 85%;\r\n        height: 22px;\r\n        margin: 0 auto 10px auto;\r\n    }\r\n\t.ih-logo-anim {\r\n\tfont-size: 2.7rem;\r\n\tcolor: #ec407a;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\t.ih-h1 {\r\n\tfont-size: 1.4rem;\r\n\tmargin-bottom: 4px;\r\n}\r\n}\r\n      \r\n    <\/style>\r\n\r\n\r\n<div class=\"ih-body\">\r\n    <div class=\"ih-animated-bg\"><\/div>\r\n    <div class=\"ih-wrapper\">\r\n        <div class=\"ih-main-card\">\r\n        <div class=\"ih-logo-anim\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n        <h1 class=\"ih-h1\">Instagram Profile Picture Viewer<\/h1>\r\n        <h2 class=\"ih-h2\">View & Download Profile Pictures<\/h2>\r\n        <div class=\"ih-desc\">View and download Instagram profile pictures in all available resolutions.<br><span\r\n                style=\"color:#ec407a;font-weight:600; margin-top: 10px; display: block;\">No login required.<\/span><\/div>\r\n        <div class=\"ih-input-group\">\r\n            <input type=\"text\" id=\"ih-username\" placeholder=\"Enter Instagram username\" autocomplete=\"off\" \/>\r\n            <button id=\"ih-fetch-btn\"><i class=\"fa-solid fa-search\"><\/i> View<\/button>\r\n        <\/div>\r\n        <div class=\"ih-error\" id=\"ih-error-message\"><\/div>\r\n        <div class=\"ih-results\" id=\"ih-results\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        async function fetchProfile(username) {\r\n            const url = \"https:\/\/tools.xrespond.com\/api\/instagram\/profile-info\";\r\n            const formData = new FormData();\r\n            formData.append(\"profile\", username);\r\n            try {\r\n                const res = await fetch(url, { method: \"POST\", body: formData });\r\n                const data = await res.json();\r\n                if (!data || !data.data || !data.data.data) throw new Error(\"No data found\");\r\n                return data.data.data;\r\n            } catch (e) {\r\n                throw new Error(\"Failed to fetch profile info\");\r\n            }\r\n        }\r\n\r\n        function createImgBlock(label, url, width, height) {\r\n            return `<div class=\\\"ih-profile-img-block\\\">\r\n                <div class=\\\"ih-img-wrap\\\"><img src=\\\"${url}\\\" alt=\\\"Profile Picture\\\" loading=\\\"lazy\\\" width=\\\"${width || ''}\\\" height=\\\"${height || ''}\\\" title=\\\"Right-click to open in new tab\\\" \/><\/div>\r\n                <div class=\\\"ih-label\\\">${label}<\/div>\r\n                <div class=\\\"ih-resolution\\\">${width && height ? `${width}\u00d7${height}` : ''}<\/div>\r\n                <div class=\\\"ih-img-actions\\\">\r\n                    <button class=\\\"ih-download-btn\\\" data-url=\\\"${url}\\\"><i class=\\\"fa-solid fa-download\\\"><\/i> Download<\/button>\r\n                <\/div>\r\n            <\/div>`;\r\n        }\r\n\r\n        function showSkeletons(count) {\r\n            let html = '<div class=\"ih-skeleton-grid\">';\r\n            for (let i = 0; i < count; i++) {\r\n                html += `<div class=\\\"ih-skeleton-img-block\\\">\r\n                    <div class=\\\"ih-skeleton-img\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-label\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-res\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-actions\\\"><\/div>\r\n                <\/div>`;\r\n            }\r\n            html += '<\/div>';\r\n            return html;\r\n        }\r\n\r\n        function showError(msg) {\r\n            const err = document.getElementById('ih-error-message');\r\n            err.textContent = msg;\r\n            err.style.display = 'block';\r\n        }\r\n        function clearError() {\r\n            const err = document.getElementById('ih-error-message');\r\n            err.textContent = '';\r\n            err.style.display = 'none';\r\n        }\r\n\r\n        document.getElementById('ih-fetch-btn').onclick = async function () {\r\n            const username = document.getElementById('ih-username').value.trim().replace(\/^@\/, '');\r\n            const results = document.getElementById('ih-results');\r\n            results.innerHTML = showSkeletons(4);\r\n            clearError();\r\n            if (!username) {\r\n                results.innerHTML = '';\r\n                showError('Please enter a username.');\r\n                return;\r\n            }\r\n            try {\r\n                const data = await fetchProfile(username);\r\n                results.innerHTML = '';\r\n                results.innerHTML += `<div class=\\\"ih-username\\\">@${data.username || username}<\/div>`;\r\n                if (data.full_name) results.innerHTML += `<div class=\\\"ih-fullname\\\">${data.full_name}<\/div>`;\r\n                \/\/ Collect all available profile pic URLs\r\n                let urls = [];\r\n                if (data.hd_profile_pic_url) urls.push({ label: 'HD Profile Picture', url: data.hd_profile_pic_url });\r\n                if (data.profile_pic_url) urls.push({ label: 'Standard Profile Picture', url: data.profile_pic_url });\r\n                if (data.hd_profile_pic_versions && Array.isArray(data.hd_profile_pic_versions)) {\r\n                    data.hd_profile_pic_versions.forEach((v, i) => {\r\n                        urls.push({ label: `Version ${i + 1} (${v.width}x${v.height})`, url: v.url, width: v.width, height: v.height });\r\n                    });\r\n                }\r\n                \/\/ Remove duplicates\r\n                const seen = new Set();\r\n                const uniqueUrls = urls.filter(u => {\r\n                    if (seen.has(u.url)) return false;\r\n                    seen.add(u.url);\r\n                    return true;\r\n                });\r\n                if (uniqueUrls.length === 0) {\r\n                    results.innerHTML += '<div>No profile pictures found.<\/div>';\r\n                    return;\r\n                }\r\n                \/\/ Show as grid\r\n                let grid = '<div class=\"ih-img-grid\">';\r\n                uniqueUrls.forEach(u => {\r\n                    grid += createImgBlock(u.label, u.url, u.width, u.height);\r\n                });\r\n                grid += '<\/div>';\r\n                results.innerHTML += grid;\r\n            } catch (e) {\r\n                results.innerHTML = '';\r\n                showError('Could not fetch profile. Please check the username.');\r\n            }\r\n        };\r\n\r\n        document.getElementById('ih-results').addEventListener('click', function (e) {\r\n            \/\/ Download\r\n            if (e.target.classList.contains('ih-download-btn') || e.target.closest('.ih-download-btn')) {\r\n                const btn = e.target.closest('.ih-download-btn');\r\n                const url = btn.getAttribute('data-url');\r\n                const filename = 'instagram_profile_' + Date.now() + '.jpg';\r\n                fetch(url)\r\n                    .then(resp => resp.blob())\r\n                    .then(blob => {\r\n                        const link = document.createElement('a');\r\n                        link.href = URL.createObjectURL(blob);\r\n                        link.download = filename;\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n                        document.body.removeChild(link);\r\n                        setTimeout(() => URL.revokeObjectURL(link.href), 1000);\r\n                    });\r\n            }\r\n        });\r\n\r\n        \/\/ Allow right-click to open image in new tab (default browser behavior)\r\n        \/\/ Enter key support\r\n        document.getElementById('ih-username').addEventListener('keypress', function (e) {\r\n            if (e.key === 'Enter') document.getElementById('ih-fetch-btn').click();\r\n        });\r\n    <\/script>\r\n<\/div>\r\n\r\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\r\n        :root {\r\n            --ig-ppv-primary-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n            --ig-ppv-secondary-color: #833ab4;\r\n            --ig-ppv-text-color: #333;\r\n            --ig-ppv-light-bg: #f8f9fa;\r\n            --ig-ppv-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            --ig-ppv-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n            --ig-ppv-border-radius: 15px;\r\n            --ig-ppv-transition: all 0.3s ease;\r\n        }\r\n        \r\n        \r\n        \/* Hero Section *\/\r\n        .ig-ppv-hero {\r\n            background: var(--ig-ppv-primary-gradient);\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n\t\t\t\t\t\r\n        }\r\n        \r\n        .ig-ppv-hero::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n            z-index: 0;\r\n        }\r\n        \r\n        .ig-ppv-hero .container {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .ig-ppv-hero h1 {\r\n            color: white;\r\n            font-weight: 700;\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ig-ppv-hero p {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 1.3rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 40px;\r\n        }\r\n        \r\n        .ig-ppv-input-group {\r\n            max-width: 600px;\r\n            margin: 0 auto 30px;\r\n            position: relative;\r\n        }\r\n        \r\n        .ig-ppv-input-group .form-control {\r\n            padding: 15px 20px 15px 60px;\r\n            font-size: 1.1rem;\r\n            border: none;\r\n            border-radius: 50px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ig-ppv-input-group .input-group-text {\r\n            position: absolute;\r\n            left: 5px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: transparent;\r\n            border: none;\r\n            font-size: 1.5rem;\r\n            z-index: 10;\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-input-group .btn {\r\n            padding: 15px 30px;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            background: white;\r\n            color: var(--ig-ppv-secondary-color);\r\n            border: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-input-group .btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .ig-ppv-cta-group {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ig-ppv-cta-group .btn {\r\n            padding: 12px 30px;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-btn-primary {\r\n            background: white;\r\n            color: var(--ig-ppv-secondary-color);\r\n            border: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ig-ppv-btn-primary:hover {\r\n            background: rgba(255, 255, 255, 0.9);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .ig-ppv-btn-outline-light {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n        \r\n        .ig-ppv-btn-outline-light:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        \/* How It Works Section *\/\r\n        .ig-ppv-how {\r\n            padding: 80px 0;\r\n            background-color: var(--ig-ppv-light-bg);\r\n        }\r\n        \r\n        .ig-ppv-section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n        \r\n        .ig-ppv-section-title h2 {\r\n            font-weight: 700;\r\n            font-size: 2.5rem;\r\n            color: var(--ig-ppv-secondary-color);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .ig-ppv-section-title p {\r\n            color: #666;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .ig-ppv-step {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            background: white;\r\n            border-radius: var(--ig-ppv-border-radius);\r\n            box-shadow: var(--ig-ppv-card-shadow);\r\n            height: 100%;\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-step:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--ig-ppv-hover-shadow);\r\n        }\r\n        \r\n        .ig-ppv-step-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--ig-ppv-primary-gradient);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            font-size: 2rem;\r\n            color: white;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-step:hover .ig-ppv-step-icon {\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .ig-ppv-step-number {\r\n            position: absolute;\r\n            top: -15px;\r\n            left: -15px;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--ig-ppv-secondary-color);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .ig-ppv-step h3 {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-step p {\r\n            color: #666;\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* Features Section *\/\r\n        .ig-ppv-features {\r\n            padding: 80px 0;\r\n        }\r\n        \r\n        .ig-ppv-feature-card {\r\n            background: white;\r\n            border-radius: var(--ig-ppv-border-radius);\r\n            padding: 30px;\r\n            box-shadow: var(--ig-ppv-card-shadow);\r\n            height: 100%;\r\n            transition: var(--ig-ppv-transition);\r\n            border: 1px solid rgba(0, 0, 0, 0.03);\r\n        }\r\n        \r\n        .ig-ppv-feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--ig-ppv-hover-shadow);\r\n        }\r\n        \r\n        .ig-ppv-feature-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n        \r\n        .ig-ppv-feature-card h3 {\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-feature-card p {\r\n            color: #666;\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* FAQ Section *\/\r\n        .ig-ppv-faq {\r\n            padding: 80px 0;\r\n            background-color: var(--ig-ppv-light-bg);\r\n        }\r\n        \r\n        .ig-ppv-faq-item {\r\n            background: white;\r\n            border-radius: 12px;\r\n            margin-bottom: 20px;\r\n            box-shadow: var(--ig-ppv-card-shadow);\r\n            overflow: hidden;\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-faq-item:hover {\r\n            box-shadow: var(--ig-ppv-hover-shadow);\r\n        }\r\n        \r\n        .ig-ppv-faq-question {\r\n            padding: 20px 25px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background: white;\r\n            border: none;\r\n            width: 100%;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            color: var(--ig-ppv-secondary-color);\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-faq-question:hover {\r\n            background: rgba(131, 58, 180, 0.05);\r\n        }\r\n        \r\n        .ig-ppv-faq-question:not(.collapsed) {\r\n            background: rgba(131, 58, 180, 0.1);\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-faq-question:not(.collapsed)::after {\r\n            transform: rotate(180deg);\r\n        }\r\n        \r\n        .ig-ppv-faq-question::after {\r\n            content: '\\f107';\r\n            font-family: 'Font Awesome 6 Free';\r\n            font-weight: 900;\r\n            font-size: 1.2rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ig-ppv-faq-answer {\r\n            padding: 0 25px 25px;\r\n            color: #666;\r\n            line-height: 1.7;\r\n        }\r\n\t\r\n\t.ih-main-card {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\twidth: 100%;\r\n\tborder-radius: 32px;\r\n\tbackground: rgba(255, 255, 255, 0.80);\r\n\tbox-shadow: 0 8px 32px rgba(30, 136, 229, 0.13), 0 1.5px 16px 0 rgba(236, 64, 122, 0.10);\r\n\tpadding: 38px 36px 30px 36px;\r\n\tbackdrop-filter: blur(18px);\r\n\tborder: 2.5px solid rgba(236, 64, 122, 0.10);\r\n\toverflow: hidden;\r\n\ttext-align: center;\r\n\tmargin: 40px 0;\r\n}\r\n        \r\n       \/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 991.98px) {\r\n    .ig-ppv-hero {\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .ig-ppv-hero h1 {\r\n        font-size: 2.8rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        padding: 12px 15px 12px 50px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 1.3rem;\r\n        left: 10px;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn {\r\n        padding: 12px 25px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-cta-group {\r\n        gap: 15px;\r\n    }\r\n\r\n    .ig-ppv-cta-group .btn {\r\n        padding: 10px 25px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-section-title {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-step {\r\n        padding: 25px 15px;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        font-size: 1.8rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1.3rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card {\r\n        padding: 25px;\r\n        margin-bottom: 20px; \/* Add margin between cards in stacked layout *\/\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 2.2rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 18px 20px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 20px 20px;\r\n    }\r\n\t\r\n\t.ih-main-card {\r\n\tpadding: 30px 28px 25px 28px;\r\n\tborder-radius: 28px;\r\n\tmargin-top: 40px;\r\n}\r\n}\r\n\r\n@media (max-width: 767.98px) {\r\n    .ig-ppv-hero {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .ig-ppv-hero h1 {\r\n        font-size: 2.2rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 1rem;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .ig-ppv-input-group {\r\n        flex-direction: column; \/* Stack input and button *\/\r\n        gap: 15px;\r\n        max-width: 400px; \/* Limit width for better stacking *\/\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        width: 100%; \/* Full width when stacked *\/\r\n        padding: 10px 15px 10px 50px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn {\r\n        width: 100%; \/* Full width when stacked *\/\r\n        padding: 10px 20px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-cta-group {\r\n        flex-direction: column; \/* Stack CTA buttons *\/\r\n        gap: 10px;\r\n    }\r\n\r\n    .ig-ppv-cta-group .btn {\r\n        width: 100%; \/* Full width when stacked *\/\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-how,\r\n    .ig-ppv-features,\r\n    .ig-ppv-faq {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-step {\r\n        margin-bottom: 20px; \/* Add margin between steps in stacked layout *\/\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 15px 18px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 18px 18px;\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n    .ig-ppv-hero {\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .ig-ppv-hero h1 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        padding: 8px 10px 8px 40px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 1.1rem;\r\n        left: 8px;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn {\r\n        padding: 8px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-cta-group .btn {\r\n        padding: 8px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-how,\r\n    .ig-ppv-features,\r\n    .ig-ppv-faq {\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .ig-ppv-section-title {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 1.3rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .ig-ppv-step p,\r\n    .ig-ppv-feature-card p {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 12px 15px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 15px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\t.ih-main-card {\r\n\tpadding: 15px 10px 10px 10px;\r\n\tborder-radius: 16px;\r\n\tmargin-top: 44px;\r\n}\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .ig-ppv-hero h1 {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control,\r\n    .ig-ppv-input-group .btn,\r\n    .ig-ppv-cta-group .btn {\r\n        font-size: 0.8rem;\r\n        padding: 7px 12px;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-step p,\r\n    .ig-ppv-feature-card p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 10px 12px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 12px 12px;\r\n        font-size: 0.8rem;\r\n    }\r\n\t.ih-main-card {\r\n\tpadding: 15px 10px 10px 10px;\r\n\tborder-radius: 16px;\r\n\tmargin-top: 44px;\r\n}\r\n}\r\n\r\n@media (max-width: 375px) {\r\n    .ig-ppv-hero h1 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        padding: 6px 8px 6px 35px;\r\n        font-size: 0.75rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 0.9rem;\r\n        left: 6px;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn,\r\n    .ig-ppv-cta-group .btn {\r\n        font-size: 0.75rem;\r\n        padding: 6px 10px;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.3rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-step p,\r\n    .ig-ppv-feature-card p {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 8px 10px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 10px 10px;\r\n        font-size: 0.75rem;\r\n    }\r\n\t.ih-main-card {\r\n\tpadding: 15px 10px 10px 10px;\r\n\tborder-radius: 16px;\r\n\tmargin-top: 44px;\r\n}\r\n}\r\n    <\/style>\r\n\r\n   <!-- Hero Section -->\r\n<!--     <section class=\"ig-ppv-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 text-center\">\r\n                    <h1>View Full-Size Instagram Profile Pictures \u2014 No Login Needed<\/h1>\r\n                    <p>Instantly view and download Instagram profile images in HD. Anonymous, fast, and easy.<\/p>\r\n                    \r\n               \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section> -->\r\n    \r\n    <!-- How It Works Section -->\r\n    <section class=\"ig-ppv-how\">\r\n        <div class=\"container\">\r\n            <div class=\"ig-ppv-section-title\">\r\n                <h2>How It Works<\/h2>\r\n                <p>Three simple steps to view any Instagram profile picture in high resolution<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row g-4\">\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-step position-relative\">\r\n                        <div class=\"ig-ppv-step-number\">1<\/div>\r\n                        <div class=\"ig-ppv-step-icon\">\r\n                            <i class=\"fas fa-user-edit\"><\/i>\r\n                        <\/div>\r\n                        <h3>Enter the Instagram username<\/h3>\r\n                        <p>Type the Instagram username of the profile you want to view in the search box.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-step position-relative\">\r\n                        <div class=\"ig-ppv-step-number\">2<\/div>\r\n                        <div class=\"ig-ppv-step-icon\">\r\n                            <i class=\"fas fa-search\"><\/i>\r\n                        <\/div>\r\n                        <h3>Tap \"View Profile Picture\"<\/h3>\r\n                        <p>Click the search button and our tool will instantly find the profile picture.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-step position-relative\">\r\n                        <div class=\"ig-ppv-step-number\">3<\/div>\r\n                        <div class=\"ig-ppv-step-icon\">\r\n                            <i class=\"fas fa-image\"><\/i>\r\n                        <\/div>\r\n                        <h3>See it in full HD<\/h3>\r\n                        <p>View the profile picture in high resolution and download it with no login required.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Features Section -->\r\n    <section class=\"ig-ppv-features\">\r\n        <div class=\"container\">\r\n            <div class=\"ig-ppv-section-title\">\r\n                <h2>Tool Features<\/h2>\r\n                <p>Everything you need to view Instagram profile pictures<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row g-4\">\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\udd0d<\/span>\r\n                        <h3>Zoom into any profile photo<\/h3>\r\n                        <p>See profile pictures in full resolution with our zoom feature. No more pixelated images.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\udcf1<\/span>\r\n                        <h3>Works on all devices<\/h3>\r\n                        <p>Our tool is fully responsive and works perfectly on smartphones, tablets, and desktop computers.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\udd12<\/span>\r\n                        <h3>100% anonymous<\/h3>\r\n                        <p>Your searches are completely private. We don't track or store any of your activity.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83c\udfaf<\/span>\r\n                        <h3>No login or signup needed<\/h3>\r\n                        <p>Use our tool without creating an account or logging into Instagram. Completely hassle-free.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\uddbc\ufe0f<\/span>\r\n                        <h3>High-quality resolution supported<\/h3>\r\n                        <p>Download profile pictures in the highest resolution available, up to 1080x1080 pixels.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\ude80<\/span>\r\n                        <h3>Fast loading, minimal UI<\/h3>\r\n                        <p>Our tool loads instantly with a clean interface that focuses on what you need.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- FAQ Section -->\r\n    <section class=\"ig-ppv-faq\">\r\n        <div class=\"container\">\r\n            <div class=\"ig-ppv-section-title\">\r\n                <h2>Frequently Asked Questions<\/h2>\r\n                <p>Find answers to common questions about our Instagram Profile Picture Viewer<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row justify-content-center\">\r\n                <div class=\"col-lg-8\">\r\n                    <div class=\"accordion\" id=\"faqAccordion\">\r\n                        <!-- FAQ Item 1 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\" aria-expanded=\"false\" aria-controls=\"faqCollapse1\">\r\n                                    Can I view private account profile pictures?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    No, our tool only works for public Instagram accounts. Private accounts require approval to view their content, including profile pictures. You can only view profile pictures from accounts that are set to public.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- FAQ Item 2 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\" aria-expanded=\"false\" aria-controls=\"faqCollapse2\">\r\n                                    Do I need to log in to use this?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    No, you don't need an Instagram account or login to use our tool. It works completely independently of the Instagram app or website. Simply enter the username and view the profile picture instantly.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- FAQ Item 3 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\" aria-expanded=\"false\" aria-controls=\"faqCollapse3\">\r\n                                    Will the user know I viewed their picture?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    No, your viewing is completely anonymous. Instagram doesn't notify users when someone views their profile picture through our tool. Your activity is private and not shared with the account owner.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- FAQ Item 4 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\" aria-expanded=\"false\" aria-controls=\"faqCollapse4\">\r\n                                    Is this tool free forever?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    Yes, our Instagram Profile Picture Viewer is completely free to use with no hidden charges. We don't require any subscription or payment for basic features. We may offer premium features in the future, but the core functionality will always remain free.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- Custom JavaScript -->\r\n    <script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n \r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Smooth scrolling for anchor links\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    \r\n                    document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                        behavior: 'smooth'\r\n                    });\r\n                });\r\n            });\r\n            \r\n            \/\/ Add animation to elements when they come into view\r\n            const observerOptions = {\r\n                root: null,\r\n                rootMargin: '0px',\r\n                threshold: 0.1\r\n            };\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('animate-in');\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n            \r\n            \/\/ Elements to animate\r\n            const animateElements = document.querySelectorAll('.ig-ppv-step, .ig-ppv-feature-card, .ig-ppv-faq-item');\r\n            animateElements.forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n            \r\n            \/\/ Add active class to FAQ questions when expanded\r\n            const faqButtons = document.querySelectorAll('.ig-ppv-faq-question');\r\n            faqButtons.forEach(button => {\r\n                button.addEventListener('click', function() {\r\n                    \/\/ Remove active class from all buttons\r\n                    faqButtons.forEach(btn => {\r\n                        if (btn !== this) {\r\n                            btn.classList.remove('active');\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle active class on clicked button\r\n                    this.classList.toggle('active');\r\n                });\r\n            });\r\n            \r\n            \/\/ Handle form submission\r\n            const viewProfileBtn = document.querySelector('.ig-ppv-input-group .btn');\r\n            const usernameInput = document.querySelector('.ig-ppv-input-group .form-control');\r\n            \r\n            viewProfileBtn.addEventListener('click', function() {\r\n                const username = usernameInput.value.trim();\r\n                if (username) {\r\n                    \/\/ In a real application, this would trigger the profile picture viewing functionality\r\n                    alert(`Viewing profile picture for: ${username}`);\r\n                } else {\r\n                    \/\/ Show error if input is empty\r\n                    usernameInput.classList.add('is-invalid');\r\n                    setTimeout(() => {\r\n                        usernameInput.classList.remove('is-invalid');\r\n                    }, 3000);\r\n                }\r\n            });\r\n            \r\n            \/\/ Handle \"View a Profile Now\" button\r\n            const viewProfileNowBtn = document.querySelector('.ig-ppv-cta-group .ig-ppv-btn-primary');\r\n            viewProfileNowBtn.addEventListener('click', function() {\r\n                \/\/ Scroll to the input field\r\n                document.querySelector('.ig-ppv-input-group').scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n                \r\n                \/\/ Focus on the input field\r\n                setTimeout(() => {\r\n                    usernameInput.focus();\r\n                }, 500);\r\n            });\r\n            \r\n            \/\/ Handle \"How It Works\" button\r\n            const howItWorksBtn = document.querySelector('.ig-ppv-cta-group .ig-ppv-btn-outline-light');\r\n            howItWorksBtn.addEventListener('click', function() {\r\n                \/\/ Scroll to the How It Works section\r\n                document.querySelector('.ig-ppv-how').scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Montserrat:wght@700&display=swap\"\r\n        rel=\"stylesheet\">\r\n    <style>\r\n        .ih-body {\r\n          \r\n            margin-bottom:40px;\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\r\n            position: relative;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ih-wrapper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .ih-animated-bg {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n\t\t\t\t\t background: radial-gradient(circle at 80% 10%, #ec407a22 0%, transparent 60%),\r\n                radial-gradient(circle at 10% 90%, #1e88e522 0%, transparent 60%);\r\n            animation: ih-bgMove 12s linear infinite alternate;\r\n           \r\n        }\r\n\r\n        @keyframes ih-bgMove {\r\n            0% {\r\n                background-position: 80% 10%, 10% 90%;\r\n            }\r\n\r\n            100% {\r\n                background-position: 70% 20%, 20% 80%;\r\n            }\r\n        }\r\n\r\n\r\n\r\n        .ih-main-card {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            border-radius: 32px;\r\n            background: rgba(255, 255, 255, 0.80);\r\n            box-shadow: 0 8px 32px rgba(30, 136, 229, 0.13), 0 1.5px 16px 0 rgba(236, 64, 122, 0.10);\r\n            padding: 38px 36px 30px 36px;\r\n            backdrop-filter: blur(18px);\r\n            border: 2.5px solid rgba(236, 64, 122, 0.10);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-main-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -3px;\r\n            border-radius: 36px;\r\n            z-index: 0;\r\n            background: linear-gradient(90deg, #f8fafc 0%, #e0e7ff 100%);\r\n            filter: blur(6px) brightness(1.1);\r\n            opacity: 0.18;\r\n            animation: ih-borderSpin 8s linear infinite;\r\n        }\r\n\r\n        @keyframes ih-borderSpin {\r\n            0% {\r\n                filter: blur(6px) brightness(1.1) hue-rotate(0deg);\r\n            }\r\n\r\n            100% {\r\n                filter: blur(6px) brightness(1.1) hue-rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .ih-logo-anim {\r\n            font-size: 2.7rem;\r\n            color: #ec407a;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        @keyframes ih-logoPulse {\r\n\r\n            0%,\r\n            100% {\r\n                transform: scale(1);\r\n                filter: drop-shadow(0 2px 8px #ec407a33);\r\n            }\r\n\r\n            50% {\r\n                transform: scale(1.08);\r\n                filter: drop-shadow(0 4px 16px #ec407a55);\r\n            }\r\n        }\r\n\r\n        .ih-h1 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 2.8rem;\r\n            font-weight: 800;\r\n            margin: 0 0 8px 0;\r\n            letter-spacing: -1.5px;\r\n            background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-align: center;\r\n            animation: ih-logoPulse 3s ease-in-out infinite;\r\n        }\r\n\r\n        .ih-h2 {\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #64748b;\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.5px;\r\n            text-align: center;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .ih-desc {\r\n            color: #64748b;\r\n            font-size: 1.08rem;\r\n            margin-bottom: 24px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .ih-input-group {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-bottom: 16px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ih-input-group input {\r\n            flex: 1;\r\n            padding: 14px 16px;\r\n            border-radius: 12px;\r\n            border: 1.5px solid #e0e7ef;\r\n            font-size: 1.08rem;\r\n            outline: none;\r\n            background: rgba(255, 255, 255, 0.85);\r\n            font-weight: 500;\r\n            color: #1e293b;\r\n            transition: border 0.2s, box-shadow 0.2s;\r\n            box-shadow: 0 1.5px 8px 0 rgba(30, 136, 229, 0.04);\r\n        }\r\n\r\n        .ih-input-group input:focus {\r\n            border: 1.5px solid #ec407a;\r\n            box-shadow: 0 2px 12px 0 rgba(236, 64, 122, 0.10);\r\n        }\r\n\r\n        .ih-input-group button {\r\n            background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            padding: 0 22px;\r\n            font-size: 1.08rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(30, 136, 229, 0.10);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-input-group button:hover {\r\n            background: linear-gradient(45deg, #4f5bd5, #962fbf, #d62976, #fa7e1e, #feda75);\r\n            box-shadow: 0 4px 18px 0 rgba(236, 64, 122, 0.13);\r\n            transform: translateY(-2px) scale(1.04);\r\n        }\r\n\r\n        .ih-error {\r\n            color: #fff;\r\n            background: linear-gradient(90deg, #d62976 0%, #fa7e1e 100%);\r\n            border-radius: 8px;\r\n            margin-bottom: 12px;\r\n            display: none;\r\n            font-weight: 700;\r\n            letter-spacing: 0.2px;\r\n            padding: 10px 0;\r\n            box-shadow: 0 2px 12px 0 rgba(236, 64, 122, 0.10);\r\n            font-size: 1.01rem;\r\n            animation: ih-fadeIn 0.5s;\r\n        }\r\n\r\n        @keyframes ih-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-10px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .ih-results {\r\n            margin-top: 18px;\r\n            z-index: 2;\r\n            position: relative;\r\n        }\r\n\r\n        .ih-img-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 28px;\r\n            margin-top: 10px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .ih-profile-img-block {\r\n            background: rgba(255, 255, 255, 0.98);\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px rgba(30, 136, 229, 0.10), 0 1.5px 16px 0 rgba(236, 64, 122, 0.08);\r\n            border: 1.5px solid #e0e7ef;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            min-width: 0;\r\n            animation: ih-fadeIn 0.7s;\r\n            overflow: hidden;\r\n            transition: box-shadow 0.2s, transform 0.2s;\r\n        }\r\n\r\n        .ih-profile-img-block:hover {\r\n            box-shadow: 0 8px 32px rgba(236, 64, 122, 0.13), 0 2px 24px 0 rgba(30, 136, 229, 0.10);\r\n            transform: translateY(-2px) scale(1.025);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-img-wrap {\r\n            width: 100%;\r\n            aspect-ratio: 1.3\/1;\r\n            background: linear-gradient(120deg, #e0e7ff 0%, #f8fafc 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-profile-img-block img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            border: none;\r\n            border-radius: 0;\r\n            box-shadow: none;\r\n            margin: 0;\r\n            transition: transform 0.2s;\r\n            cursor: pointer;\r\n            display: block;\r\n        }\r\n\r\n        .ih-profile-img-block img:hover {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        .ih-profile-img-block .ih-label {\r\n            font-size: 1.04rem;\r\n            color: #1e293b;\r\n            margin: 14px 0 2px 0;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            word-break: break-all;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-resolution {\r\n            font-size: 0.97rem;\r\n            color: #1e88e5;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            text-align: center;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-img-actions {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-download-btn {\r\n            background: linear-gradient(90deg, #feda75 0%, #d62976 100%);\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 7px;\r\n            padding: 10px 28px;\r\n            font-size: 1.05rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 12px 0 rgba(253, 218, 117, 0.13);\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.15s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .ih-profile-img-block .ih-download-btn:hover {\r\n            background: linear-gradient(90deg, #d62976 0%, #feda75 100%);\r\n            box-shadow: 0 4px 18px 0 rgba(236, 64, 122, 0.18);\r\n            transform: translateY(-2px) scale(1.05);\r\n        }\r\n\r\n        .ih-username {\r\n            font-size: 1.18rem;\r\n            font-weight: 800;\r\n            color: #1e293b;\r\n            margin-bottom: 2px;\r\n            letter-spacing: 0.2px;\r\n            font-family: 'Montserrat', 'Inter', Arial, sans-serif;\r\n        }\r\n\r\n        .ih-fullname {\r\n            font-size: 1.05rem;\r\n            color: #64748b;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .ih-skeleton-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 28px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .ih-skeleton-img-block {\r\n            background: rgba(255, 255, 255, 0.97);\r\n            border-radius: 18px;\r\n            box-shadow: 0 4px 24px rgba(30, 136, 229, 0.10), 0 1.5px 16px 0 rgba(236, 64, 122, 0.08);\r\n            border: 1.5px solid #e0e7ef;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            min-width: 0;\r\n            animation: ih-fadeIn 0.7s;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .ih-skeleton-img {\r\n            width: 100%;\r\n            aspect-ratio: 1.3\/1;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            margin: 0;\r\n        }\r\n\r\n        .ih-skeleton-label,\r\n        .ih-skeleton-res {\r\n            height: 16px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            border-radius: 4px;\r\n            margin: 14px auto 8px auto;\r\n        }\r\n\r\n        .ih-skeleton-actions {\r\n            width: 60%;\r\n            height: 32px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: ih-shimmer 2s infinite linear;\r\n            border-radius: 7px;\r\n            margin: 0 auto 18px auto;\r\n        }\r\n\r\n        @keyframes ih-shimmer {\r\n            0% {\r\n                background-position: -1000px 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 1000px 0;\r\n            }\r\n        }\r\n\t\t\t\r\n\t\t\t.ih-main-card {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\twidth: 100%;\r\n\tborder-radius: 32px;\r\n\tbackground: rgba(255, 255, 255, 0.80);\r\n\tbox-shadow: 0 8px 32px rgba(30, 136, 229, 0.13), 0 1.5px 16px 0 rgba(236, 64, 122, 0.10);\r\n\tpadding: 38px 36px 30px 36px;\r\n\tbackdrop-filter: blur(18px);\r\n\tborder: 2.5px solid rgba(236, 64, 122, 0.10);\r\n\toverflow: hidden;\r\n\ttext-align: center;\r\n}\r\n\r\n      @media (max-width: 992px) {\r\n    .ih-main-card {\r\n        padding: 30px 28px 25px 28px;\r\n        border-radius: 28px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 32px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 2.4rem;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 1rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 12px 14px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        padding: 0 18px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 24px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 1rem;\r\n        margin: 12px 0 2px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 9px 24px;\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ih-body {\r\n        padding: 15px;\r\n    }\r\n\r\n    .ih-main-card {\r\n        padding: 25px 20px 20px 20px;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 28px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 2rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.95rem;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .ih-input-group {\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 10px 12px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        width: 100%;\r\n        padding: 10px 12px;\r\n        font-size: 0.95rem;\r\n        justify-content: center;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.95rem;\r\n        margin: 10px 0 2px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.85rem;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 8px 20px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.95rem;\r\n        padding: 8px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 14px;\r\n        width: 70px;\r\n        margin: 10px auto 6px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 70%;\r\n        height: 30px;\r\n        margin: 0 auto 16px auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .ih-main-card {\r\n        padding: 20px 15px 15px 15px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.8rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 1rem;\r\n        margin-bottom: 3px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ih-input-group input {\r\n        padding: 9px 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-input-group button {\r\n        padding: 9px 10px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.9rem;\r\n        margin: 8px 0 1px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.8rem;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 7px 18px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.9rem;\r\n        padding: 7px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 12px;\r\n        width: 60px;\r\n        margin: 8px auto 5px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 75%;\r\n        height: 28px;\r\n        margin: 0 auto 14px auto;\r\n    }\r\n\t.ih-logo-anim {\r\n\tfont-size: 2.7rem;\r\n\tcolor: #ec407a;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\t.ih-h1 {\r\n\tfont-size: 1.4rem;\r\n\tmargin-bottom: 4px;\r\n}\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .ih-main-card {\r\n        padding: 18px 12px 12px 12px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.6rem;\r\n        margin-bottom: 3px;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.85rem;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .ih-input-group input,\r\n    .ih-input-group button {\r\n        padding: 8px 10px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        grid-template-columns: 1fr; \/* Stack items on very small screens *\/\r\n        gap: 12px;\r\n    }\r\n\r\n    .ih-profile-img-block {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.85rem;\r\n        margin: 7px 0 1px 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.75rem;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 6px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.85rem;\r\n        padding: 6px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 11px;\r\n        width: 55px;\r\n        margin: 7px auto 4px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 80%;\r\n        height: 25px;\r\n        margin: 0 auto 12px auto;\r\n    }\r\n\t.ih-logo-anim {\r\n\tfont-size: 2.7rem;\r\n\tcolor: #ec407a;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\t.ih-h1 {\r\n\tfont-size: 1.4rem;\r\n\tmargin-bottom: 4px;\r\n}\r\n}\r\n\r\n@media (max-width: 375px) {\r\n    .ih-main-card {\r\n        padding: 15px 10px 10px 10px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ih-main-card::before {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ih-h1 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ih-h2 {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ih-desc {\r\n        font-size: 0.8rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ih-input-group input,\r\n    .ih-input-group button {\r\n        padding: 7px 8px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ih-img-grid {\r\n        gap: 10px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-label {\r\n        font-size: 0.8rem;\r\n        margin: 6px 0 0 0;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-resolution {\r\n        font-size: 0.7rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .ih-profile-img-block .ih-download-btn {\r\n        padding: 5px 12px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ih-error {\r\n        font-size: 0.8rem;\r\n        padding: 5px 0;\r\n    }\r\n\r\n    .ih-skeleton-label,\r\n    .ih-skeleton-res {\r\n        height: 10px;\r\n        width: 50px;\r\n        margin: 6px auto 3px auto;\r\n    }\r\n\r\n    .ih-skeleton-actions {\r\n        width: 85%;\r\n        height: 22px;\r\n        margin: 0 auto 10px auto;\r\n    }\r\n\t.ih-logo-anim {\r\n\tfont-size: 2.7rem;\r\n\tcolor: #ec407a;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\t.ih-h1 {\r\n\tfont-size: 1.4rem;\r\n\tmargin-bottom: 4px;\r\n}\r\n}\r\n      \r\n    <\/style>\r\n\r\n\r\n<div class=\"ih-body\">\r\n    <div class=\"ih-animated-bg\"><\/div>\r\n    <div class=\"ih-wrapper\">\r\n        <div class=\"ih-main-card\">\r\n        <div class=\"ih-logo-anim\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n        <h1 class=\"ih-h1\">Instagram Profile Picture Viewer<\/h1>\r\n        <h2 class=\"ih-h2\">View & Download Profile Pictures<\/h2>\r\n        <div class=\"ih-desc\">View and download Instagram profile pictures in all available resolutions.<br><span\r\n                style=\"color:#ec407a;font-weight:600; margin-top: 10px; display: block;\">No login required.<\/span><\/div>\r\n        <div class=\"ih-input-group\">\r\n            <input type=\"text\" id=\"ih-username\" placeholder=\"Enter Instagram username\" autocomplete=\"off\" \/>\r\n            <button id=\"ih-fetch-btn\"><i class=\"fa-solid fa-search\"><\/i> View<\/button>\r\n        <\/div>\r\n        <div class=\"ih-error\" id=\"ih-error-message\"><\/div>\r\n        <div class=\"ih-results\" id=\"ih-results\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        async function fetchProfile(username) {\r\n            const url = \"https:\/\/tools.xrespond.com\/api\/instagram\/profile-info\";\r\n            const formData = new FormData();\r\n            formData.append(\"profile\", username);\r\n            try {\r\n                const res = await fetch(url, { method: \"POST\", body: formData });\r\n                const data = await res.json();\r\n                if (!data || !data.data || !data.data.data) throw new Error(\"No data found\");\r\n                return data.data.data;\r\n            } catch (e) {\r\n                throw new Error(\"Failed to fetch profile info\");\r\n            }\r\n        }\r\n\r\n        function createImgBlock(label, url, width, height) {\r\n            return `<div class=\\\"ih-profile-img-block\\\">\r\n                <div class=\\\"ih-img-wrap\\\"><img src=\\\"${url}\\\" alt=\\\"Profile Picture\\\" loading=\\\"lazy\\\" width=\\\"${width || ''}\\\" height=\\\"${height || ''}\\\" title=\\\"Right-click to open in new tab\\\" \/><\/div>\r\n                <div class=\\\"ih-label\\\">${label}<\/div>\r\n                <div class=\\\"ih-resolution\\\">${width && height ? `${width}\u00d7${height}` : ''}<\/div>\r\n                <div class=\\\"ih-img-actions\\\">\r\n                    <button class=\\\"ih-download-btn\\\" data-url=\\\"${url}\\\"><i class=\\\"fa-solid fa-download\\\"><\/i> Download<\/button>\r\n                <\/div>\r\n            <\/div>`;\r\n        }\r\n\r\n        function showSkeletons(count) {\r\n            let html = '<div class=\"ih-skeleton-grid\">';\r\n            for (let i = 0; i < count; i++) {\r\n                html += `<div class=\\\"ih-skeleton-img-block\\\">\r\n                    <div class=\\\"ih-skeleton-img\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-label\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-res\\\"><\/div>\r\n                    <div class=\\\"ih-skeleton-actions\\\"><\/div>\r\n                <\/div>`;\r\n            }\r\n            html += '<\/div>';\r\n            return html;\r\n        }\r\n\r\n        function showError(msg) {\r\n            const err = document.getElementById('ih-error-message');\r\n            err.textContent = msg;\r\n            err.style.display = 'block';\r\n        }\r\n        function clearError() {\r\n            const err = document.getElementById('ih-error-message');\r\n            err.textContent = '';\r\n            err.style.display = 'none';\r\n        }\r\n\r\n        document.getElementById('ih-fetch-btn').onclick = async function () {\r\n            const username = document.getElementById('ih-username').value.trim().replace(\/^@\/, '');\r\n            const results = document.getElementById('ih-results');\r\n            results.innerHTML = showSkeletons(4);\r\n            clearError();\r\n            if (!username) {\r\n                results.innerHTML = '';\r\n                showError('Please enter a username.');\r\n                return;\r\n            }\r\n            try {\r\n                const data = await fetchProfile(username);\r\n                results.innerHTML = '';\r\n                results.innerHTML += `<div class=\\\"ih-username\\\">@${data.username || username}<\/div>`;\r\n                if (data.full_name) results.innerHTML += `<div class=\\\"ih-fullname\\\">${data.full_name}<\/div>`;\r\n                \/\/ Collect all available profile pic URLs\r\n                let urls = [];\r\n                if (data.hd_profile_pic_url) urls.push({ label: 'HD Profile Picture', url: data.hd_profile_pic_url });\r\n                if (data.profile_pic_url) urls.push({ label: 'Standard Profile Picture', url: data.profile_pic_url });\r\n                if (data.hd_profile_pic_versions && Array.isArray(data.hd_profile_pic_versions)) {\r\n                    data.hd_profile_pic_versions.forEach((v, i) => {\r\n                        urls.push({ label: `Version ${i + 1} (${v.width}x${v.height})`, url: v.url, width: v.width, height: v.height });\r\n                    });\r\n                }\r\n                \/\/ Remove duplicates\r\n                const seen = new Set();\r\n                const uniqueUrls = urls.filter(u => {\r\n                    if (seen.has(u.url)) return false;\r\n                    seen.add(u.url);\r\n                    return true;\r\n                });\r\n                if (uniqueUrls.length === 0) {\r\n                    results.innerHTML += '<div>No profile pictures found.<\/div>';\r\n                    return;\r\n                }\r\n                \/\/ Show as grid\r\n                let grid = '<div class=\"ih-img-grid\">';\r\n                uniqueUrls.forEach(u => {\r\n                    grid += createImgBlock(u.label, u.url, u.width, u.height);\r\n                });\r\n                grid += '<\/div>';\r\n                results.innerHTML += grid;\r\n            } catch (e) {\r\n                results.innerHTML = '';\r\n                showError('Could not fetch profile. Please check the username.');\r\n            }\r\n        };\r\n\r\n        document.getElementById('ih-results').addEventListener('click', function (e) {\r\n            \/\/ Download\r\n            if (e.target.classList.contains('ih-download-btn') || e.target.closest('.ih-download-btn')) {\r\n                const btn = e.target.closest('.ih-download-btn');\r\n                const url = btn.getAttribute('data-url');\r\n                const filename = 'instagram_profile_' + Date.now() + '.jpg';\r\n                fetch(url)\r\n                    .then(resp => resp.blob())\r\n                    .then(blob => {\r\n                        const link = document.createElement('a');\r\n                        link.href = URL.createObjectURL(blob);\r\n                        link.download = filename;\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n                        document.body.removeChild(link);\r\n                        setTimeout(() => URL.revokeObjectURL(link.href), 1000);\r\n                    });\r\n            }\r\n        });\r\n\r\n        \/\/ Allow right-click to open image in new tab (default browser behavior)\r\n        \/\/ Enter key support\r\n        document.getElementById('ih-username').addEventListener('keypress', function (e) {\r\n            if (e.key === 'Enter') document.getElementById('ih-fetch-btn').click();\r\n        });\r\n    <\/script>\r\n<\/div>\r\n\r\n<style>\r\n        :root {\r\n            --ig-ppv-primary-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n            --ig-ppv-secondary-color: #833ab4;\r\n            --ig-ppv-text-color: #333;\r\n            --ig-ppv-light-bg: #f8f9fa;\r\n            --ig-ppv-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            --ig-ppv-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n            --ig-ppv-border-radius: 15px;\r\n            --ig-ppv-transition: all 0.3s ease;\r\n        }\r\n        \r\n        \r\n        \/* Hero Section *\/\r\n        .ig-ppv-hero {\r\n            background: var(--ig-ppv-primary-gradient);\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n\t\t\t\t\t\r\n        }\r\n        \r\n        .ig-ppv-hero::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n            z-index: 0;\r\n        }\r\n        \r\n        .ig-ppv-hero .container {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .ig-ppv-hero h1 {\r\n            color: white;\r\n            font-weight: 700;\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ig-ppv-hero p {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 1.3rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 40px;\r\n        }\r\n        \r\n        .ig-ppv-input-group {\r\n            max-width: 600px;\r\n            margin: 0 auto 30px;\r\n            position: relative;\r\n        }\r\n        \r\n        .ig-ppv-input-group .form-control {\r\n            padding: 15px 20px 15px 60px;\r\n            font-size: 1.1rem;\r\n            border: none;\r\n            border-radius: 50px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ig-ppv-input-group .input-group-text {\r\n            position: absolute;\r\n            left: 5px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: transparent;\r\n            border: none;\r\n            font-size: 1.5rem;\r\n            z-index: 10;\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-input-group .btn {\r\n            padding: 15px 30px;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            background: white;\r\n            color: var(--ig-ppv-secondary-color);\r\n            border: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-input-group .btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .ig-ppv-cta-group {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ig-ppv-cta-group .btn {\r\n            padding: 12px 30px;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-btn-primary {\r\n            background: white;\r\n            color: var(--ig-ppv-secondary-color);\r\n            border: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .ig-ppv-btn-primary:hover {\r\n            background: rgba(255, 255, 255, 0.9);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .ig-ppv-btn-outline-light {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n        \r\n        .ig-ppv-btn-outline-light:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        \/* How It Works Section *\/\r\n        .ig-ppv-how {\r\n            padding: 80px 0;\r\n            background-color: var(--ig-ppv-light-bg);\r\n        }\r\n        \r\n        .ig-ppv-section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n        \r\n        .ig-ppv-section-title h2 {\r\n            font-weight: 700;\r\n            font-size: 2.5rem;\r\n            color: var(--ig-ppv-secondary-color);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .ig-ppv-section-title p {\r\n            color: #666;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .ig-ppv-step {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            background: white;\r\n            border-radius: var(--ig-ppv-border-radius);\r\n            box-shadow: var(--ig-ppv-card-shadow);\r\n            height: 100%;\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-step:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--ig-ppv-hover-shadow);\r\n        }\r\n        \r\n        .ig-ppv-step-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--ig-ppv-primary-gradient);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            font-size: 2rem;\r\n            color: white;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-step:hover .ig-ppv-step-icon {\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .ig-ppv-step-number {\r\n            position: absolute;\r\n            top: -15px;\r\n            left: -15px;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--ig-ppv-secondary-color);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .ig-ppv-step h3 {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-step p {\r\n            color: #666;\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* Features Section *\/\r\n        .ig-ppv-features {\r\n            padding: 80px 0;\r\n        }\r\n        \r\n        .ig-ppv-feature-card {\r\n            background: white;\r\n            border-radius: var(--ig-ppv-border-radius);\r\n            padding: 30px;\r\n            box-shadow: var(--ig-ppv-card-shadow);\r\n            height: 100%;\r\n            transition: var(--ig-ppv-transition);\r\n            border: 1px solid rgba(0, 0, 0, 0.03);\r\n        }\r\n        \r\n        .ig-ppv-feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--ig-ppv-hover-shadow);\r\n        }\r\n        \r\n        .ig-ppv-feature-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n        \r\n        .ig-ppv-feature-card h3 {\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-feature-card p {\r\n            color: #666;\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* FAQ Section *\/\r\n        .ig-ppv-faq {\r\n            padding: 80px 0;\r\n            background-color: var(--ig-ppv-light-bg);\r\n        }\r\n        \r\n        .ig-ppv-faq-item {\r\n            background: white;\r\n            border-radius: 12px;\r\n            margin-bottom: 20px;\r\n            box-shadow: var(--ig-ppv-card-shadow);\r\n            overflow: hidden;\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-faq-item:hover {\r\n            box-shadow: var(--ig-ppv-hover-shadow);\r\n        }\r\n        \r\n        .ig-ppv-faq-question {\r\n            padding: 20px 25px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background: white;\r\n            border: none;\r\n            width: 100%;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            color: var(--ig-ppv-secondary-color);\r\n            transition: var(--ig-ppv-transition);\r\n        }\r\n        \r\n        .ig-ppv-faq-question:hover {\r\n            background: rgba(131, 58, 180, 0.05);\r\n        }\r\n        \r\n        .ig-ppv-faq-question:not(.collapsed) {\r\n            background: rgba(131, 58, 180, 0.1);\r\n            color: var(--ig-ppv-secondary-color);\r\n        }\r\n        \r\n        .ig-ppv-faq-question:not(.collapsed)::after {\r\n            transform: rotate(180deg);\r\n        }\r\n        \r\n        .ig-ppv-faq-question::after {\r\n            content: '\\f107';\r\n            font-family: 'Font Awesome 6 Free';\r\n            font-weight: 900;\r\n            font-size: 1.2rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ig-ppv-faq-answer {\r\n            padding: 0 25px 25px;\r\n            color: #666;\r\n            line-height: 1.7;\r\n        }\r\n\t\r\n\t.ih-main-card {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\twidth: 100%;\r\n\tborder-radius: 32px;\r\n\tbackground: rgba(255, 255, 255, 0.80);\r\n\tbox-shadow: 0 8px 32px rgba(30, 136, 229, 0.13), 0 1.5px 16px 0 rgba(236, 64, 122, 0.10);\r\n\tpadding: 38px 36px 30px 36px;\r\n\tbackdrop-filter: blur(18px);\r\n\tborder: 2.5px solid rgba(236, 64, 122, 0.10);\r\n\toverflow: hidden;\r\n\ttext-align: center;\r\n\tmargin: 40px 0;\r\n}\r\n        \r\n       \/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 991.98px) {\r\n    .ig-ppv-hero {\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .ig-ppv-hero h1 {\r\n        font-size: 2.8rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 1.2rem;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        padding: 12px 15px 12px 50px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 1.3rem;\r\n        left: 10px;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn {\r\n        padding: 12px 25px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-cta-group {\r\n        gap: 15px;\r\n    }\r\n\r\n    .ig-ppv-cta-group .btn {\r\n        padding: 10px 25px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-section-title {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-step {\r\n        padding: 25px 15px;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        font-size: 1.8rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1.3rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card {\r\n        padding: 25px;\r\n        margin-bottom: 20px; \/* Add margin between cards in stacked layout *\/\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 2.2rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 18px 20px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 20px 20px;\r\n    }\r\n\t\r\n\t.ih-main-card {\r\n\tpadding: 30px 28px 25px 28px;\r\n\tborder-radius: 28px;\r\n\tmargin-top: 40px;\r\n}\r\n}\r\n\r\n@media (max-width: 767.98px) {\r\n    .ig-ppv-hero {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .ig-ppv-hero h1 {\r\n        font-size: 2.2rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 1rem;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .ig-ppv-input-group {\r\n        flex-direction: column; \/* Stack input and button *\/\r\n        gap: 15px;\r\n        max-width: 400px; \/* Limit width for better stacking *\/\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        width: 100%; \/* Full width when stacked *\/\r\n        padding: 10px 15px 10px 50px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn {\r\n        width: 100%; \/* Full width when stacked *\/\r\n        padding: 10px 20px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-cta-group {\r\n        flex-direction: column; \/* Stack CTA buttons *\/\r\n        gap: 10px;\r\n    }\r\n\r\n    .ig-ppv-cta-group .btn {\r\n        width: 100%; \/* Full width when stacked *\/\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-how,\r\n    .ig-ppv-features,\r\n    .ig-ppv-faq {\r\n        padding: 60px 0;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-step {\r\n        margin-bottom: 20px; \/* Add margin between steps in stacked layout *\/\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 15px 18px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 18px 18px;\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n    .ig-ppv-hero {\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .ig-ppv-hero h1 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        padding: 8px 10px 8px 40px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 1.1rem;\r\n        left: 8px;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn {\r\n        padding: 8px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-cta-group .btn {\r\n        padding: 8px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-how,\r\n    .ig-ppv-features,\r\n    .ig-ppv-faq {\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .ig-ppv-section-title {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 1.3rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .ig-ppv-step p,\r\n    .ig-ppv-feature-card p {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 12px 15px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 15px 15px;\r\n        font-size: 0.85rem;\r\n    }\r\n\t.ih-main-card {\r\n\tpadding: 15px 10px 10px 10px;\r\n\tborder-radius: 16px;\r\n\tmargin-top: 44px;\r\n}\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .ig-ppv-hero h1 {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control,\r\n    .ig-ppv-input-group .btn,\r\n    .ig-ppv-cta-group .btn {\r\n        font-size: 0.8rem;\r\n        padding: 7px 12px;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-step p,\r\n    .ig-ppv-feature-card p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 10px 12px;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 12px 12px;\r\n        font-size: 0.8rem;\r\n    }\r\n\t.ih-main-card {\r\n\tpadding: 15px 10px 10px 10px;\r\n\tborder-radius: 16px;\r\n\tmargin-top: 44px;\r\n}\r\n}\r\n\r\n@media (max-width: 375px) {\r\n    .ig-ppv-hero h1 {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ig-ppv-hero p {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .form-control {\r\n        padding: 6px 8px 6px 35px;\r\n        font-size: 0.75rem;\r\n    }\r\n\r\n    .ig-ppv-input-group .input-group-text {\r\n        font-size: 0.9rem;\r\n        left: 6px;\r\n    }\r\n\r\n    .ig-ppv-input-group .btn,\r\n    .ig-ppv-cta-group .btn {\r\n        font-size: 0.75rem;\r\n        padding: 6px 10px;\r\n    }\r\n\r\n    .ig-ppv-section-title h2 {\r\n        font-size: 1.3rem;\r\n    }\r\n\r\n    .ig-ppv-section-title p {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-step-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .ig-ppv-step h3 {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .ig-ppv-step p,\r\n    .ig-ppv-feature-card p {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-feature-icon {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ig-ppv-feature-card h3 {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .ig-ppv-faq-question {\r\n        padding: 8px 10px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .ig-ppv-faq-answer {\r\n        padding: 0 10px 10px;\r\n        font-size: 0.75rem;\r\n    }\r\n\t.ih-main-card {\r\n\tpadding: 15px 10px 10px 10px;\r\n\tborder-radius: 16px;\r\n\tmargin-top: 44px;\r\n}\r\n}\r\n    <\/style>\r\n\r\n   <!-- Hero Section -->\r\n<!--     <section class=\"ig-ppv-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 text-center\">\r\n                    <h1>View Full-Size Instagram Profile Pictures \u2014 No Login Needed<\/h1>\r\n                    <p>Instantly view and download Instagram profile images in HD. Anonymous, fast, and easy.<\/p>\r\n                    \r\n               \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section> -->\r\n    \r\n    <!-- How It Works Section -->\r\n    <section class=\"ig-ppv-how\">\r\n        <div class=\"container\">\r\n            <div class=\"ig-ppv-section-title\">\r\n                <h2>How It Works<\/h2>\r\n                <p>Three simple steps to view any Instagram profile picture in high resolution<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row g-4\">\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-step position-relative\">\r\n                        <div class=\"ig-ppv-step-number\">1<\/div>\r\n                        <div class=\"ig-ppv-step-icon\">\r\n                            <i class=\"fas fa-user-edit\"><\/i>\r\n                        <\/div>\r\n                        <h3>Enter the Instagram username<\/h3>\r\n                        <p>Type the Instagram username of the profile you want to view in the search box.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-step position-relative\">\r\n                        <div class=\"ig-ppv-step-number\">2<\/div>\r\n                        <div class=\"ig-ppv-step-icon\">\r\n                            <i class=\"fas fa-search\"><\/i>\r\n                        <\/div>\r\n                        <h3>Tap \"View Profile Picture\"<\/h3>\r\n                        <p>Click the search button and our tool will instantly find the profile picture.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-step position-relative\">\r\n                        <div class=\"ig-ppv-step-number\">3<\/div>\r\n                        <div class=\"ig-ppv-step-icon\">\r\n                            <i class=\"fas fa-image\"><\/i>\r\n                        <\/div>\r\n                        <h3>See it in full HD<\/h3>\r\n                        <p>View the profile picture in high resolution and download it with no login required.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Features Section -->\r\n    <section class=\"ig-ppv-features\">\r\n        <div class=\"container\">\r\n            <div class=\"ig-ppv-section-title\">\r\n                <h2>Tool Features<\/h2>\r\n                <p>Everything you need to view Instagram profile pictures<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row g-4\">\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\udd0d<\/span>\r\n                        <h3>Zoom into any profile photo<\/h3>\r\n                        <p>See profile pictures in full resolution with our zoom feature. No more pixelated images.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\udcf1<\/span>\r\n                        <h3>Works on all devices<\/h3>\r\n                        <p>Our tool is fully responsive and works perfectly on smartphones, tablets, and desktop computers.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\udd12<\/span>\r\n                        <h3>100% anonymous<\/h3>\r\n                        <p>Your searches are completely private. We don't track or store any of your activity.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83c\udfaf<\/span>\r\n                        <h3>No login or signup needed<\/h3>\r\n                        <p>Use our tool without creating an account or logging into Instagram. Completely hassle-free.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\uddbc\ufe0f<\/span>\r\n                        <h3>High-quality resolution supported<\/h3>\r\n                        <p>Download profile pictures in the highest resolution available, up to 1080x1080 pixels.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"col-md-4\">\r\n                    <div class=\"ig-ppv-feature-card\">\r\n                        <span class=\"ig-ppv-feature-icon\">\ud83d\ude80<\/span>\r\n                        <h3>Fast loading, minimal UI<\/h3>\r\n                        <p>Our tool loads instantly with a clean interface that focuses on what you need.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- FAQ Section -->\r\n    <section class=\"ig-ppv-faq\">\r\n        <div class=\"container\">\r\n            <div class=\"ig-ppv-section-title\">\r\n                <h2>Frequently Asked Questions<\/h2>\r\n                <p>Find answers to common questions about our Instagram Profile Picture Viewer<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row justify-content-center\">\r\n                <div class=\"col-lg-8\">\r\n                    <div class=\"accordion\" id=\"faqAccordion\">\r\n                        <!-- FAQ Item 1 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\" aria-expanded=\"false\" aria-controls=\"faqCollapse1\">\r\n                                    Can I view private account profile pictures?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    No, our tool only works for public Instagram accounts. Private accounts require approval to view their content, including profile pictures. You can only view profile pictures from accounts that are set to public.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- FAQ Item 2 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\" aria-expanded=\"false\" aria-controls=\"faqCollapse2\">\r\n                                    Do I need to log in to use this?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    No, you don't need an Instagram account or login to use our tool. It works completely independently of the Instagram app or website. Simply enter the username and view the profile picture instantly.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- FAQ Item 3 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\" aria-expanded=\"false\" aria-controls=\"faqCollapse3\">\r\n                                    Will the user know I viewed their picture?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    No, your viewing is completely anonymous. Instagram doesn't notify users when someone views their profile picture through our tool. Your activity is private and not shared with the account owner.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- FAQ Item 4 -->\r\n                        <div class=\"ig-ppv-faq-item accordion-item mb-3\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"ig-ppv-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\" aria-expanded=\"false\" aria-controls=\"faqCollapse4\">\r\n                                    Is this tool free forever?\r\n                                <\/button>\r\n                            <\/h2>\r\n                            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ig-ppv-faq-answer accordion-body\">\r\n                                    Yes, our Instagram Profile Picture Viewer is completely free to use with no hidden charges. We don't require any subscription or payment for basic features. We may offer premium features in the future, but the core functionality will always remain free.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- Custom JavaScript -->\r\n    <script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n \r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Smooth scrolling for anchor links\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    \r\n                    document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                        behavior: 'smooth'\r\n                    });\r\n                });\r\n            });\r\n            \r\n            \/\/ Add animation to elements when they come into view\r\n            const observerOptions = {\r\n                root: null,\r\n                rootMargin: '0px',\r\n                threshold: 0.1\r\n            };\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('animate-in');\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n            \r\n            \/\/ Elements to animate\r\n            const animateElements = document.querySelectorAll('.ig-ppv-step, .ig-ppv-feature-card, .ig-ppv-faq-item');\r\n            animateElements.forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n            \r\n            \/\/ Add active class to FAQ questions when expanded\r\n            const faqButtons = document.querySelectorAll('.ig-ppv-faq-question');\r\n            faqButtons.forEach(button => {\r\n                button.addEventListener('click', function() {\r\n                    \/\/ Remove active class from all buttons\r\n                    faqButtons.forEach(btn => {\r\n                        if (btn !== this) {\r\n                            btn.classList.remove('active');\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle active class on clicked button\r\n                    this.classList.toggle('active');\r\n                });\r\n            });\r\n            \r\n            \/\/ Handle form submission\r\n            const viewProfileBtn = document.querySelector('.ig-ppv-input-group .btn');\r\n            const usernameInput = document.querySelector('.ig-ppv-input-group .form-control');\r\n            \r\n            viewProfileBtn.addEventListener('click', function() {\r\n                const username = usernameInput.value.trim();\r\n                if (username) {\r\n                    \/\/ In a real application, this would trigger the profile picture viewing functionality\r\n                    alert(`Viewing profile picture for: ${username}`);\r\n                } else {\r\n                    \/\/ Show error if input is empty\r\n                    usernameInput.classList.add('is-invalid');\r\n                    setTimeout(() => {\r\n                        usernameInput.classList.remove('is-invalid');\r\n                    }, 3000);\r\n                }\r\n            });\r\n            \r\n            \/\/ Handle \"View a Profile Now\" button\r\n            const viewProfileNowBtn = document.querySelector('.ig-ppv-cta-group .ig-ppv-btn-primary');\r\n            viewProfileNowBtn.addEventListener('click', function() {\r\n                \/\/ Scroll to the input field\r\n                document.querySelector('.ig-ppv-input-group').scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n                \r\n                \/\/ Focus on the input field\r\n                setTimeout(() => {\r\n                    usernameInput.focus();\r\n                }, 500);\r\n            });\r\n            \r\n            \/\/ Handle \"How It Works\" button\r\n            const howItWorksBtn = document.querySelector('.ig-ppv-cta-group .ig-ppv-btn-outline-light');\r\n            howItWorksBtn.addEventListener('click', function() {\r\n                \/\/ Scroll to the How It Works section\r\n                document.querySelector('.ig-ppv-how').scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n    <\/script><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":135,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":4,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":1236,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/212\/revisions\/1236"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/135"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}