.home-image-comparison{position:relative;width:100%;height:100%;min-height:400px;overflow:hidden;cursor:ew-resize;border-radius:8px;user-select:none;-webkit-user-select:none;touch-action:pan-y;z-index:5;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:0 4px 12px #0000001a}.before-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.after-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}@media (max-width: 991px){.home-image-comparison{min-height:500px}}@media (max-width: 576px){.home-image-comparison{min-height:500px}.image-label{font-size:12px;padding:4px 8px}}.pricing-container{display:flex;gap:0;flex-wrap:wrap;justify-content:flex-start;max-width:1200px;margin:0;padding:0}.plan-card{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-xl);width:100%;text-align:center;transition:transform .3s ease,box-shadow .3s ease;margin:0;position:relative;z-index:2}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.plan-header{flex:0 0 auto;margin-bottom:30px;position:relative}.plan-label{background-color:var(--light);color:var(--font);padding:5px 15px;border-radius:var(--border-radius-xl);font-size:.85em;font-weight:var(--font-weight-semibold);margin-bottom:15px;display:inline-block}.current-subscription .plan-label{background-color:var(--light);color:var(--font)}.recommended .plan-header{background-color:var(--primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;margin-top:-30px;margin-left:-30px;margin-right:-30px;padding-top:30px;padding-bottom:30px}.plan-name{font-size:1.8em;font-weight:var(--font-weight-bold);color:var(--text-color);margin:10px 0}.plan-price{font-size:2.8em;font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:5px}.recommended .plan-price{color:var(--white)}.price-info{font-size:.9em;color:var(--font)}.plan-features{flex:1 1 auto;margin:1.5rem 0;text-align:left}.feature-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.feature-row:last-child{border-bottom:none}.feature-label{font-size:1em;color:var(--font)}.feature-value{font-size:1em;font-weight:var(--font-weight-semibold);color:var(--text-color)}.check-icon{color:var(--primary);font-size:1.2em}.cross-icon{color:var(--secondary);font-size:1.2em}.crown-icon{color:var(--secondary);font-size:1.8em;margin-bottom:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%);background-color:var(--white);border-radius:var(--border-radius-circle);padding:8px;box-shadow:var(--shadow-md)}.recommended .crown-icon{top:20px;transform:translate(-50%)}.plan-footer{flex:0 0 auto;margin-top:auto}@media (max-width: 768px){.pricing-container{gap:0;padding:0}.plan-card{width:100%;max-width:none;padding:30px;margin:0}.recommended .plan-header{margin-left:-15px;margin-right:-15px}.plan-card:hover{transform:none;box-shadow:0 10px 30px #00000014}}@media (max-width: 480px){.pricing-container{gap:0;padding:0}.plan-card{padding:20px;margin:0}.plan-name{font-size:1.5em}.plan-price{font-size:2.2em}.btn{padding:12px 25px;font-size:1em}}.pricing-wrapper{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 20px}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;position:relative;z-index:10}.pricing-toggle span{font-size:1.1em;color:var(--font);font-weight:var(--font-weight-medium)}.pricing-toggle span.active{color:var(--text-color);font-weight:var(--font-weight-semibold)}.save-badge{background-color:var(--primary);color:var(--white)!important;padding:4px 12px;border-radius:var(--border-radius-xl);font-size:.9em!important;font-weight:var(--font-weight-semibold)!important}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--light);transition:.4s}.accordion{width:100%;border-radius:8px;overflow:hidden}.accordion-item{border-bottom:1px solid #e0e0e0}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;padding:1rem;background-color:#f8f9fa;border:none;display:flex;justify-content:space-between;align-items:left;cursor:pointer;transition:background-color .3s ease}.accordion-header:hover,.accordion-header.active{background-color:#f8f9fa}.accordion-header span{font-size:1rem;font-weight:500;color:#333;text-align:left}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.active{max-height:500px}.accordion-body{padding:0 1rem 1rem;background-color:#f8f9fa;color:#666;line-height:1.6;text-align:left}.accordion-icon{display:inline-block;font-size:1rem;position:relative;width:20px;height:20px;transition:transform .3s ease}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.plus,.minus{position:absolute;background-color:#666;transition:all .3s ease}.plus{width:2px;height:16px;left:9px;top:2px}.minus{width:16px;height:2px;left:2px;top:9px}.accordion-header.active .plus{transform:rotate(90deg)}.accordion-header.active .minus{opacity:0}.accordion-title{font-size:2.5rem;line-height:1.1;color:var(--secondary);margin-bottom:1.5rem;margin-top:0}.faq-section{background-color:#fff}@media (min-width: 576px){.accordion-title{font-size:3rem}}@media (min-width: 992px){.accordion-title{font-size:3.5rem}}.navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;width:100%;z-index:var(--z-index-fixed);padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.primary-nav{display:flex;gap:2rem;z-index:var(--z-index-fixed)}.nav-link{color:var(--white);text-decoration:none;font-weight:500;transition:opacity .3s ease;position:relative;font-size:1rem;opacity:.7}.nav-link:hover{color:var(--white);opacity:1}.nav-link.active{color:var(--white)!important;opacity:1}.language-toggle{background:none;color:var(--white);cursor:pointer;font-size:1rem;font-weight:500;margin-right:1rem;transition:all .3s ease;opacity:.8}.language-toggle:hover{opacity:1}.burger-button{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:none;border:none;cursor:pointer;padding:0;z-index:var(--z-index-modal)}.navbar-brand{display:flex;align-items:center;text-decoration:none}.logo{height:80px;width:auto;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}@media (max-width: 992px){.burger-button{display:flex}.language-toggle{font-size:1.2rem!important;padding:1rem 0;display:flex}.primary-nav{position:fixed;top:0;right:-100%;height:100vh;width:250px;background-color:var(--black);flex-direction:column;padding:80px 2rem;transition:right .3s ease;box-shadow:-2px 0 5px #0000001a;z-index:calc(var(--z-index-fixed) + 1)}.primary-nav.active{right:0}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:var(--z-index-fixed);pointer-events:none}.nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.nav-link{font-size:1.2rem;padding:1rem 0;display:flex}}.image-slide-comparison{position:relative;width:100%;height:400px;overflow:hidden;cursor:ew-resize;border-radius:8px;user-select:none;-webkit-user-select:none;touch-action:none;z-index:5;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.comparison-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-label{position:absolute;bottom:10px;padding:6px 12px;background:#000000b3;color:#fff;border-radius:4px;font-size:14px;font-weight:500;z-index:12;pointer-events:none}.before-label{left:10px}.after-label{right:10px}.before-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.after-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.after-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.slider-handle{position:absolute;top:0;bottom:0;width:4px;background:#fff;cursor:ew-resize;transform:translate(-50%);z-index:10;will-change:left}.slider-line{position:absolute;top:0;bottom:0;width:100%;background:#fff}.slider-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:11;will-change:transform}.slider-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.slider-arrow.left{border-right:8px solid #333;margin-right:2px}.slider-arrow.right{border-left:8px solid #333;margin-left:2px}@media (max-width: 991px){.image-slide-comparison{height:300px}}@media (max-width: 576px){.image-slide-comparison{height:250px}}.compressor-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Poppins,sans-serif}.compressor-header{text-align:center;margin-bottom:2rem}.compressor-header h2{font-size:2.5rem;color:#333;margin-bottom:.5rem}.compressor-header p{color:#666;font-size:1.1rem}.upload-section{margin-bottom:2rem}.upload-area{border:2px dashed #ccc;border-radius:10px;padding:3rem 2rem;text-align:center;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:var(--primary);background-color:#f1f8ff}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.upload-label i{font-size:3rem;color:var(--primary)}.upload-hint{font-size:.9rem;color:#666}.error-message{color:#dc3545;text-align:center;margin:1rem 0;padding:.5rem;background-color:#f8d7da;border-radius:5px}.compression-controls{margin:2rem 0;padding:1.5rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.quality-control{margin-bottom:1.5rem}.quality-control label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.quality-control input[type=range]{width:100%;height:8px;-webkit-appearance:none;background:#e9ecef;border-radius:4px;outline:none}.quality-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;transition:background .3s ease}.quality-control input[type=range]::-webkit-slider-thumb:hover{background:var(--primary)}.image-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.preview-container{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.preview-container h3{margin-bottom:1rem;color:#333;font-size:1.2rem}.preview-container img{width:100%;height:auto;border-radius:5px;margin-bottom:1rem}.preview-container p{color:#666;margin-bottom:.5rem}.savings{color:#28a745!important;font-weight:600}.download-button i{font-size:1.1rem}@media (max-width: 768px){.compressor-container{padding:1rem}.compressor-header h2{font-size:2rem}.upload-area{padding:2rem 1rem}.image-preview{grid-template-columns:1fr}}@media (max-width: 480px){.compressor-header h2{font-size:1.8rem}.upload-label i{font-size:2.5rem}.compression-controls{padding:1rem}}.hero-title{color:var(--primary);font-weight:700;margin-bottom:var(--spacing-3)}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.dropzone{border:var(--border-width-thick) dashed var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-base);padding:var(--spacing-5);margin-bottom:var(--spacing-4);background-color:var(--light)}.dropzone.active{background-color:var(--secondary);color:#fff}.dropzone.active h4{color:#fff}.dropzone-icon{font-size:var(--font-size-xxl);color:var(--primary);margin-bottom:var(--spacing-3)}.dropzone-text{color:var(--font2)}.dropzone-text-small{color:var(--font2);font-size:var(--font-size-sm)}.format-select{background-color:var(--light);border:var(--border-width-thick) solid transparent;border-radius:var(--border-radius);padding:var(--spacing-1) var(--spacing-2);width:100%}.files-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.files-table th,.files-table td{padding:.75rem;vertical-align:middle;border-bottom:1px solid #dee2e6}.files-table th{font-weight:600;text-align:left;background-color:#f8f9fa}.files-table tbody tr:hover{background-color:#f8f9fa}.compressed-card{height:100%;border:none;box-shadow:var(--shadow);border-radius:var(--border-radius)}.compressed-image{height:200px;width:100%;object-fit:cover;cursor:pointer;border-radius:var(--border-radius) var(--border-radius) 0 0}.compression-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background-color:var(--success);color:var(--white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.compressed-info{font-size:var(--font-size-sm);color:var(--font2)}.download-link{display:block;background-color:var(--secondary);color:var(--white);text-decoration:none;padding:var(--spacing-2);border-radius:var(--border-radius);text-align:center;transition:var(--transition-base)}.download-link:hover{background-color:var(--primary)}.feature-card{height:100%;border:none;box-shadow:var(--shadow);border-radius:var(--border-radius)}.feature-icon{font-size:var(--font-size-xxl);color:var(--primary);margin-bottom:var(--spacing-3)}.feature-text{color:var(--font2)}.ad-container{z-index:5}.ad-wrapper{display:flex;justify-content:center;align-items:center;min-height:100px;background-color:#f8f9fa;border-radius:8px;overflow:hidden;z-index:5;position:relative}.ad-placeholder{text-align:center;padding:20px;color:#6c757d;font-size:14px}.ad-placeholder p{margin:0;font-weight:500}.watermark-preview{max-height:100px;max-width:100%;width:auto;height:100%;padding:var(--spacing-2)}.switch-wrapper{margin-bottom:var(--spacing-2)}.switch{position:relative;display:inline-block;width:60px;height:34px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.input-group{margin-bottom:var(--spacing-2)}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:var(--primary);border:0;border-radius:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.text-muted{color:var(--font2);font-size:var(--font-size-sm)}.mt-2{margin-top:var(--spacing-2)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.ms-2{margin-left:var(--spacing-2)}.row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-2) * -1);margin-left:calc(var(--spacing-2) * -1)}.col-4{flex:0 0 auto;width:33.333333%;padding-right:var(--spacing-2);padding-left:var(--spacing-2)}.col-6{flex:0 0 auto;width:50%;padding-right:var(--spacing-2);padding-left:var(--spacing-2)}.col-12{flex:0 0 auto;width:100%;padding-right:var(--spacing-2);padding-left:var(--spacing-2)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--font1);background-color:var(--light);background-clip:padding-box;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:var(--font1);background-color:var(--light);border-color:var(--primary);outline:0;box-shadow:0 0 0 .25rem rgba(var(--primary-rgb),.25)}.form-label{margin-bottom:.5rem;font-weight:500;color:var(--font1)}.file-thumbnail{width:60px;height:60px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:1px solid #dee2e6}.file-thumbnail img{width:100%;height:100%;object-fit:cover}.remove-file-btn{background:none;border:none;color:#dc3545;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;width:32px;height:32px;line-height:1}.remove-file-btn:hover{background-color:#dc3545;color:#fff}.remove-file-btn i{font-size:1.1rem}.oversized-file{opacity:.7;background-color:#ff00000d;position:relative}.oversized-file:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff80;pointer-events:none}.oversized-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:#ff6b6b;color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.oversized-file .file-thumbnail{filter:grayscale(100%)}.oversized-file td{color:#666}.oversized-file .remove-file-btn{opacity:.7}.oversized-file .remove-file-btn:hover{opacity:1}.image-comparison-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.image-comparison-container{position:relative;width:90%;max-width:1200px;background-color:#fff;border-radius:8px;padding:20px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#333;font-size:24px;cursor:pointer;z-index:1001;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.close-button:hover{background-color:#0000001a}@media (max-width: 768px){.image-comparison-container{width:95%;padding:10px}}.membership-access-denied{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem;background-color:#f8f9fa;border-radius:12px;margin:2rem 0}.access-denied-content{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.access-denied-content h2{color:var(--primary);margin-bottom:1rem;font-size:1.8rem}.access-denied-content p{color:var(--font);margin-bottom:1.5rem;font-size:1.1rem}.current-plan{background-color:var(--light);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.current-plan p{margin:0;color:var(--font)}.current-plan strong{color:var(--primary)}.upgrade-button{background-color:var(--primary);color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upgrade-button:hover{background-color:var(--secondary);transform:translateY(-2px)}.max-upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.max-upload-container{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:400px;position:relative;box-shadow:0 4px 6px #0000001a}.max-upload-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;line-height:1}.max-upload-content{text-align:center}.max-upload-icon{font-size:3rem;color:#ff6b6b;margin-bottom:1rem}.max-upload-content h3{margin-bottom:1rem;color:#333}.max-upload-content p{color:#666;margin-bottom:1.5rem;line-height:1.5}.max-upload-actions{display:flex;gap:1rem;justify-content:center}.max-upload-button{padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.max-upload-button.upgrade{background-color:var(--primary);color:#fff}.max-upload-button.upgrade:hover{background-color:var(--secondary)}.max-upload-button.close{background-color:#f1f1f1;color:#333}.max-upload-button.close:hover{background-color:#e4e4e4}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--secondary-dark);padding:var(--spacing-3);position:relative;overflow:hidden}.login-wrapper{width:100%;max-width:600px;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-5);position:relative;z-index:2}.login-header{text-align:center}.login-header h1{color:var(--secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.login-header p{color:var(--font);font-size:var(--font-size-base)}.login-form-container{width:100%}.error-message{background-color:#fff5f5;color:#c53030;padding:var(--spacing-2);border-radius:var(--border-radius);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm)}.login-form{width:100%;margin:0 auto}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.remember-me{display:flex;align-items:center;gap:var(--spacing-2)}.remember-me input[type=checkbox]{width:16px;height:16px;border:var(--border-width-thick) solid var(--border-color);border-radius:var(--border-radius-sm)}.forgot-password{color:var(--primary);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base)}.forgot-password:hover{color:var(--secondary);text-decoration:underline}.signup-link{text-align:center;margin-top:var(--spacing-3);color:var(--secondary);font-size:var(--font-size-sm)}.signup-link a{color:var(--primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-base)}.signup-link a:hover{color:var(--secondary);text-decoration:underline}@media (max-width: 480px){.login-wrapper{padding:var(--spacing-4) var(--spacing-3)}.login-header h1{font-size:var(--font-size-lg)}.login-header p{font-size:var(--font-size-sm)}}.login-container h1{font-size:36px;font-weight:700}.plan-selection{width:100%;max-width:400px;margin:0 auto}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.billing-toggle span{color:#666;font-size:14px}.billing-toggle span.active{color:#333;font-weight:500}.billing-toggle.disabled{opacity:.5;pointer-events:none}.billing-toggle.disabled span{color:#999}.billing-toggle.disabled .switch{opacity:.5}.plan-options{display:flex;gap:15px;margin-bottom:20px}.plan-option{flex:1;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.plan-option:hover{border-color:var(--primary)}.plan-option.selected{border-color:var(--primary);background-color:#f6ffff}.plan-option h4{margin:0 0 10px;color:#333}.plan-option .price{margin:0;font-size:20px;font-weight:600;color:var(--primary)}.plan-option .price span{font-size:14px;color:#666;font-weight:400}.plan-summary{padding:15px;border-radius:8px;text-align:center}.plan-summary h4{margin:0 0 5px;color:#333}.plan-summary p{color:#666;font-size:14px}.dashboard-container{display:flex;min-height:100vh}.sidebar-nav{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;padding-top:1rem}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid rgba(0,0,0,.1)}.logout-btn{display:flex;align-items:center;color:#6c757d;transition:var(--transition-base);gap:.5rem}.logout-btn:hover{color:#dc3545}.card-container{background-color:#f8f8f8;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-xl);position:relative;z-index:5}.dashboard-card{background:#fff;border-radius:8px;min-height:600px}.content-section{display:none}.content-section.active{display:block}.content-wrapper{max-width:1200px;margin:0 auto}.content-header{margin-bottom:2rem}.content-header h2{font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.content-header p{color:#64748b;margin:0}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.info-card-header{padding:1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.info-card-header i{font-size:1.25rem;color:#6366f1}.info-card-header h3{margin:0;font-size:1.1rem;font-weight:600}.info-card-content{padding:1.25rem}.info-item{margin-bottom:1rem}.info-item:last-child{margin-bottom:0}.info-item label{display:block;font-size:.875rem;color:#64748b;margin-bottom:.25rem}.info-item p{margin:0;font-size:1rem;color:#1e293b}.payment-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.payment-header{padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.payment-summary{display:flex;gap:2rem}.summary-item{display:flex;flex-direction:column}.summary-item .label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.summary-item .value{font-size:1.5rem;font-weight:600;color:#1e293b}.payment-table{padding:1.5rem}.payment-table table{width:100%;border-collapse:collapse}.payment-table th{text-align:left;padding:.75rem;font-weight:500;color:#64748b;border-bottom:1px solid #e2e8f0}.payment-table td{padding:.75rem;border-bottom:1px solid #e2e8f0}.settings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.settings-form{max-width:800px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#64748b}.form-group input:focus{outline:none;border-color:var(--primary)}.form-actions{display:flex;gap:1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.success{background:#dcfce7;color:#166534}@media (max-width: 1024px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.dashboard-container{flex-direction:column;align-items:center}.list-group{display:flex;flex-wrap:wrap;gap:.5rem}.sidebar-nav{height:auto;border-radius:12px;padding:1rem;flex-direction:row;align-items:center;justify-content:center;position:sticky;top:1rem;z-index:1000;margin:0 auto;width:100%;max-width:600px}.sidebar-footer{margin-top:0;padding:0;border-top:none}.content-grid{grid-template-columns:1fr;width:90%;max-width:600px;margin:0 auto}.payment-summary{flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.sidebar-nav{padding:.5rem;margin:0 .5rem}.list-group{gap:.25rem}.sidebar-nav-btn{padding:.4rem .6rem;font-size:.85rem}.sidebar-nav-btn i{font-size:.85rem}.logout-btn{padding:.4rem;font-size:.85rem}}.profile-image-container{position:relative}.profile-image{width:120px;height:120px;object-fit:cover;border:4px solid #fff;box-shadow:0 2px 10px #0000001a;border-radius:50%}.upload-button{position:absolute;bottom:0;right:0;background-color:var(--primary);color:var(--white);border-radius:50%;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.upload-button input{display:none}.rounded-circle{border-radius:50%!important}.payment-section{background:#fff;border-radius:15px;margin-bottom:2rem}.payment-section .table{width:100%;font-size:.9rem}.payment-section .table th,.payment-section .table td{text-align:left;padding:1rem 1.5rem;border:none}.payment-section .table th{background:#f8f9fa;font-weight:600;color:#6c757d;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.payment-status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:6px;font-weight:500;font-size:.85rem}.payment-status.completed{background:#e8f5e9;color:#2e7d32}.payment-status.pending{background:#fff3e0;color:#ef6c00}.payment-status.failed{background:#ffebee;color:#c62828}.payment-empty-state{text-align:center;padding:2rem;color:#6c757d;font-size:.9rem}.section-separator{position:relative;margin:2rem 0;text-align:center}.section-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),rgba(0,0,0,.1),transparent)}.section-separator-text{position:relative;display:inline-block;padding:0 1rem;background:#fff;color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.section-separator-text i{margin-right:.5rem;color:#0d6efd}@media (prefers-color-scheme: dark){.section-separator:before{background:linear-gradient(to right,transparent,rgba(255,255,255,.1),rgba(255,255,255,.1),transparent)}.section-separator-text{background:#1a1a1a}}.payment-cards{display:flex;flex-direction:column;gap:1rem}.payment-card{background:#fff;border-radius:15px;box-shadow:0 2px 15px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);overflow:hidden;width:100%}.payment-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001a}.payment-card-header{padding:1.25rem;border-bottom:1px solid rgba(0,0,0,.05);background:#00000005;display:flex;justify-content:space-between;align-items:center}.payment-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.payment-card-footer{padding:1rem 1.25rem;border-top:1px solid rgba(0,0,0,.05);background:#00000005}.payment-info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#00000005;border-radius:10px}.payment-info-label{color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.payment-info-value{font-weight:500;color:#2c3e50}.payment-info-value:has(+.days-remaining){color:#2e7d32}.days-remaining.expired{color:#dc3545}.days-remaining.warning{color:#ffc107}.payment-amount{font-family:SF Mono,Roboto Mono,monospace;font-size:2rem;font-weight:600;color:#2c3e50}.payment-plan{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#17a2b81a;color:#17a2b8;border-radius:10px;font-weight:500;font-size:1.2rem}.payment-date{color:#6c757d;font-size:1.1rem;display:flex;align-items:center;gap:.75rem}.payment-date i{font-size:1.2rem}.payment-actions{display:flex;justify-content:center;gap:1rem}.btn-view-details{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:10px;font-weight:500;font-size:1.1rem;transition:all .2s ease;min-width:180px}.btn-view-details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.payment-empty-state{text-align:center;padding:4rem 2rem;background:#00000005;border-radius:15px;margin:1rem}.payment-empty-state i{font-size:4rem;color:#dee2e6;margin-bottom:1.5rem}.payment-empty-state p{font-size:1.3rem;color:#6c757d;margin:0}@media (max-width: 768px){.sidebar-nav{padding:.75rem;flex-direction:column;gap:.5rem}.list-group{flex-direction:column;width:100%;gap:.25rem}.sidebar-nav-btn{padding:.5rem .75rem;font-size:.9rem;justify-content:center}.sidebar-nav-btn i{width:1rem;font-size:.9rem}.sidebar-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.logout-btn{justify-content:center;padding:.5rem;font-size:.9rem}.payment-cards{padding:.5rem}.payment-card-header{flex-direction:column;gap:1rem;align-items:flex-start}.payment-info-item{padding:.75rem}.payment-amount{font-size:1.75rem}.payment-plan{padding:.75rem 1rem;font-size:1.1rem}.payment-card-number{padding:.75rem;font-size:1.1rem}.payment-card-icon{width:40px;height:40px;font-size:1.2rem}.payment-actions{flex-direction:column}.btn-view-details{width:100%;padding:.875rem 1.5rem;font-size:1rem}}.payment-section .table-container{overflow-x:auto}.payment-section .table{width:100%;min-width:600px}.payment-section .table thead th{background:#00000005;font-weight:600;text-transform:uppercase;font-size:.85rem;color:#6c757d;border-bottom:2px solid rgba(0,0,0,.05);text-align:left}.payment-section .table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.payment-section .table tbody tr:hover{background-color:#00000005}.payment-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem}.payment-status.completed{background:#28a7451a;color:#28a745}.payment-status.pending{background:#ffc1071a;color:#ffc107}.payment-status.failed{background:#dc35451a;color:#dc3545}.payment-empty-state{text-align:center;padding:3rem 2rem;background:#00000005;border-radius:10px;margin:1rem}.payment-empty-state i{font-size:3rem;color:#dee2e6;margin-bottom:1rem}.payment-empty-state p{font-size:1.1rem;color:#6c757d;margin:0}@media (max-width: 992px){.payment-section .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.payment-section .table{min-width:800px}}.payment-list{width:100%}.payment-item{border-bottom:1px solid #eee;padding:1rem 0}.payment-item:last-child{border-bottom:none}.payment-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.payment-col{flex:1;min-width:120px}.payment-label{font-size:.875rem;color:#6c757d;margin-bottom:.25rem}.payment-value{font-weight:500}.payment-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.payment-status.completed{background-color:#e8f5e9;color:#2e7d32}.payment-status.pending{background-color:#fff3e0;color:#ef6c00}.payment-status.failed{background-color:#ffebee;color:#c62828}@media (max-width: 768px){.payment-row{flex-direction:column;gap:.5rem}.payment-col{width:100%;min-width:100%}.payment-label{display:inline-block;margin-right:.5rem}.payment-value{display:inline-block}}.subscription-period{display:flex;flex-direction:column;gap:.25rem}.date-range{font-weight:500;color:#2c3e50}.days-remaining{font-size:.875rem;color:#6c757d}.days-remaining.expired{color:#dc3545;font-weight:500}.days-remaining.warning{color:#ffc107;font-weight:500}.date-range{font-size:12px}.feature-list li{display:flex;align-items:center;margin-bottom:.5rem;font-size:.9rem}.feature-list li:last-child{margin-bottom:0}.feature-list i{margin-right:.5rem;font-size:.8rem}.abonnement-section{width:100%}.abonnement-section .section-header{margin-bottom:2rem}.abonnement-section .section-title h2{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#1e293b}.abonnement-section .section-title p{color:#64748b;margin:0;font-size:1rem}@media (max-width: 768px){.abonnement-section .section-title h2{font-size:1.5rem}.feature-list li{font-size:.85rem}.payment-actions{flex-direction:column;gap:.75rem}.btn-view-details{width:100%;justify-content:center}}.renewal-options{width:100%}.renewal-plan-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000005;border-radius:10px;border:1px solid rgba(0,0,0,.05);margin-bottom:.75rem}.renewal-plan-option:last-child{margin-bottom:0}.renewal-plan-option .plan-info h6{margin:0 0 .25rem;font-weight:600;color:#2c3e50}.renewal-plan-option .plan-info p{margin:0;font-size:.9rem}.renewal-summary{background:#00000005;padding:1.5rem;border-radius:10px;border:1px solid rgba(0,0,0,.05)}.renewal-summary h6{margin:0 0 1rem;font-weight:600;color:#2c3e50}.renewal-summary p{margin:0 0 .5rem;font-size:.95rem}.renewal-summary p:last-child{margin-bottom:0}@media (max-width: 768px){.renewal-plan-option{flex-direction:column;gap:1rem;align-items:flex-start}.renewal-plan-option .btn{width:100%;justify-content:center}.renewal-summary{padding:1rem}}.renewal-payment-container{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;animation:slideDown .3s ease-out}.renewal-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.renewal-payment-header h6{margin:0;font-weight:600;color:#2c3e50;font-size:1.1rem}.renewal-payment-header .btn-close{padding:.25rem;font-size:.875rem;opacity:.7;transition:opacity .2s ease}.renewal-payment-header .btn-close:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.renewal-payment-container{padding:1rem}.renewal-payment-header{flex-direction:column;gap:1rem;align-items:flex-start}.renewal-payment-header .btn-close{position:static;margin-left:auto}}.upgrade-section{padding:1rem 0}.upgrade-section .section-header{margin-bottom:2rem}.upgrade-section .section-title h2{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#1e293b}.upgrade-section .section-title p{color:#64748b;margin:0;font-size:1rem}.upgrade-cards{display:flex;flex-direction:column;gap:1.5rem}.upgrade-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.upgrade-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px);transition:all .3s ease}.upgrade-card-header{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center}.upgrade-plan{display:flex;align-items:center;font-size:1.25rem;font-weight:600}.upgrade-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.upgrade-status.available{color:#10b981}.upgrade-card-body{padding:1.5rem}.upgrade-info-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.upgrade-info-item:last-child{border-bottom:none;margin-bottom:0}.upgrade-info-label{font-weight:600;color:#374151;font-size:.875rem;min-width:120px}.upgrade-info-value{flex:1;margin-left:1rem}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:#374151}.benefits-list li:last-child{margin-bottom:0}.upgrade-options{display:flex;flex-direction:column;gap:1rem}.upgrade-plan-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.upgrade-plan-option .plan-info h6{margin:0 0 .25rem;font-weight:600;color:#1e293b}.upgrade-plan-option .plan-info p{margin:0;color:#64748b;font-size:.875rem}.upgrade-payment-container{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0;animation:slideDown .3s ease-out}.upgrade-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.upgrade-payment-header h6{margin:0;font-weight:600;color:#1e293b;font-size:1rem}.upgrade-payment-header .btn-close{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:0;width:auto;height:auto}.upgrade-payment-header .btn-close:hover{color:#dc3545}.billing-toggle-section{text-align:center}.upgrade-summary{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.upgrade-summary p{margin:0 0 .5rem;font-size:.875rem}.upgrade-summary p:last-child{margin-bottom:0}.upgrade-empty-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.upgrade-empty-state i{font-size:3rem;color:#64748b;margin-bottom:1rem}.upgrade-empty-state p{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.upgrade-empty-state p.text-muted{color:#64748b;font-weight:400;font-size:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.upgrade-card-header{flex-direction:column;gap:1rem;text-align:center}.upgrade-info-item{flex-direction:column;gap:.5rem}.upgrade-info-label{min-width:auto}.upgrade-info-value{margin-left:0}.upgrade-plan-option{flex-direction:column;gap:1rem;text-align:center}.upgrade-payment-container{padding:1rem}.upgrade-payment-header{flex-direction:column;gap:1rem;text-align:center}.upgrade-payment-header .btn-close{position:static;margin-left:auto}}.payment-extension-info{background:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem;margin-top:.5rem;border-radius:0 0 8px 8px}.extension-row{display:flex;gap:2rem;align-items:center}.extension-col{display:flex;flex-direction:column}.extension-label{font-size:.875rem;color:#6c757d;margin-bottom:.25rem;font-weight:500}.extension-value{font-size:1rem;color:#212529;font-weight:600}@media (max-width: 768px){.extension-row{flex-direction:column;gap:1rem;align-items:flex-start}.extension-col{width:100%}}.second-nav{background-color:#000;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:1rem;color:#fff;padding:.25rem 0}.user-name{font-weight:700}.user-tier{background-color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.subscription-days{font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:20px;background-color:#ffffff1a;transition:all .3s ease}.subscription-days.clickable{cursor:pointer;position:relative;overflow:hidden}.subscription-days.clickable:hover{background-color:#fff3;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.subscription-days.clickable:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d}.subscription-days.clickable:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.subscription-days.clickable:hover:before{left:100%}.subscription-days .text-danger{color:#dc3545}.subscription-days .text-warning{color:#ffc107}.subscription-days .text-success{color:#fff}:root{--primary: #00C6D4;--secondary: #003956;--secondary-dark: #000B1B;--light: #dcdcdc;--white: #fff;--black: #000;--font: #666;--background-color: var(--white);--text-color: var(--font);--primary-color: var(--primary);--secondary-color: var(--secondary);--border-color: var(--light);--card-bg: var(--ultra-light);--font-family-base: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--font-size-xl: 3.5rem;--font-size-xxl: 4rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-base: 1.5;--line-height-sm: 1.25;--line-height-lg: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 3rem;--spacing-6: 4rem;--spacing-7: 5rem;--spacing-8: 6rem;--border-width: 1px;--border-width-thick: 2px;--border-width-thicker: 3px;--border-radius-none: 0;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: 1rem;--border-radius-xl: 2rem;--border-radius-circle: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 0px 25px 5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--transition-base: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease;--transition-timing: cubic-bezier(.4, 0, .2, 1);--container-max-width: 1200px;--container-padding: 1rem;--grid-columns: 12;--grid-gutter: .75rem;--grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px )}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--text-color);transition:background-color .3s ease,color .3s ease;max-width:100vw;overflow-x:hidden}h1{font-size:3rem;color:var(--text-color);font-weight:var(--font-weight-black);margin-top:var(--spacing-4);line-height:1.2;margin-bottom:var(--spacing-4)}h2{font-size:1.5rem;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-color);margin-bottom:var(--spacing-3)}h3{font-size:1.5rem;font-weight:var(--font-weight-black);color:var(--secondary-dark);margin-top:var(--spacing-3);margin-bottom:var(--spacing-2)}h4{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-color);margin-top:var(--spacing-3);margin-bottom:var(--spacing-2)}h5{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--text-color);margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h6{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--text-color);margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}p{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-color);padding-bottom:1rem}.d-flex{display:flex}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}.badge.bg-primary{background-color:var(--primary)!important;color:#fff}.badge.bg-secondary{background-color:var(--secondary)!important;color:#fff}.badge.bg-success{background-color:#198754!important;color:#fff}.badge.bg-danger{background-color:#dc3545!important;color:#fff}.badge.bg-warning{background-color:#ffc107!important;color:#000}.badge.bg-info{background-color:#0dcaf0!important;color:#000}.badge.bg-light{background-color:#f8f9fa!important;color:#000}.badge.bg-dark{background-color:#212529!important;color:#fff}.badge.bg-purple{background-color:#6f42c1!important;color:#fff}.badge.bg-divine{background:linear-gradient(45deg,gold,#ff8c00,#ff4500)!important;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);animation:divine-glow 2s ease-in-out infinite alternate}@keyframes divine-glow{0%{box-shadow:0 0 5px gold,0 0 10px #ff8c00,0 0 15px #ff4500}to{box-shadow:0 0 10px gold,0 0 20px #ff8c00,0 0 30px #ff4500}}.flex-direction-col{flex-direction:column}.align-item-center{align-items:center}.align-items-between{align-items:space-between}.justify-content-center{justify-content:center}.justify-conternt-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.me-2{margin-right:var(--spacing-4)}.ms-1{margin-left:var(--spacing-2)!important}.mb-1{margin-bottom:var(--spacing-2)!important}.mx-2{margin:0 var(--spacing-2)!important}.text-center{text-align:center}.w-bold{font-weight:var(--font-weight-bold)}.w-100{width:100%}input{background-color:var(--light);color:var(--secondary-light)!important;border:var(--border-width-thick) solid transparent;padding:var(--spacing-2) var(--spacing-2)!important;border-radius:var(--border-radius)!important;width:100%;transition:var(--transition-base);font-size:var(--font-size-base)}input:focus{border-color:var(--primary);outline:none}textarea{background-color:var(--light);color:var(--secondary-light);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-2);border:var(--border-width-thick) solid transparent;border-radius:var(--border-radius);width:100%;min-height:100px;resize:vertical;transition:var(--transition-base);font-size:var(--font-size-base)}textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #c2222a1a}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-group label{font-weight:var(--font-weight-semibold);color:var(--secondary);font-size:var(--font-size-sm)}.App{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;background-color:var(--background-color)}main{flex:1;width:100%;position:relative;z-index:1}.App:before{content:"";position:absolute;left:0;top:0;width:100%;height:300px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);background-size:cover;background-position:bottom;z-index:-1;opacity:.1}.App:after{content:"";position:absolute;opacity:.1;left:0;bottom:0;width:100%;height:300px;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);background-size:cover;background-position:top;z-index:-1}.text-align-center{text-align:center}.text-white{color:var(--white)!important}.section01{background-color:var(--secondary-dark);height:100%;min-height:101vh;display:flex;width:100%}.section02{overflow:hidden}@media (max-width: 992px){.section01{overflow:hidden}}.sectionBlue{background-color:var(--secondary-dark)}.fixHeader{margin-top:-5.05rem;padding-top:7.35rem}.sectionBlue02{background:#000b1b;background:linear-gradient(180deg,#000b1b 54%,#fff 54%)}@media (max-width: 992px){.sectionBlue02{overflow:hidden}}@media (max-width: 991px){.order-1{order:1!important}.order-2{order:2!important}}@media (max-width: 768px){h1{font-size:3rem;margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}h2{font-size:1.5rem;margin-bottom:var(--spacing-2)}h3{font-size:1.5rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h4{font-size:1.25rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h5{font-size:1rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h6{font-size:.875rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}body{overflow-x:hidden;width:100%;position:relative}.App{overflow-x:hidden;width:100%}}@media (max-width: 480px){h1{font-size:3rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h2{font-size:1.125rem;margin-bottom:var(--spacing-2)}h3{font-size:1.5rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h4{font-size:1.25rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h5{font-size:1rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}h6{font-size:.875rem;margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}}.z-5{z-index:5}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-list svg{color:var(--primary)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.global-page{background-color:var(--background-color);min-height:100vh}.title-section{background:var(--white);border-radius:1rem;padding:2rem;box-shadow:0 2px 4px #0000000d}.title-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.title-card{background:var(--background-color);border-radius:.75rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.title-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.title-preview{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.title-code{background:var(--secondary-dark);padding:.75rem;border-radius:.5rem;overflow-x:auto}.title-code code{color:var(--white);font-size:.9rem;font-family:Courier New,Courier,monospace}.title-preview h1{font-size:2.5rem;font-weight:700;color:var(--primary);margin:0}.title-preview h2{font-size:2rem;font-weight:600;color:var(--secondary);margin:0}.title-preview h3{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0}.title-preview h4{font-size:1.5rem;font-weight:500;color:var(--text-color);margin:0}.title-preview h5{font-size:1.25rem;font-weight:500;color:var(--text-color);margin:0}.title-preview h6{font-size:1rem;font-weight:500;color:var(--text-color);margin:0}@media (max-width: 768px){.title-grid{grid-template-columns:1fr}.title-section{padding:1.5rem}.title-card{padding:1rem}}.App{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-fluid{width:100%;padding:0 var(--container-padding)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--grid-gutter) * -.5)}.g-0{--bs-gutter-x: 0;--bs-gutter-y: 0}.g-1{--bs-gutter-x: .25rem;--bs-gutter-y: .25rem}.g-2{--bs-gutter-x: .5rem;--bs-gutter-y: .5rem}.g-3{--bs-gutter-x: 1rem;--bs-gutter-y: 1rem}.g-4{--bs-gutter-x: 1.5rem;--bs-gutter-y: 1.5rem}.g-5{--bs-gutter-x: 3rem;--bs-gutter-y: 3rem}.row.g-0,.row.g-1,.row.g-2,.row.g-3,.row.g-4,.row.g-5{margin:calc(var(--bs-gutter-y) * -.5) calc(var(--bs-gutter-x) * -.5)}.row.g-0>*,.row.g-1>*,.row.g-2>*,.row.g-3>*,.row.g-4>*,.row.g-5>*{padding:calc(var(--bs-gutter-y) * .5) calc(var(--bs-gutter-x) * .5)}.col{flex:1 0 0%;padding:var(--grid-gutter)}.col-1{flex:0 0 8.333333%;max-width:8.333333%;padding:var(--grid-gutter)}.col-2{flex:0 0 16.666667%;max-width:16.666667%;padding:var(--grid-gutter)}.col-3{flex:0 0 25%;max-width:25%;padding:var(--grid-gutter)}.col-4{flex:0 0 33.333333%;max-width:33.333333%;padding:var(--grid-gutter)}.col-5{flex:0 0 41.666667%;max-width:41.666667%;padding:var(--grid-gutter)}.col-6{flex:0 0 50%;max-width:50%;padding:var(--grid-gutter)}.col-7{flex:0 0 58.333333%;max-width:58.333333%;padding:var(--grid-gutter)}.col-8{flex:0 0 66.666667%;max-width:66.666667%;padding:var(--grid-gutter)}.col-9{flex:0 0 75%;max-width:75%;padding:var(--grid-gutter)}.col-10{flex:0 0 83.333333%;max-width:83.333333%;padding:var(--grid-gutter)}.col-11{flex:0 0 91.666667%;max-width:91.666667%;padding:var(--grid-gutter)}.col-12{flex:0 0 100%;max-width:100%;padding:var(--grid-gutter)}@media (min-width: 576px){.col-sm-1{flex:0 0 8.333333%!important;max-width:8.333333%!important;padding:var(--grid-gutter)!important}.col-sm-2{flex:0 0 16.666667%!important;max-width:16.666667%!important;padding:var(--grid-gutter)!important}.col-sm-3{flex:0 0 25%!important;max-width:25%!important;padding:var(--grid-gutter)!important}.col-sm-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;padding:var(--grid-gutter)!important}.col-sm-5{flex:0 0 41.666667%!important;max-width:41.666667%!important;padding:var(--grid-gutter)!important}.col-sm-6{flex:0 0 50%!important;max-width:50%!important;padding:var(--grid-gutter)!important}.col-sm-7{flex:0 0 58.333333%!important;max-width:58.333333%!important;padding:var(--grid-gutter)!important}.col-sm-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;padding:var(--grid-gutter)!important}.col-sm-9{flex:0 0 75%!important;max-width:75%!important;padding:var(--grid-gutter)!important}.col-sm-10{flex:0 0 83.333333%!important;max-width:83.333333%!important;padding:var(--grid-gutter)!important}.col-sm-11{flex:0 0 91.666667%!important;max-width:91.666667%!important;padding:var(--grid-gutter)!important}.col-sm-12{flex:0 0 100%!important;max-width:100%!important;padding:var(--grid-gutter)!important}}@media (min-width: 768px){.col-md-1{flex:0 0 8.333333%!important;max-width:8.333333%!important;padding:var(--grid-gutter)!important}.col-md-2{flex:0 0 16.666667%!important;max-width:16.666667%!important;padding:var(--grid-gutter)!important}.col-md-3{flex:0 0 25%!important;max-width:25%!important;padding:var(--grid-gutter)!important}.col-md-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;padding:var(--grid-gutter)!important}.col-md-5{flex:0 0 41.666667%!important;max-width:41.666667%!important;padding:var(--grid-gutter)!important}.col-md-6{flex:0 0 50%!important;max-width:50%!important;padding:var(--grid-gutter)!important}.col-md-7{flex:0 0 58.333333%!important;max-width:58.333333%!important;padding:var(--grid-gutter)!important}.col-md-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;padding:var(--grid-gutter)!important}.col-md-9{flex:0 0 75%!important;max-width:75%!important;padding:var(--grid-gutter)!important}.col-md-10{flex:0 0 83.333333%!important;max-width:83.333333%!important;padding:var(--grid-gutter)!important}.col-md-11{flex:0 0 91.666667%!important;max-width:91.666667%!important;padding:var(--grid-gutter)!important}.col-md-12{flex:0 0 100%!important;max-width:100%!important;padding:var(--grid-gutter)!important}}@media (min-width: 992px){.col-lg-1{flex:0 0 8.333333%!important;max-width:8.333333%!important;padding:var(--grid-gutter)!important}.col-lg-2{flex:0 0 16.666667%!important;max-width:16.666667%!important;padding:var(--grid-gutter)!important}.col-lg-3{flex:0 0 25%!important;max-width:25%!important;padding:var(--grid-gutter)!important}.col-lg-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;padding:var(--grid-gutter)!important}.col-lg-5{flex:0 0 41.666667%!important;max-width:41.666667%!important;padding:var(--grid-gutter)!important}.col-lg-6{flex:0 0 50%!important;max-width:50%!important;padding:var(--grid-gutter)!important}.col-lg-7{flex:0 0 58.333333%!important;max-width:58.333333%!important;padding:var(--grid-gutter)!important}.col-lg-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;padding:var(--grid-gutter)!important}.col-lg-9{flex:0 0 75%!important;max-width:75%!important;padding:var(--grid-gutter)!important}.col-lg-10{flex:0 0 83.333333%!important;max-width:83.333333%!important;padding:var(--grid-gutter)!important}.col-lg-11{flex:0 0 91.666667%!important;max-width:91.666667%!important;padding:var(--grid-gutter)!important}.col-lg-12{flex:0 0 100%!important;max-width:100%!important;padding:var(--grid-gutter)!important}}@media (min-width: 1200px){.col-xl-1{flex:0 0 8.333333%!important;max-width:8.333333%!important;padding:var(--grid-gutter)!important}.col-xl-2{flex:0 0 16.666667%!important;max-width:16.666667%!important;padding:var(--grid-gutter)!important}.col-xl-3{flex:0 0 25%!important;max-width:25%!important;padding:var(--grid-gutter)!important}.col-xl-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;padding:var(--grid-gutter)!important}.col-xl-5{flex:0 0 41.666667%!important;max-width:41.666667%!important;padding:var(--grid-gutter)!important}.col-xl-6{flex:0 0 50%!important;max-width:50%!important;padding:var(--grid-gutter)!important}.col-xl-7{flex:0 0 58.333333%!important;max-width:58.333333%!important;padding:var(--grid-gutter)!important}.col-xl-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;padding:var(--grid-gutter)!important}.col-xl-9{flex:0 0 75%!important;max-width:75%!important;padding:var(--grid-gutter)!important}.col-xl-10{flex:0 0 83.333333%!important;max-width:83.333333%!important;padding:var(--grid-gutter)!important}.col-xl-11{flex:0 0 91.666667%!important;max-width:91.666667%!important;padding:var(--grid-gutter)!important}.col-xl-12{flex:0 0 100%!important;max-width:100%!important;padding:var(--grid-gutter)!important}}@media (min-width: 1400px){.col-xxl-1{flex:0 0 8.333333%!important;max-width:8.333333%!important;padding:var(--grid-gutter)!important}.col-xxl-2{flex:0 0 16.666667%!important;max-width:16.666667%!important;padding:var(--grid-gutter)!important}.col-xxl-3{flex:0 0 25%!important;max-width:25%!important;padding:var(--grid-gutter)!important}.col-xxl-4{flex:0 0 33.333333%!important;max-width:33.333333%!important;padding:var(--grid-gutter)!important}.col-xxl-5{flex:0 0 41.666667%!important;max-width:41.666667%!important;padding:var(--grid-gutter)!important}.col-xxl-6{flex:0 0 50%!important;max-width:50%!important;padding:var(--grid-gutter)!important}.col-xxl-7{flex:0 0 58.333333%!important;max-width:58.333333%!important;padding:var(--grid-gutter)!important}.col-xxl-8{flex:0 0 66.666667%!important;max-width:66.666667%!important;padding:var(--grid-gutter)!important}.col-xxl-9{flex:0 0 75%!important;max-width:75%!important;padding:var(--grid-gutter)!important}.col-xxl-10{flex:0 0 83.333333%!important;max-width:83.333333%!important;padding:var(--grid-gutter)!important}.col-xxl-11{flex:0 0 91.666667%!important;max-width:91.666667%!important;padding:var(--grid-gutter)!important}.col-xxl-12{flex:0 0 100%!important;max-width:100%!important;padding:var(--grid-gutter)!important}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.m-0{margin:var(--spacing-0)!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-5{margin:var(--spacing-5)!important}.mt-0{margin-top:var(--spacing-0)!important}.mt-1{margin-top:var(--spacing-1)!important}.mt-2{margin-top:var(--spacing-2)!important}.mt-3{margin-top:var(--spacing-3)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-5{margin-top:var(--spacing-5)!important}.me-0{margin-right:var(--spacing-0)!important}.me-1{margin-right:var(--spacing-1)!important}.me-2{margin-right:var(--spacing-2)!important}.me-3{margin-right:var(--spacing-3)!important}.me-4{margin-right:var(--spacing-4)!important}.me-5{margin-right:var(--spacing-5)!important}.mb-0{margin-bottom:var(--spacing-0)!important}.mb-1{margin-bottom:var(--spacing-1)!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-3{margin-bottom:var(--spacing-3)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mb-5{margin-bottom:var(--spacing-5)!important}.ms-0{margin-left:var(--spacing-0)!important}.ms-1{margin-left:var(--spacing-1)!important}.ms-2{margin-left:var(--spacing-2)!important}.ms-3{margin-left:var(--spacing-3)!important}.ms-4{margin-left:var(--spacing-4)!important}.ms-5{margin-left:var(--spacing-5)!important}.mx-0{margin-left:var(--spacing-0)!important;margin-right:var(--spacing-0)!important}.mx-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.my-0{margin-top:var(--spacing-0)!important;margin-bottom:var(--spacing-0)!important}.my-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}.p-0{padding:var(--spacing-0)!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-4{padding:var(--spacing-4)!important}.p-5{padding:var(--spacing-5)!important}.pt-0{padding-top:var(--spacing-0)!important}.pt-1{padding-top:var(--spacing-1)!important}.pt-2{padding-top:var(--spacing-2)!important}.pt-3{padding-top:var(--spacing-3)!important}.pt-4{padding-top:var(--spacing-4)!important}.pt-5{padding-top:var(--spacing-5)!important}.pe-0{padding-right:var(--spacing-0)!important}.pe-1{padding-right:var(--spacing-1)!important}.pe-2{padding-right:var(--spacing-2)!important}.pe-3{padding-right:var(--spacing-3)!important}.pe-4{padding-right:var(--spacing-4)!important}.pe-5{padding-right:var(--spacing-5)!important}.pb-0{padding-bottom:var(--spacing-0)!important}.pb-1{padding-bottom:var(--spacing-1)!important}.pb-2{padding-bottom:var(--spacing-2)!important}.pb-3{padding-bottom:var(--spacing-3)!important}.pb-4{padding-bottom:var(--spacing-4)!important}.pb-5{padding-bottom:var(--spacing-5)!important}.ps-0{padding-left:var(--spacing-0)!important}.ps-1{padding-left:var(--spacing-1)!important}.ps-2{padding-left:var(--spacing-2)!important}.ps-3{padding-left:var(--spacing-3)!important}.ps-4{padding-left:var(--spacing-4)!important}.ps-5{padding-left:var(--spacing-5)!important}.px-0{padding-left:var(--spacing-0)!important;padding-right:var(--spacing-0)!important}.px-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.py-0{padding-top:var(--spacing-0)!important;padding-bottom:var(--spacing-0)!important}.py-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}@media (min-width: 576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-grid{display:grid!important}}@media (min-width: 768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-grid{display:grid!important}}@media (min-width: 992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-grid{display:grid!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-grid{display:grid!important}}@media (min-width: 1400px){.d-xxl-none{display:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-flex{display:flex!important}.d-xxl-grid{display:grid!important}}@media (min-width: 576px){.m-sm-0{margin:var(--spacing-0)!important}.m-sm-1{margin:var(--spacing-1)!important}.m-sm-2{margin:var(--spacing-2)!important}.m-sm-3{margin:var(--spacing-3)!important}.m-sm-4{margin:var(--spacing-4)!important}.m-sm-5{margin:var(--spacing-5)!important}.mt-sm-0{margin-top:var(--spacing-0)!important}.mt-sm-1{margin-top:var(--spacing-1)!important}.mt-sm-2{margin-top:var(--spacing-2)!important}.mt-sm-3{margin-top:var(--spacing-3)!important}.mt-sm-4{margin-top:var(--spacing-4)!important}.mt-sm-5{margin-top:var(--spacing-5)!important}.me-sm-0{margin-right:var(--spacing-0)!important}.me-sm-1{margin-right:var(--spacing-1)!important}.me-sm-2{margin-right:var(--spacing-2)!important}.me-sm-3{margin-right:var(--spacing-3)!important}.me-sm-4{margin-right:var(--spacing-4)!important}.me-sm-5{margin-right:var(--spacing-5)!important}.mb-sm-0{margin-bottom:var(--spacing-0)!important}.mb-sm-1{margin-bottom:var(--spacing-1)!important}.mb-sm-2{margin-bottom:var(--spacing-2)!important}.mb-sm-3{margin-bottom:var(--spacing-3)!important}.mb-sm-4{margin-bottom:var(--spacing-4)!important}.mb-sm-5{margin-bottom:var(--spacing-5)!important}.ms-sm-0{margin-left:var(--spacing-0)!important}.ms-sm-1{margin-left:var(--spacing-1)!important}.ms-sm-2{margin-left:var(--spacing-2)!important}.ms-sm-3{margin-left:var(--spacing-3)!important}.ms-sm-4{margin-left:var(--spacing-4)!important}.ms-sm-5{margin-left:var(--spacing-5)!important}.mx-sm-0{margin-left:var(--spacing-0)!important;margin-right:var(--spacing-0)!important}.mx-sm-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-sm-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-sm-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-sm-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-sm-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.my-sm-0{margin-top:var(--spacing-0)!important;margin-bottom:var(--spacing-0)!important}.my-sm-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-sm-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-sm-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-sm-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-sm-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}}@media (min-width: 576px){.p-sm-0{padding:var(--spacing-0)!important}.p-sm-1{padding:var(--spacing-1)!important}.p-sm-2{padding:var(--spacing-2)!important}.p-sm-3{padding:var(--spacing-3)!important}.p-sm-4{padding:var(--spacing-4)!important}.p-sm-5{padding:var(--spacing-5)!important}.pt-sm-0{padding-top:var(--spacing-0)!important}.pt-sm-1{padding-top:var(--spacing-1)!important}.pt-sm-2{padding-top:var(--spacing-2)!important}.pt-sm-3{padding-top:var(--spacing-3)!important}.pt-sm-4{padding-top:var(--spacing-4)!important}.pt-sm-5{padding-top:var(--spacing-5)!important}.pe-sm-0{padding-right:var(--spacing-0)!important}.pe-sm-1{padding-right:var(--spacing-1)!important}.pe-sm-2{padding-right:var(--spacing-2)!important}.pe-sm-3{padding-right:var(--spacing-3)!important}.pe-sm-4{padding-right:var(--spacing-4)!important}.pe-sm-5{padding-right:var(--spacing-5)!important}.pb-sm-0{padding-bottom:var(--spacing-0)!important}.pb-sm-1{padding-bottom:var(--spacing-1)!important}.pb-sm-2{padding-bottom:var(--spacing-2)!important}.pb-sm-3{padding-bottom:var(--spacing-3)!important}.pb-sm-4{padding-bottom:var(--spacing-4)!important}.pb-sm-5{padding-bottom:var(--spacing-5)!important}.ps-sm-0{padding-left:var(--spacing-0)!important}.ps-sm-1{padding-left:var(--spacing-1)!important}.ps-sm-2{padding-left:var(--spacing-2)!important}.ps-sm-3{padding-left:var(--spacing-3)!important}.ps-sm-4{padding-left:var(--spacing-4)!important}.ps-sm-5{padding-left:var(--spacing-5)!important}.px-sm-0{padding-left:var(--spacing-0)!important;padding-right:var(--spacing-0)!important}.px-sm-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-sm-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-sm-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-sm-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-sm-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.py-sm-0{padding-top:var(--spacing-0)!important;padding-bottom:var(--spacing-0)!important}.py-sm-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-sm-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-sm-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-sm-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-sm-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}}@media (min-width: 768px){.m-md-0{margin:var(--spacing-0)!important}.m-md-1{margin:var(--spacing-1)!important}.m-md-2{margin:var(--spacing-2)!important}.m-md-3{margin:var(--spacing-3)!important}.m-md-4{margin:var(--spacing-4)!important}.m-md-5{margin:var(--spacing-5)!important}.mt-md-0{margin-top:var(--spacing-0)!important}.mt-md-1{margin-top:var(--spacing-1)!important}.mt-md-2{margin-top:var(--spacing-2)!important}.mt-md-3{margin-top:var(--spacing-3)!important}.mt-md-4{margin-top:var(--spacing-4)!important}.mt-md-5{margin-top:var(--spacing-5)!important}.me-md-0{margin-right:var(--spacing-0)!important}.me-md-1{margin-right:var(--spacing-1)!important}.me-md-2{margin-right:var(--spacing-2)!important}.me-md-3{margin-right:var(--spacing-3)!important}.me-md-4{margin-right:var(--spacing-4)!important}.me-md-5{margin-right:var(--spacing-5)!important}.mb-md-0{margin-bottom:var(--spacing-0)!important}.mb-md-1{margin-bottom:var(--spacing-1)!important}.mb-md-2{margin-bottom:var(--spacing-2)!important}.mb-md-3{margin-bottom:var(--spacing-3)!important}.mb-md-4{margin-bottom:var(--spacing-4)!important}.mb-md-5{margin-bottom:var(--spacing-5)!important}.ms-md-0{margin-left:var(--spacing-0)!important}.ms-md-1{margin-left:var(--spacing-1)!important}.ms-md-2{margin-left:var(--spacing-2)!important}.ms-md-3{margin-left:var(--spacing-3)!important}.ms-md-4{margin-left:var(--spacing-4)!important}.ms-md-5{margin-left:var(--spacing-5)!important}.mx-md-0{margin-left:var(--spacing-0)!important;margin-right:var(--spacing-0)!important}.mx-md-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-md-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-md-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-md-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-md-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.my-md-0{margin-top:var(--spacing-0)!important;margin-bottom:var(--spacing-0)!important}.my-md-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-md-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-md-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-md-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-md-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}}@media (min-width: 768px){.p-md-0{padding:var(--spacing-0)!important}.p-md-1{padding:var(--spacing-1)!important}.p-md-2{padding:var(--spacing-2)!important}.p-md-3{padding:var(--spacing-3)!important}.p-md-4{padding:var(--spacing-4)!important}.p-md-5{padding:var(--spacing-5)!important}.pt-md-0{padding-top:var(--spacing-0)!important}.pt-md-1{padding-top:var(--spacing-1)!important}.pt-md-2{padding-top:var(--spacing-2)!important}.pt-md-3{padding-top:var(--spacing-3)!important}.pt-md-4{padding-top:var(--spacing-4)!important}.pt-md-5{padding-top:var(--spacing-5)!important}.pe-md-0{padding-right:var(--spacing-0)!important}.pe-md-1{padding-right:var(--spacing-1)!important}.pe-md-2{padding-right:var(--spacing-2)!important}.pe-md-3{padding-right:var(--spacing-3)!important}.pe-md-4{padding-right:var(--spacing-4)!important}.pe-md-5{padding-right:var(--spacing-5)!important}.pb-md-0{padding-bottom:var(--spacing-0)!important}.pb-md-1{padding-bottom:var(--spacing-1)!important}.pb-md-2{padding-bottom:var(--spacing-2)!important}.pb-md-3{padding-bottom:var(--spacing-3)!important}.pb-md-4{padding-bottom:var(--spacing-4)!important}.pb-md-5{padding-bottom:var(--spacing-5)!important}.ps-md-0{padding-left:var(--spacing-0)!important}.ps-md-1{padding-left:var(--spacing-1)!important}.ps-md-2{padding-left:var(--spacing-2)!important}.ps-md-3{padding-left:var(--spacing-3)!important}.ps-md-4{padding-left:var(--spacing-4)!important}.ps-md-5{padding-left:var(--spacing-5)!important}.px-md-0{padding-left:var(--spacing-0)!important;padding-right:var(--spacing-0)!important}.px-md-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-md-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-md-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-md-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-md-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.py-md-0{padding-top:var(--spacing-0)!important;padding-bottom:var(--spacing-0)!important}.py-md-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-md-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-md-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-md-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-md-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}}@media (min-width: 992px){.m-lg-0{margin:var(--spacing-0)!important}.m-lg-1{margin:var(--spacing-1)!important}.m-lg-2{margin:var(--spacing-2)!important}.m-lg-3{margin:var(--spacing-3)!important}.m-lg-4{margin:var(--spacing-4)!important}.m-lg-5{margin:var(--spacing-5)!important}.mt-lg-0{margin-top:var(--spacing-0)!important}.mt-lg-1{margin-top:var(--spacing-1)!important}.mt-lg-2{margin-top:var(--spacing-2)!important}.mt-lg-3{margin-top:var(--spacing-3)!important}.mt-lg-4{margin-top:var(--spacing-4)!important}.mt-lg-5{margin-top:var(--spacing-5)!important}.me-lg-0{margin-right:var(--spacing-0)!important}.me-lg-1{margin-right:var(--spacing-1)!important}.me-lg-2{margin-right:var(--spacing-2)!important}.me-lg-3{margin-right:var(--spacing-3)!important}.me-lg-4{margin-right:var(--spacing-4)!important}.me-lg-5{margin-right:var(--spacing-5)!important}.mb-lg-0{margin-bottom:var(--spacing-0)!important}.mb-lg-1{margin-bottom:var(--spacing-1)!important}.mb-lg-2{margin-bottom:var(--spacing-2)!important}.mb-lg-3{margin-bottom:var(--spacing-3)!important}.mb-lg-4{margin-bottom:var(--spacing-4)!important}.mb-lg-5{margin-bottom:var(--spacing-5)!important}.ms-lg-0{margin-left:var(--spacing-0)!important}.ms-lg-1{margin-left:var(--spacing-1)!important}.ms-lg-2{margin-left:var(--spacing-2)!important}.ms-lg-3{margin-left:var(--spacing-3)!important}.ms-lg-4{margin-left:var(--spacing-4)!important}.ms-lg-5{margin-left:var(--spacing-5)!important}.mx-lg-0{margin-left:var(--spacing-0)!important;margin-right:var(--spacing-0)!important}.mx-lg-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-lg-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-lg-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-lg-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-lg-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.my-lg-0{margin-top:var(--spacing-0)!important;margin-bottom:var(--spacing-0)!important}.my-lg-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-lg-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-lg-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-lg-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-lg-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}}@media (min-width: 992px){.p-lg-0{padding:var(--spacing-0)!important}.p-lg-1{padding:var(--spacing-1)!important}.p-lg-2{padding:var(--spacing-2)!important}.p-lg-3{padding:var(--spacing-3)!important}.p-lg-4{padding:var(--spacing-4)!important}.p-lg-5{padding:var(--spacing-5)!important}.pt-lg-0{padding-top:var(--spacing-0)!important}.pt-lg-1{padding-top:var(--spacing-1)!important}.pt-lg-2{padding-top:var(--spacing-2)!important}.pt-lg-3{padding-top:var(--spacing-3)!important}.pt-lg-4{padding-top:var(--spacing-4)!important}.pt-lg-5{padding-top:var(--spacing-5)!important}.pe-lg-0{padding-right:var(--spacing-0)!important}.pe-lg-1{padding-right:var(--spacing-1)!important}.pe-lg-2{padding-right:var(--spacing-2)!important}.pe-lg-3{padding-right:var(--spacing-3)!important}.pe-lg-4{padding-right:var(--spacing-4)!important}.pe-lg-5{padding-right:var(--spacing-5)!important}.pb-lg-0{padding-bottom:var(--spacing-0)!important}.pb-lg-1{padding-bottom:var(--spacing-1)!important}.pb-lg-2{padding-bottom:var(--spacing-2)!important}.pb-lg-3{padding-bottom:var(--spacing-3)!important}.pb-lg-4{padding-bottom:var(--spacing-4)!important}.pb-lg-5{padding-bottom:var(--spacing-5)!important}.ps-lg-0{padding-left:var(--spacing-0)!important}.ps-lg-1{padding-left:var(--spacing-1)!important}.ps-lg-2{padding-left:var(--spacing-2)!important}.ps-lg-3{padding-left:var(--spacing-3)!important}.ps-lg-4{padding-left:var(--spacing-4)!important}.ps-lg-5{padding-left:var(--spacing-5)!important}.px-lg-0{padding-left:var(--spacing-0)!important;padding-right:var(--spacing-0)!important}.px-lg-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-lg-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-lg-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-lg-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-lg-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.py-lg-0{padding-top:var(--spacing-0)!important;padding-bottom:var(--spacing-0)!important}.py-lg-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-lg-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-lg-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-lg-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-lg-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}}@media (min-width: 1200px){.m-xl-0{margin:var(--spacing-0)!important}.m-xl-1{margin:var(--spacing-1)!important}.m-xl-2{margin:var(--spacing-2)!important}.m-xl-3{margin:var(--spacing-3)!important}.m-xl-4{margin:var(--spacing-4)!important}.m-xl-5{margin:var(--spacing-5)!important}.mt-xl-0{margin-top:var(--spacing-0)!important}.mt-xl-1{margin-top:var(--spacing-1)!important}.mt-xl-2{margin-top:var(--spacing-2)!important}.mt-xl-3{margin-top:var(--spacing-3)!important}.mt-xl-4{margin-top:var(--spacing-4)!important}.mt-xl-5{margin-top:var(--spacing-5)!important}.me-xl-0{margin-right:var(--spacing-0)!important}.me-xl-1{margin-right:var(--spacing-1)!important}.me-xl-2{margin-right:var(--spacing-2)!important}.me-xl-3{margin-right:var(--spacing-3)!important}.me-xl-4{margin-right:var(--spacing-4)!important}.me-xl-5{margin-right:var(--spacing-5)!important}.mb-xl-0{margin-bottom:var(--spacing-0)!important}.mb-xl-1{margin-bottom:var(--spacing-1)!important}.mb-xl-2{margin-bottom:var(--spacing-2)!important}.mb-xl-3{margin-bottom:var(--spacing-3)!important}.mb-xl-4{margin-bottom:var(--spacing-4)!important}.mb-xl-5{margin-bottom:var(--spacing-5)!important}.ms-xl-0{margin-left:var(--spacing-0)!important}.ms-xl-1{margin-left:var(--spacing-1)!important}.ms-xl-2{margin-left:var(--spacing-2)!important}.ms-xl-3{margin-left:var(--spacing-3)!important}.ms-xl-4{margin-left:var(--spacing-4)!important}.ms-xl-5{margin-left:var(--spacing-5)!important}.mx-xl-0{margin-left:var(--spacing-0)!important;margin-right:var(--spacing-0)!important}.mx-xl-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-xl-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-xl-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-xl-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-xl-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.my-xl-0{margin-top:var(--spacing-0)!important;margin-bottom:var(--spacing-0)!important}.my-xl-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-xl-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-xl-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-xl-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-xl-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}}@media (min-width: 1200px){.p-xl-0{padding:var(--spacing-0)!important}.p-xl-1{padding:var(--spacing-1)!important}.p-xl-2{padding:var(--spacing-2)!important}.p-xl-3{padding:var(--spacing-3)!important}.p-xl-4{padding:var(--spacing-4)!important}.p-xl-5{padding:var(--spacing-5)!important}.pt-xl-0{padding-top:var(--spacing-0)!important}.pt-xl-1{padding-top:var(--spacing-1)!important}.pt-xl-2{padding-top:var(--spacing-2)!important}.pt-xl-3{padding-top:var(--spacing-3)!important}.pt-xl-4{padding-top:var(--spacing-4)!important}.pt-xl-5{padding-top:var(--spacing-5)!important}.pe-xl-0{padding-right:var(--spacing-0)!important}.pe-xl-1{padding-right:var(--spacing-1)!important}.pe-xl-2{padding-right:var(--spacing-2)!important}.pe-xl-3{padding-right:var(--spacing-3)!important}.pe-xl-4{padding-right:var(--spacing-4)!important}.pe-xl-5{padding-right:var(--spacing-5)!important}.pb-xl-0{padding-bottom:var(--spacing-0)!important}.pb-xl-1{padding-bottom:var(--spacing-1)!important}.pb-xl-2{padding-bottom:var(--spacing-2)!important}.pb-xl-3{padding-bottom:var(--spacing-3)!important}.pb-xl-4{padding-bottom:var(--spacing-4)!important}.pb-xl-5{padding-bottom:var(--spacing-5)!important}.ps-xl-0{padding-left:var(--spacing-0)!important}.ps-xl-1{padding-left:var(--spacing-1)!important}.ps-xl-2{padding-left:var(--spacing-2)!important}.ps-xl-3{padding-left:var(--spacing-3)!important}.ps-xl-4{padding-left:var(--spacing-4)!important}.ps-xl-5{padding-left:var(--spacing-5)!important}.px-xl-0{padding-left:var(--spacing-0)!important;padding-right:var(--spacing-0)!important}.px-xl-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-xl-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-xl-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-xl-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-xl-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.py-xl-0{padding-top:var(--spacing-0)!important;padding-bottom:var(--spacing-0)!important}.py-xl-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-xl-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-xl-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-xl-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-xl-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}}@media (min-width: 1400px){.m-xxl-0{margin:var(--spacing-0)!important}.m-xxl-1{margin:var(--spacing-1)!important}.m-xxl-2{margin:var(--spacing-2)!important}.m-xxl-3{margin:var(--spacing-3)!important}.m-xxl-4{margin:var(--spacing-4)!important}.m-xxl-5{margin:var(--spacing-5)!important}.mt-xxl-0{margin-top:var(--spacing-0)!important}.mt-xxl-1{margin-top:var(--spacing-1)!important}.mt-xxl-2{margin-top:var(--spacing-2)!important}.mt-xxl-3{margin-top:var(--spacing-3)!important}.mt-xxl-4{margin-top:var(--spacing-4)!important}.mt-xxl-5{margin-top:var(--spacing-5)!important}.me-xxl-0{margin-right:var(--spacing-0)!important}.me-xxl-1{margin-right:var(--spacing-1)!important}.me-xxl-2{margin-right:var(--spacing-2)!important}.me-xxl-3{margin-right:var(--spacing-3)!important}.me-xxl-4{margin-right:var(--spacing-4)!important}.me-xxl-5{margin-right:var(--spacing-5)!important}.mb-xxl-0{margin-bottom:var(--spacing-0)!important}.mb-xxl-1{margin-bottom:var(--spacing-1)!important}.mb-xxl-2{margin-bottom:var(--spacing-2)!important}.mb-xxl-3{margin-bottom:var(--spacing-3)!important}.mb-xxl-4{margin-bottom:var(--spacing-4)!important}.mb-xxl-5{margin-bottom:var(--spacing-5)!important}.ms-xxl-0{margin-left:var(--spacing-0)!important}.ms-xxl-1{margin-left:var(--spacing-1)!important}.ms-xxl-2{margin-left:var(--spacing-2)!important}.ms-xxl-3{margin-left:var(--spacing-3)!important}.ms-xxl-4{margin-left:var(--spacing-4)!important}.ms-xxl-5{margin-left:var(--spacing-5)!important}.mx-xxl-0{margin-left:var(--spacing-0)!important;margin-right:var(--spacing-0)!important}.mx-xxl-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-xxl-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-xxl-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-xxl-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-xxl-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.my-xxl-0{margin-top:var(--spacing-0)!important;margin-bottom:var(--spacing-0)!important}.my-xxl-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-xxl-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-xxl-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-xxl-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-xxl-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}}@media (min-width: 1400px){.p-xxl-0{padding:var(--spacing-0)!important}.p-xxl-1{padding:var(--spacing-1)!important}.p-xxl-2{padding:var(--spacing-2)!important}.p-xxl-3{padding:var(--spacing-3)!important}.p-xxl-4{padding:var(--spacing-4)!important}.p-xxl-5{padding:var(--spacing-5)!important}.pt-xxl-0{padding-top:var(--spacing-0)!important}.pt-xxl-1{padding-top:var(--spacing-1)!important}.pt-xxl-2{padding-top:var(--spacing-2)!important}.pt-xxl-3{padding-top:var(--spacing-3)!important}.pt-xxl-4{padding-top:var(--spacing-4)!important}.pt-xxl-5{padding-top:var(--spacing-5)!important}.pe-xxl-0{padding-right:var(--spacing-0)!important}.pe-xxl-1{padding-right:var(--spacing-1)!important}.pe-xxl-2{padding-right:var(--spacing-2)!important}.pe-xxl-3{padding-right:var(--spacing-3)!important}.pe-xxl-4{padding-right:var(--spacing-4)!important}.pe-xxl-5{padding-right:var(--spacing-5)!important}.pb-xxl-0{padding-bottom:var(--spacing-0)!important}.pb-xxl-1{padding-bottom:var(--spacing-1)!important}.pb-xxl-2{padding-bottom:var(--spacing-2)!important}.pb-xxl-3{padding-bottom:var(--spacing-3)!important}.pb-xxl-4{padding-bottom:var(--spacing-4)!important}.pb-xxl-5{padding-bottom:var(--spacing-5)!important}.ps-xxl-0{padding-left:var(--spacing-0)!important}.ps-xxl-1{padding-left:var(--spacing-1)!important}.ps-xxl-2{padding-left:var(--spacing-2)!important}.ps-xxl-3{padding-left:var(--spacing-3)!important}.ps-xxl-4{padding-left:var(--spacing-4)!important}.ps-xxl-5{padding-left:var(--spacing-5)!important}.px-xxl-0{padding-left:var(--spacing-0)!important;padding-right:var(--spacing-0)!important}.px-xxl-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-xxl-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-xxl-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-xxl-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-xxl-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.py-xxl-0{padding-top:var(--spacing-0)!important;padding-bottom:var(--spacing-0)!important}.py-xxl-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-xxl-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-xxl-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-xxl-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-xxl-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}}.spacer-1{height:var(--spacing-1)}.spacer-2{height:var(--spacing-2)}.spacer-3{height:var(--spacing-3)}.spacer-4{height:var(--spacing-4)}.spacer-5{height:var(--spacing-5)}.spacer-6{height:var(--spacing-6)}.spacer-7{height:var(--spacing-7)}.spacer-8{height:var(--spacing-8)}.position-relative{position:relative}.card-compressor{background-color:#fff;padding:2rem;box-shadow:var(--shadow-xl);border:none;border-radius:var(--border-radius-lg);position:relative;z-index:5}@media (max-width: 768px){.card-compressor{padding:1rem}}.footer{background-color:var(--secondary-dark);padding:2rem 0 1rem;margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.footer h3{font-size:1.8rem;margin-bottom:1.5rem;font-weight:600;background:linear-gradient(45deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer h5{font-size:1.1rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.footer p{margin:0;font-size:.9rem;opacity:.8;transition:opacity .3s ease;line-height:1.4}.footer p:hover{opacity:1}.social-icons{display:flex;gap:.75rem;margin-top:1rem}.social-icon{color:#fffc;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff1a;text-decoration:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-icon:hover{color:#fff;background:#fff3;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.footer-links li{margin-bottom:.25rem}.footer-links a{color:#fffc;text-decoration:none;font-size:.85rem;transition:all .3s ease;display:inline-block;position:relative;padding:.15rem 0}.footer-links a:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:#fff;transition:width .3s ease}.footer-links a:hover{color:#fff;transform:translate(3px)}.footer-links a:hover:after{width:100%}.footer-copyright{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-copyright p{font-size:.8rem;opacity:.7}@media (max-width: 768px){.footer{padding:1.5rem 0 1rem;text-align:center}.social-icons{justify-content:center}.footer-links{grid-template-columns:1fr;text-align:center;display:block}.footer-links a:hover{transform:translate(0)}}.form-label{font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;font-size:var(--font-size-base);line-height:1.5;color:var(--text-color);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem #00c6d440}.form-control::placeholder{color:#6c757d;opacity:.7}.card-input-container{min-height:100px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px;background-color:var(--white);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-medium);color:var(--text-color)}.button-container{margin-top:1.5rem}.error-message{background-color:#fee2e2;color:#dc2626;padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.sandbox-info{margin-top:2rem;padding:1.5rem;background-color:var(--light);border-radius:var(--border-radius)}.sandbox-info h5{margin-bottom:1rem;color:var(--text-color)}.sandbox-info p{margin-bottom:.5rem;color:var(--text-color)}.sandbox-info ul{list-style:none;padding:0;margin:0}.sandbox-info li{margin-bottom:.25rem;color:var(--text-color)}.loading-spinner{width:40px;height:40px;border:4px solid var(--light);border-top:4px solid var(--primary-color);border-radius:50%;margin:1rem auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-method-section{background-color:var(--white);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color)}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-method{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;background-color:var(--white)}.payment-method:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00c6d41a}.payment-method.selected{border-color:var(--primary-color);background-color:#00c6d40d;box-shadow:0 2px 8px #00c6d426}.payment-method-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.5rem;color:var(--primary-color)}.payment-method-info{flex:1}.payment-method-info h5{margin:0 0 .25rem;font-weight:var(--font-weight-medium);color:var(--text-color)}.payment-method-info p{margin:0;color:var(--text-muted);font-size:.875rem}.payment-method-radio{margin-left:1rem}.payment-method-radio input[type=radio]{width:18px;height:18px;accent-color:var(--primary-color)}.paypal-section{text-align:center;padding:2rem 1rem}.paypal-info h5{color:var(--primary-color);margin-bottom:1rem}.paypal-info p{color:var(--text-muted);margin-bottom:1.5rem}.paypal-email{max-width:400px;margin:0 auto}.googlepay-section{text-align:center;padding:2rem 1rem}.googlepay-info h5{color:#34a853;margin-bottom:1rem}.googlepay-info p{color:var(--text-muted);margin-bottom:1.5rem}.googlepay-email{max-width:400px;margin:0 auto}.payment-button{width:100%;padding:1rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;margin-top:1rem}.login-button{background-color:var(--primary-color);color:var(--white)}.login-button:hover{background-color:#00a8b8}.paypal-button{background-color:#0070ba;color:var(--white)}.paypal-button:hover{background-color:#005ea6}.googlepay-button{background-color:#34a853;color:var(--white)}.googlepay-button:hover{background-color:#2d8f47}.payment-button:disabled{opacity:.6;cursor:not-allowed}.login-toggle{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.login-toggle .btn{padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:2px solid;position:relative;overflow:hidden}.login-toggle .btn-outline-primary{background:linear-gradient(135deg,#00c6d4,#00a8b8);border-color:#00c6d4;color:#fff;box-shadow:0 4px 15px #00c6d44d}.login-toggle .btn-outline-primary:hover{background:linear-gradient(135deg,#00a8b8,#0099a8);border-color:#00a8b8;box-shadow:0 6px 20px #00c6d466}.login-toggle .btn-outline-secondary{background:linear-gradient(135deg,#003956,#003956);border-color:#667eea;color:#fff;box-shadow:0 4px 15px #667eea4d;transition:all 5 ease-in-out}.login-toggle .btn-outline-secondary:hover{background:linear-gradient(135deg,#00a8b8,#00a8b8);border-color:#5a6fd8;box-shadow:0 6px 20px #667eea66}.login-toggle .btn:active{transform:translateY(0)}.login-toggle .text-muted{font-size:.8rem;color:#6c757d;font-style:italic}.login-form .login-button{background:linear-gradient(135deg,#00c6d4,#00a8b8);border:none;border-radius:25px;padding:1rem 2rem;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 4px 15px #00c6d44d;transition:all .3s ease;margin-top:1.5rem}.login-form .login-button:hover{background:linear-gradient(135deg,#00a8b8,#0099a8);transform:translateY(-2px);box-shadow:0 6px 20px #00c6d466}.login-form .login-button:disabled{opacity:.7;transform:none;box-shadow:0 2px 8px #00c6d433}.btn-link{color:#00c6d4;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-link:hover{color:#00a8b8;text-decoration:underline}@media (max-width: 768px){.login-toggle{flex-direction:column;align-items:stretch}.login-toggle .btn{margin-bottom:.5rem}.login-toggle .text-muted{text-align:center;margin-top:.5rem}}.account-creation-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.account-creation-section h4{color:#003956;font-weight:700;margin-bottom:1.5rem;text-align:center;position:relative}.account-creation-section h4:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#00c6d4,#00a8b8);border-radius:2px}.account-creation-section .form-group{margin-bottom:1.5rem}.account-creation-section label{font-weight:600;color:#495057;margin-bottom:.5rem;display:block}.account-creation-section input{width:100%;padding:.75rem 1rem;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;transition:all .3s ease;background-color:#fff}.account-creation-section input:focus{border-color:#00c6d4;box-shadow:0 0 0 3px #00c6d41a;outline:none}.account-creation-section input::placeholder{color:#6c757d;opacity:.7}.account-creation-section input:disabled{background-color:#f8f9fa;opacity:.7;cursor:not-allowed}@media (max-width: 768px){.account-creation-section{padding:1.5rem}.account-creation-section .row{margin:0}.account-creation-section .col-md-6{padding:0 .5rem}}.shape1{position:absolute;top:-10rem;right:-15rem;max-width:500px;width:100%;height:auto;z-index:1}.shape2{position:absolute;top:1rem;left:-2rem;transform:translateY(-50%);max-width:100px;width:100%;height:auto;z-index:1}.shape3{position:absolute;bottom:0;left:-4rem;transform:translateY(-50%);max-width:200px;width:100%;height:auto;z-index:1}.shape4{position:absolute;bottom:-10rem;right:-25rem;max-width:800px;width:100%;height:auto;z-index:-1}button{background:none;border:none;color:inherit;font:inherit;line-height:normal;margin:0;padding:0;cursor:pointer}.btn-primary{background-color:var(--primary);color:var(--white);padding:var(--spacing-2) var(--spacing-3);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:var(--transition-base);border-radius:var(--border-radius);border:none;cursor:pointer;display:inline-block;text-align:center}.btn-primary:hover{background-color:var(--secondary)}.btn-secondary{background-color:var(--secondary);color:var(--white);padding:var(--spacing-2) var(--spacing-3);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:var(--transition-base);border-radius:var(--border-radius);border:none;cursor:pointer;display:inline-block;text-align:center}.btn-secondary:hover{background-color:var(--primary)}.login-button{width:100%;padding:var(--spacing-2);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.login-button:hover{background-color:var(--secondary)}.login-button:disabled{background-color:var(--light);cursor:not-allowed}.logout-button{margin-left:var(--spacing-1);border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-base);display:inline-flex;justify-content:center;align-items:center;height:48px;gap:var(--spacing-1);margin-right:var(--spacing-2)}.logout-button:last-child{margin-right:0}.logout-button:hover{color:var(--primary)}.logout-button:disabled{background-color:var(--secondary);opacity:.7;cursor:not-allowed;transform:none}.compress-button{width:100%;padding:1rem;background-color:var(--secondary);color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.compress-button:hover{background-color:var(--primary)}.compress-button:disabled{background-color:#ccc;cursor:not-allowed}.download-button{padding:1rem;background-color:var(--secondary);color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%}.download-button:hover{background-color:var(--primary)}.cta-button{display:inline-block;padding:1rem 2.5rem;background-color:#fff;color:#4f46e5;font-weight:600;border-radius:.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn{display:inline-block;padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1em;cursor:pointer;border:none;transition:background-color .3s ease,transform .2s ease}.btn-pro{background-color:var(--primary);color:var(--white)}.btn-pro:hover{background-color:var(--secondary)}.btn-ultra{background-color:var(--secondary);color:var(--white)}.btn-ultra:hover{background-color:var(--secondary-dark)}.btn-close{padding:1rem;margin:-1rem -1rem -1rem auto;background-color:transparent;border:0;cursor:pointer;opacity:.5;transition:opacity .15s ease-in-out}.btn-close:hover{opacity:.75}.burger-button{flex-direction:column;justify-content:space-between;width:30px;height:21px;background:none;border:none;cursor:pointer;padding:0;z-index:var(--z-index-modal)}.burger-button span{width:100%;height:3px;background-color:var(--white);transition:all .3s ease}.burger-button.active span:first-child{transform:translateY(9px) rotate(45deg)}.burger-button.active span:nth-child(2){opacity:0}.burger-button.active span:last-child{transform:translateY(-9px) rotate(-45deg)}@media (min-width: 992px){.burger-button{display:none}}@media (max-width: 768px){.btn{padding:12px 25px;font-size:1em}.sidebar-nav-btn{padding:.5rem .75rem;font-size:.9rem;min-height:44px}.sidebar-nav-btn i{width:1rem;font-size:.9rem}}.sidebar-nav-btn{border:none;color:#6c757d;background-color:transparent;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:100%;text-align:left}.sidebar-nav-btn.active,.sidebar-nav-btn:hover{color:var(--primary)}.sidebar-nav-btn i{width:1.25rem;text-align:center}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.modal-dialog{margin:1.75rem auto;width:100%}.modal-dialog.modal-lg{max-width:800px}.modal-dialog:not(.modal-lg){max-width:500px}.modal-content{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-color)}.modal-body{padding:1rem}.modal-footer{padding:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.cta-section{position:relative;padding:4rem 2rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:1rem;overflow:hidden;margin:2rem 0}.cta-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.cta-description{font-size:1.125rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.cta-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:.5rem;font-size:1rem}.cta-feature i{font-size:1.25rem}@media (max-width: 768px){.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-features{flex-direction:column;align-items:center;gap:1rem}}.cta-image{width:100%;height:300px;object-fit:cover}.cta-placeholder{width:100%;height:300px;background-color:#000}.cta-image.h-200{height:200px}.cta-image.h-300{height:300px}.cta-image.h-400{height:400px}.cta-image.h-500{height:500px}.cta-placeholder.h-200{height:200px}.cta-placeholder.h-300{height:300px}.cta-placeholder.h-400{height:400px}.cta-placeholder.h-500{height:500px}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--light);transition:.4s}.switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.switch input:checked+.slider{background-color:var(--primary)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary)}.switch input:checked+.slider:before{transform:translate(18px)}.switch .slider.round{border-radius:22px}.switch .slider.round:before{border-radius:50%}