:root {--primary: #001f3c;--secondary: #FFC107;--accent: #FFC107;--background: #F5F7FB;--text-color: #001f3c;--error: #ff4444;}body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;padding: 1rem;background: var(--background);color: var(--text-color);transition: background 0.3s, color 0.3s;}@font-face {font-family: "Open Sans Regular";src: local("Open Sans Regular"), local("OpenSans-Regular");font-weight: normal;font-style: normal;font-display: swap;}.container {max-width: 1200px;margin: 0 auto;padding: 1rem;}.fa-file-pdf:before {content: "\f1c1";}.site-header {background: #001f3c;padding: 0.4rem 0;box-shadow: 0px 0px 10px 1px rgb(255 193 7 / 77%);}.header-container {max-width: 1200px;margin: 0 auto;align-items: center;padding: 0 1.2rem;}.branding {display: inline-block;}.logo {height: 38px;width: auto;}header {text-align: center;color: var(--primary);}header h1 {font-size: 2.6rem;color: #001f3c;margin: 1rem 0;padding-top: 35px;}.header-para {font-size: 1.1rem;color: #000000;margin-bottom: -5px;}.modal {display: none;position: fixed;z-index: 1200;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.7);}.modal-content {background-color: #eef1ff;padding: 1rem;border: 2px solid #0088;width: 70%;max-width: 90%;max-height: 90vh;overflow: auto;border-radius: 15px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}#enlargeContent canvas {max-width: 100%;height: auto;display: block;margin: 0 auto;}.close-modal {position: absolute;top: 0.5px;right: 1px;font-size: 40px;font-weight: bold;cursor: pointer;color: #ff8c8c;z-index: 10;}.close-modal:hover {color: #ff2121;}.close-modal.tooltip-down[data-tooltip]:hover::after {top: 110%;bottom: auto;left: 50%;transform: translateX(-50%);}.loading-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: flex;align-items: center;justify-content: center;z-index: 2000;}.loading-overlay .loader {font-size: 2rem;color: #FFC107;}section {background: #fff;padding: 25px 30px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);margin-bottom: 25px;text-align: left;}.features, .steps, .faqs {padding: 10px;background: #fff;border-radius: 10px;box-shadow: 0 2px 5px #001f3c;margin: 15px 0;transition: transform 0.2s, box-shadow 0.2s;}.steps-heading {text-align: center;font-size: 1.5rem;color: #001f3c;margin-top: 5px;margin-bottom: 10px;}.features:hover, .steps:hover, .faqs:hover {transform: translateY(-5px);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.custom-list {text-align: left;list-style: none;padding: 0;}.custom-list-item {padding: 9px;border-bottom: 1px solid #eee;font-size: 1rem;}.feature-heading{text-align:center;font-size:1.5rem;color:#001f3c;margin-top:5px;margin-bottom:10px}.feature-boxes {display: flex;gap: 10px;overflow-x: auto;padding-bottom: 20px;}.feature-box {flex: 1;min-width: 280px;background: #fff;border-radius: 10px;box-shadow: 0 2px 5px #001f3c;padding: 6px;margin-left: 5px;margin-right: 5px;}.feature-boxes::-webkit-scrollbar {display: auto;}.h3-feature-box {font-size: 1.2rem;color: #001f3c;margin-bottom: -0.2rem;margin-top: 10px;font-weight: 600;text-align: center;}.faqs .faq-item {margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 15px;}.faqs .faq-item:last-child {border-bottom: none;padding-bottom: 0.7rem;}.faqs-heading {text-align: center;font-size: 1.5rem;color: #001f3c;margin-top: 5px;}.faq-question {font-weight: 600;cursor: pointer;color: #001f3c;font-size: 1.2rem;margin: -1px;padding-left: 10px;}.faq-answer {margin-top: 10px;padding-left: 15px;font-size: 1rem;margin-bottom: -5px;color: black;}.steps-container {display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;gap: 0.8rem;padding: 1rem 0;justify-content: space-evenly;}.step-box {background: #ffffff;border: 1px solid #001f3c;border-radius: 10px;padding: 0.2rem;flex: 0 0 250px;display: flex;flex-direction: column;align-items: center;overflow-y: auto;transition: transform 0.3s ease;}.step-box:hover {transform: translateY(-5px);box-shadow: 0 8px 12px rgba(0,0,0,0.1);border-color: #FFC107;}.step-box h3 {font-size: 1.2rem;color: #001f3c;margin-bottom: -0.2rem;margin-top: 10px;font-weight: 600;text-align: center;}.step-box p {font-size: 1rem;color: #000000;margin-top: 0.8rem;text-align: center;}.step-box a {display: block;width: 100%;max-width: 150px;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}.url-input-container {margin: 1.5rem 0;display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center;}.url-input {flex: 1;padding: 0.6rem;border: 2px solid var(--primary);border-radius: 10px;min-width: auto;}.upload-indicator {position: fixed;bottom: 20px;left: 20px;background: #fff;padding: 1rem;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 1000;display: none;}.upload-item {display: flex;align-items: center;gap: 1rem;margin: 0.5rem 0;}.upload-progress {width: 100px;height: 8px;background: #eee;border-radius: 4px;overflow: hidden;}.upload-progress-bar {height: 100%;background: var(--secondary);transition: width 0.2s ease;}.upload-container {position: relative;border: 3px dashed var(--primary);border-radius: 15px;padding: 2rem;margin: 1.5rem 0;background: #fff;text-align: center;transition: all 0.3s;}.url-input:hover {transform: translateY(-2px);border-color: var(--secondary);}.upload-container:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);border-color: var(--secondary);background: linear-gradient(45deg, #f8f9fa, #ffffff);}.upload-button {background: var(--primary);color: #fff;padding: 0.8rem 2rem;border-radius: 8px;cursor: pointer;display: inline-flex;align-items: center;gap: 0.5rem;transition: transform 0.2s;border: none;}.upload-button:hover {transform: scale(1.05);background: linear-gradient(45deg, var(--primary), #36648B);}.file-list {margin: 1.5rem 0;}.pdf-item {background: #fff;border-radius: 10px;margin: 0.5rem 0;box-shadow: 0 2px 5px #001f3c;padding: 0.7rem;display: flex;flex-wrap: wrap;gap: 1rem;position: relative;transition: transform 0.2s, box-shadow 0.2s;}.pdf-item:hover {transform: translateY(-5px);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.order-controls {display: flex;flex-direction: column;gap: 0.5rem;min-width: 50px;align-items: center;}.order-btn {background: var(--primary);color: #fff;border: none;width: 30px;height: 30px;border-radius: 4px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: opacity 0.2s;}.order-btn:disabled {opacity: 0.5;cursor: not-allowed;}.file-number {width: 30px;height: 30px;border-radius: 50%;background: var(--primary);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;}.file-preview {width: 120px;height: 150px;border: 2px solid var(--primary);box-shadow: 0 2px 8px rgba(0,0,0,0.1);position: relative;cursor: grab;}.file-preview:active {cursor: grabbing;}.file-info {flex-grow: 1;min-width: 200px;}.file-meta {display: flex;align-items: center;gap: 1rem;margin-bottom: 0.5rem;}.file-name {font-weight: 600;word-break: break-all;}.file-size {color: #000;font-size: 0.8rem;background: #FFC107;border-radius: 4px;padding: 0.1rem 0.2rem;}.file-pages {background: var(--secondary);color: #000;padding: 0.2rem 0.5rem;border-radius: 4px;font-size: 0.8rem;margin-left: 0.5rem;}.selection-info {font-size: 1rem;color: #001f3c;margin-top: 0.2rem;}.add-files-panel {position: fixed;bottom: 95px;right: 30px;background: #fff;border-radius: 15px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);padding: 1.1rem;transform: scale(0);transform-origin: bottom right;transition: all 0.3s;max-width: 400px;z-index: 1000;}.add-files-panel.active {transform: scale(1);}.add-files-content {display: flex;flex-direction: column;gap: 0.6rem;align-items: center;}[data-tooltip] {position: relative;cursor: help;}[data-tooltip]:hover::after {content: attr(data-tooltip);position: absolute;bottom: 110%;left: 50%;transform: translateX(-50%);background: var(--primary);color: #fff;padding: 0.5rem 1rem;border-radius: 4px;font-size: 0.8rem;white-space: normal;max-width: 200px;text-align: center;pointer-events: none;z-index: 1100;box-shadow: 0 2px 10px rgba(0,0,0,0.2);}.tooltip-down[data-tooltip]:hover::after {top: 110%;bottom: auto;left: 05%;}.add-more-fab, .sort-btn {position: fixed;right: 30px;background: #FFC107;color: #000;font-size: 1.4rem;border: #001f3c;box-shadow: 0 4px 12px rgba(0,0,0,0.2);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 1000;transition: transform 0.2s;border-style: revert;}.add-more-fab {bottom: 30px;width: 60px;height: 60px;border-radius: 50%;}.add-more-fab:hover {transform: scale(1.1);}.add-more-fab .badge {position: absolute;top: -5px;right: -5px;background: #FFC107;color: #000;width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: #000000;border-style: solid;font-size: 18px;}.sort-btn {bottom: 105px;width: 50px;height: 50px;border-radius: 50%;}.sort-btn:hover {transform: scale(1.1);}.page-preview {display: none;padding: 0.6rem 0;overflow-x: auto;gap: 0.8rem;border-top: 2px solid #eee;}.page-thumbnail {position: relative;border: 2px solid var(--error) !important;border-radius: 5px;overflow: hidden;cursor: default;transition: transform 0.2s, border-color 0.2s;flex: 0 0 auto;width: auto;height: auto;}.page-thumbnail.selected {border-color: var(--secondary) !important;}.enlarge-btn {position: absolute;top: 4px;right: 4px;background: rgb(0 0 0);border: none;color: #fff;padding: 3px;border-radius: 20%;cursor: pointer;font-size: 0.9rem;z-index: 2;}.enlarge-btn:hover {background: var(--accent);}.icon-actions {display: inline-flex;gap: 0.5rem;vertical-align: middle;margin-right: 0.5rem;}.icon-actions button {background: none;border: none;color: var(--primary);font-size: 1.5rem;cursor: pointer;}.pdf-preview-content {background: #fff;margin: auto;padding: 1rem;border-radius: 8px;width: 90%;max-width: 800px;max-height: 90vh;overflow: auto;position: relative;top: 50%;transform: translateY(-50%);}.thumbnail-controls {position: absolute;bottom: 0;left: 0;width: 100%;background: rgb(0 0 0 / 68%);display: flex;justify-content: center;gap: 8px;padding: 2px 0;}.thumbnail-controls input.page-checkbox, .thumbnail-controls button.rotate-btn {transform: scale(0.9);}.thumbnail-controls .enlarge-btn {background: none;border: none;color: var(--primary);font-size: 1.2rem;cursor: pointer;margin-left: 5px;}.thumbnail-controls .enlarge-btn:hover {color: var(--accent);}.page-number {position: absolute;bottom: 4px;right: 4px;background: rgb(0 0 0);color: #fff;padding: 1px 6px;border-radius: 20%;font-size: 0.9rem;}.rotate-btn {background: #000000;color: #ffffff;border: #ffffff;border-radius: 15%;width: 1px;height: 1px;cursor: pointer;display: flex;font-size: 0.9rem;z-index: 2;align-items: center;justify-content: center;}.rotate-btn:hover {background: darkorange;}.delete-btn {background: #E81123;color: #fff;border: none;border-radius: 4px;padding: 2px 6px;font-size: 1rem;cursor: pointer;position: absolute;top: 0.4rem;right: 0.4rem;}.merged-container {text-align: center;padding: 2rem;}.merged-container iframe {width: 100%;height: 70vh;border: 1px solid #ddd;border-radius: 8px;margin-top: 1.2rem;}.icon-actions-row {display: flex;justify-content: center;gap: 1rem;margin-top: 1rem;}.icon-btn {background: linear-gradient(145deg, #ffffff, #e0e0e0);border: 1px solid #ccc;border-radius: 50%;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);width: 3rem;height: 3rem;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #001f3c;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;}.icon-btn:hover {transform: translateY(-2px);box-shadow: 4px 4px 8px rgba(0,0,0,0.4);}.icon-btn i {pointer-events: none;}@keyframes pulsate {0% {transform: scale(1);box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7);}50% {transform: scale(1.1);box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);}100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);}}.pulsate {animation: pulsate 2s infinite;}.merge-container {display: flex;justify-content: center;width: 100%;margin-bottom: 1rem;}.merge-btn {background: linear-gradient(145deg, #ffffff, #e0e0e0);border: 1px solid #ff0;border-radius: 50px;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);width: calc((3.5rem * 4) + (1rem * 3));height: 3.5rem;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #001f3c;cursor: pointer;font-weight: bold;gap: 0.8rem;transition: transform 0.2s, box-shadow 0.2s;}.merge-btn i {font-size: 1.8rem;}.merge-btn:hover {transform: translateY(-2px);box-shadow: 4px 4px 8px rgba(0,0,0,0.4);}@keyframes bounceIcon {0%, 100% {transform: translateY(0);}50% {transform: translateY(-5px);}}.full-download-btn i {display: inline-block;animation: bounceIcon 2s infinite;font-size: 1.8rem;}.full-download-btn {background: linear-gradient(145deg, #ffffff, #e0e0e0);border: 1px solid #ccc;border-radius: 50px;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);width: calc((3.5rem * 4) + (1rem * 3));height: 3.5rem;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #001f3c;cursor: pointer;font-weight: bold;gap: 0.8rem;transition: transform 0.2s, box-shadow 0.2s;}.full-download-btn:hover {transform: translateY(-2px);box-shadow: 4px 4px 8px rgba(0,0,0,0.4);}.download-container {width: 100%;margin: 0 auto;display: flex;justify-content: center;}.social-share {display: flex;gap: 10px;justify-content: center;margin-bottom: 1rem;}.social-icon {font-size: 2rem;display: inline-block;text-decoration: none;transition: transform 0.2s;}.social-icon:hover {transform: scale(1.1);}.social-icon.facebook {color: #3b5998;}.social-icon.twitter {color: #1DA1F2;}.social-icon.linkedin {color: #0077b5;}.social-icon.whatsapp {color: #25D366;}.social-icon.pinterest {color: #BD081C;}.social-icon.reddit {color: #FF4500;}.social-icon.discord {color: #7289DA;}.social-icon.telegram {color: #0088cc;}.actions {display: flex;gap: 1rem;justify-content: center;margin: 1.5rem 0;flex-wrap: wrap;}.big-download-btn {font-size: 1.5rem;padding: 1rem 0rem;width: 100%;background: var(--secondary);color: #fff;align-items: center;}button {padding: 0.8rem 1.5rem;border: none;border-radius: 5px;cursor: pointer;background: var(--secondary);color: #000;align-items: center;gap: 0.5rem;transition: transform 0.2s;}button:hover {transform: translateY(-2px);}button.reset {background: var(--accent);}#mergeButton:disabled {opacity: 0.5;pointer-events: none;}.page-section {display: none;}.page-section.active {display: block;}@keyframes glowPulse {0% {transform: scale(1);box-shadow: 0 0 0px rgba(255, 193, 7, 1);}50% {transform: scale(1.05);box-shadow: 0 0 15px rgba(255, 193, 7, 1);}100% {transform: scale(1);box-shadow: 0 0 0px rgba(76, 175, 80, 0.7);}}.merge-active {display: inline-block;animation: glowPulse 2s infinite;}.drag-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);color: #FFC107;display: flex;align-items: center;justify-content: center;text-align: center;opacity: 0;transition: opacity 0.3s;pointer-events: none;font-size: 1rem;}.file-preview:hover .drag-overlay {opacity: 1;}@media (max-width: 768px) {body {padding: 0.9rem;}.upload-container {padding: 1.5rem;}.drag-drop-text {display: none;}.pdf-item {flex-wrap: wrap;}.file-preview {width: 120px;height: 150px;position: relative;border: 2px solid var(--primary);box-shadow: 0 2px 8px rgba(0,0,0,0.1);display: block;}.file-info {min-width: auto;}.modal-content {width: 80%;}header h1 {font-size: 2rem;color: #001f3c;margin: 1rem 0;}.header-para {font-size: 0.8rem;color: #000000;margin-bottom: -5px;}.merge-btn {width: 100%;}.full-download-btn {width: 100%;}.logo {height: 25px;}}@media (max-width: 480px) {.file-name {max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;}.pdf-item {position: relative;}.delete-btn {position: absolute;top: 1rem;right: 1rem;}.file-meta {display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;}.icon-actions {position: static;margin-left: auto;}}@keyframes pulsate {0% {transform: scale(1);box-shadow: 0 0 0 0 rgba(255, 193, 7, 1);}50% {transform: scale(1.1);box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);}100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);}}body {margin: 0;padding: 0;}.site-footer {width: 100%;background: #001f3c;color: white;padding: 0.1rem 0;margin-top: auto;box-shadow: 0px 0px 10px 1px rgb(255 193 7 / 77%);}.footer-content {max-width: 100%;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;gap: 1rem;padding: 0 1.2rem;}.footer-section {display: flex;gap: 2rem;}.footer-links {list-style: none;padding: 0;margin: 0;}.footer-links a {color: #ffffff;text-decoration: none;display: flex;align-items: center;gap: 0.5rem;transition: all 0.3s ease;}.footer-links a:hover {color: #FFC107;transform: translateX(5px);}.footer-bottom {text-align: center;font-size: 0.9rem;margin-top: 1rem;margin-bottom: 0;}@media (max-width: 600px) {.footer-section {flex-direction: column;align-items: center;}}