:root{--color-primary: hsl(0, 0%, 0%);--color-secondary: hsl(0, 0%, 30%);--color-accent: hsl(0, 0%, 50%);--color-text: hsl(0, 0%, 20%);--color-background: hsl(0, 0%, 95%);--color-primary-light: hsl(0, 0%, 10%);--color-secondary-light: hsl(0, 0%, 40%);--color-accent-light: hsl(0, 0%, 60%);--color-text-light: hsl(0, 0%, 50%);--color-background-light: hsl(0, 0%, 100%);--font-primary: "Roboto", sans-serif;--font-secondary: "Open Sans", sans-serif;--font-size-small: 14px;--font-size-medium: 16px;--font-size-large: 20px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px}body{font-family:var(--font-primary);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);background-color:var(--color-background-light);color:var(--color-text);line-height:1.6;margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}h1{font-size:40px;color:var(--color-primary)}h2{font-size:32px;color:var(--color-secondary)}h3{font-size:28px;color:var(--color-accent)}h4{font-size:24px;color:var(--color-text)}h5{font-size:20px;color:var(--color-text-light)}h6{font-size:16px;color:var(--color-text-light)}p{font-size:var(--font-size-medium);margin:0 0 var(--spacing-sm) 0}small{font-size:var(--font-size-small);color:var(--color-text-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}form{width:350px}input,textarea,select{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-medium);font-family:var(--font-primary);border:1px solid var(--color-text-light);border-radius:4px;margin-bottom:var(--spacing-sm);box-sizing:border-box}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex;gap:var(--spacing-md)}.flex-center{justify-content:center;align-items:center}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-header{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.card-body{font-size:var(--font-size-medium);color:var(--color-text)}.card-footer{text-align:right;margin-top:var(--spacing-md)}.card-button{background-color:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;text-align:center;font-size:var(--font-size-medium);transition:background-color .3s ease,transform .2s ease}.card-button:hover{background-color:var(--color-primary-light);transform:scale(1.05)}.card-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.card-button:active{background-color:var(--color-secondary)}.alert{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:4px;font-size:var(--font-size-medium);color:#fff;font-weight:var(--font-weight-medium)}.alert-success{background-color:#28a745}.alert-error{background-color:#dc3545}.alert-warning{background-color:#ffc107}.alert-info{background-color:#17a2b8}.alert-dismissible{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.alert .close{margin-left:var(--spacing-xs);font-size:18px;font-weight:var(--font-weight-bold)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}table th,table td{padding:var(--spacing-sm);text-align:left;border:1px solid var(--color-accent-light)}table th{background-color:var(--color-primary-light);color:#fff;font-weight:var(--font-weight-bold)}table tr:nth-child(2n){background-color:var(--color-background-light)}table tr:hover{background-color:var(--color-accent-light)}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.card-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease}.card-item img{width:100%;height:auto}.card-item-content{padding:var(--spacing-md)}.card-item:hover{transform:scale(1.05);box-shadow:0 6px 12px #0003}.footer{background-color:var(--color-primary);color:#fff;padding:var(--spacing-md);text-align:center;font-size:var(--font-size-small)}.footer a{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm)}.footer a:hover{color:var(--color-accent)}.loader{border:4px solid var(--color-primary-light);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-file-input{display:inline-block;background-color:var(--color-primary-light);color:#fff;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-medium);cursor:pointer;border-radius:4px;transition:background-color .3s ease,transform .2s ease}.custom-file-input:hover{background-color:var(--color-primary);transform:scale(1.05)}.custom-file-input:active{background-color:var(--color-secondary)}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in}.modal-content{background-color:#fff;padding:var(--spacing-lg);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:500px;width:100%}.modal-header{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.modal-body{font-size:var(--font-size-medium)}.modal-footer{text-align:right;margin-top:var(--spacing-md)}.modal-close{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-medium);background-color:var(--color-primary);color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.modal-close:hover{background-color:var(--color-primary-light);transform:scale(1.05)}.modal-close:focus{outline:2px solid var(--color-accent);outline-offset:2px}.modal-close:active{background-color:var(--color-secondary)}html{scroll-behavior:smooth}.grid-full{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.grid-full-2{grid-template-columns:repeat(2,1fr)}.grid-full-3{grid-template-columns:repeat(3,1fr)}.grid-full-4{grid-template-columns:repeat(4,1fr)}.grid-full-5{grid-template-columns:repeat(5,1fr)}.parallax{position:relative;background-attachment:fixed;background-size:cover;background-position:center;height:400px}.parallax-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-large);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-weight:var(--font-weight-bold)}.testimonial-container{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.testimonial-item{background-color:var(--color-background-light);border-radius:8px;padding:var(--spacing-md);box-shadow:0 4px 8px #0000001a;width:300px;text-align:center}.testimonial-item p{font-size:var(--font-size-medium);color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.testimonial-item .author{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--color-primary)}.progress-bar-container{width:100%;height:20px;background-color:var(--color-accent-light);border-radius:4px;overflow:hidden;margin-top:var(--spacing-lg)}.progress-bar{height:100%;width:0;background-color:var(--color-primary);transition:width .3s ease-in-out}.fade-in-bottom{opacity:0;transform:translateY(20px);animation:fadeInBottom .6s ease-out forwards}@keyframes fadeInBottom{to{opacity:1;transform:translateY(0)}}.slide-in-left{opacity:0;transform:translate(-20px);animation:slideInLeft .6s ease-out forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.slide-in-right{opacity:0;transform:translate(20px);animation:slideInRight .6s ease-out forwards}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.card-hover{background-color:var(--color-primary-light);border-radius:8px;padding:var(--spacing-md);box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.card-hover .card-title{font-size:var(--font-size-large);color:var(--color-text)}.card-hover .card-description{font-size:var(--font-size-medium);color:var(--color-text-light)}.modal-confirmation{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;padding:var(--spacing-lg);box-shadow:0 4px 10px #0000001a;max-width:500px;width:100%}.modal-confirmation-header{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.modal-confirmation-body{font-size:var(--font-size-medium);color:var(--color-text)}.modal-confirmation-footer{text-align:right;margin-top:var(--spacing-lg)}.modal-confirmation .confirm-button{background-color:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;font-size:var(--font-size-medium);transition:background-color .3s ease}.modal-confirmation .cancel-button{background-color:var(--color-secondary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;font-size:var(--font-size-medium);transition:background-color .3s ease}.modal-confirmation .confirm-button:hover{background-color:var(--color-primary-light)}.modal-confirmation .cancel-button:hover{background-color:var(--color-secondary-light)}.light-theme{--color-primary: #ffffff;--color-secondary: #f0f0f0;--color-accent: #4b4b4b;--color-text: #333333;--color-background: #f9f9f9;--color-primary-light: #f4f4f4;--color-accent-light: #e0e0e0;--color-text-light: #6e6e6e;--color-background-light: #fefefe}.dark-theme{--color-primary: #121212;--color-secondary: #1f1f1f;--color-accent: #444444;--color-text: #e0e0e0;--color-background: #121212;--color-primary-light: #2c2c2c;--color-accent-light: #555555;--color-text-light: #b0b0b0;--color-background-light: #1a1a1a}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:var(--color-background-light);border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-light)}#main-container{display:flex;justify-content:center;align-items:center;min-height:75vh}@media (max-width: 600px){#upload-container{width:100%;max-width:280px}#drop-area h3{font-size:var(--font-size-medium)}button{font-size:var(--font-size-small)}}:root{--Top-primary-color: #6f43ff;--Top-text-color: #2c2c2c;--Top-background: #ffffff;--Top-hover-color: #5a30e0;--Top-border-color: #e0e0e0}.Top-navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background-color:var(--Top-background);box-shadow:0 2px 4px #0000000d;position:relative;z-index:1010}.Top-logo{font-size:1.5rem;font-weight:700;color:var(--Top-primary-color)}.Top-nav-links{display:flex;gap:20px}.Top-nav-item{position:relative;cursor:pointer;padding:10px;transition:color .3s ease}.Top-nav-item:hover{color:var(--Top-primary-color)}.Top-submenu{display:none;position:absolute;top:100%;left:0;background-color:var(--Top-background);min-width:200px;box-shadow:0 4px 15px #0000001a;border-radius:5px;padding:15px;z-index:1000}.Top-nav-item:hover .Top-submenu{display:block}.Top-submenu a{display:block;color:var(--Top-text-color);text-decoration:none;padding:10px;transition:background-color .3s ease}.Top-submenu a:hover{background-color:#f4f4f4}.Top-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--Top-text-color);z-index:1020}.Top-mobile-menu{display:none}@media (max-width: 768px){.Top-nav-links{display:none}.Top-menu-toggle{display:block}.Top-mobile-menu{display:block;position:fixed;top:0;left:0;width:80%;height:100%;background-color:var(--Top-background);z-index:1000;padding:20px;overflow-y:auto;opacity:0;visibility:hidden;transform:translate(-100%) scale(.9);transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.Top-mobile-menu-open{opacity:1;visibility:visible;transform:translate(0) scale(1);box-shadow:-2px 0 20px #0000001a}.Top-mobile-nav-item{padding:15px 0;border-bottom:1px solid var(--Top-border-color)}.Top-auth-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.Top-login-btn,.Top-signup-btn{width:100%;text-align:center;padding:12px 20px;border-radius:5px}.Top-login-btn{border:1px solid var(--Top-primary-color);color:var(--Top-primary-color)}.Top-signup-btn{background-color:var(--Top-primary-color);color:#fff}}.signup-form{flex:1;padding:40px 30px;box-sizing:border-box;min-width:300px;background:#fff}@media (max-width: 768px){.content-container{flex-direction:column;box-shadow:none;width:100%}.welcome-text-container,.signup-form{width:100%;min-width:0;padding:30px 20px}.welcome-text-container{text-align:center}.welcome-text-container h2{font-size:1.8rem}}.signup-container{padding:20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;animation:fadeIn .6s ease-in-out}@media (max-width: 480px){.signup-container{padding:10px}.welcome-text-container,.signup-form{padding:20px 15px}.input-field{padding:14px 12px}.action-button{padding:14px}}.content-container{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;box-shadow:0 4px 20px #00000014;border-radius:12px;overflow:hidden;width:100%}.welcome-text-container{flex:1;padding:40px 30px;box-sizing:border-box;min-width:300px;background:linear-gradient(135deg,#f5f7fa,#e9edf2);display:flex;flex-direction:column;justify-content:center}.welcome-text-container h2{font-size:2.2rem;margin-bottom:20px;color:#333;font-weight:600}.login-form{flex:1;padding:40px 30px;box-sizing:border-box;min-width:300px;background:#fff}@media (max-width: 768px){.content-container{flex-direction:column;box-shadow:none;width:100%}.welcome-text-container,.login-form{width:100%;min-width:0;padding:30px 20px}.welcome-text-container{text-align:center}.welcome-text-container h2{font-size:1.8rem}}.input-container{position:relative;width:100%;margin-bottom:20px}.input-field{width:100%;padding:16px 14px;font-size:1rem;border:2px solid #e1e5eb;border-radius:8px;background:transparent;transition:border-color .3s,box-shadow .3s;outline:none}.input-field::placeholder{color:transparent}.floating-placeholder{position:absolute;left:14px;top:50%;transform:translateY(-50%);background:#fff;padding:0 6px;font-size:1rem;color:#888;transition:.3s ease-in-out;pointer-events:none}.input-field:focus,.input-field:not(:placeholder-shown){border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.input-field:focus+.floating-placeholder,.input-field:not(:placeholder-shown)+.floating-placeholder{top:0;left:10px;font-size:.75rem;color:#007aff}.remember-container{display:flex;align-items:center;margin:15px 0}.remember-container input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.remember-container label{margin-left:8px;color:#555;cursor:pointer;font-size:.9rem}.action-button{width:100%;padding:16px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#4a90e2,#007aff);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px #00000026;margin-top:10px}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:#ffffff26;transition:transform .3s ease,opacity .3s ease;transform:translate(-50%,-50%) scale(0);border-radius:50%;opacity:0}.action-button:hover{box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.action-button:hover:before{transform:translate(-50%,-50%) scale(1);opacity:1}.action-button:active{transform:scale(.98)}.secondary-button{background-color:#f0f0f0;color:#333;padding:12px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.secondary-button:hover{background-color:#e5e5e5}.link-text{display:inline-block;text-decoration:none;color:#007bff;font-weight:500;transition:color .2s}.link-text:hover{color:#0056b3;text-decoration:underline}.forgot-password{display:block;margin-top:15px;text-align:right;font-size:.9rem}.message-container{margin-top:15px;color:#e53935;font-size:.9rem;min-height:20px}.login-container{padding:20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;animation:fadeIn .6s ease-in-out}@media (max-width: 480px){.login-container{padding:10px}.welcome-text-container,.login-form{padding:20px 15px}.input-field{padding:14px 12px}.action-button{padding:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.gallery-container{max-width:1400px;margin:0 auto;padding:2rem}.gallery-container .gallery-header{text-align:center;margin-bottom:3rem}.gallery-container .gallery-header h1{font-size:2.8rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.5px}.gallery-container .gallery-subtitle{font-size:1.2rem;max-width:600px;margin:0 auto;opacity:.7}.gallery-container .filter-controls{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 20px #0000001a}.gallery-container .filter-controls span{margin-right:.8rem;font-weight:500}.gallery-container #filter-select{padding:.6rem 1.5rem;border-radius:30px;border:1px solid #e0e0e0;background-color:#fff;font-size:.95rem;cursor:pointer;outline:none;transition:all .3s ease}.gallery-container #filter-select:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33}.gallery-container .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,550px),1fr));gap:2rem;margin-bottom:2rem}.gallery-container .gallery-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:all .3s ease}.gallery-container .gallery-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.gallery-container .card-content{position:relative}.gallery-container .comparison-container{position:relative;width:100%;height:350px;overflow:hidden;cursor:ew-resize}.gallery-container .before-container,.gallery-container .after-container{position:absolute;top:0;height:100%;overflow:hidden}.gallery-container .before-container{left:0;width:100%;z-index:1}.gallery-container .after-container{left:0;width:50%;z-index:2}.gallery-container .gallery-image{display:block;height:100%;width:100%;object-fit:cover}.gallery-container .slider-control{position:absolute;left:50%;top:0;bottom:0;width:4px;background-color:#fff;z-index:3;box-shadow:0 0 10px #0000004d}.gallery-container .slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #0000004d;cursor:grab}.gallery-container .slider-handle:before,.gallery-container .slider-handle:after{content:"";position:absolute;width:10px;height:2px;background-color:#8d99ae}.gallery-container .slider-handle:before{transform:rotate(45deg)}.gallery-container .slider-handle:after{transform:rotate(-45deg)}.gallery-container .slider-handle:active{cursor:grabbing}.gallery-container .image-label{position:absolute;top:1rem;color:#fff;background-color:#0009;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:500;z-index:4}.gallery-container .before-label{left:1rem}.gallery-container .after-label{right:1rem}.gallery-container .image-info{padding:1.5rem}.gallery-container .image-info h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.gallery-container .filter-badge{display:inline-block;background-color:#4361ee;color:#fff;padding:.2rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:1rem}.gallery-container .image-info p{color:#8d99ae;margin:0;font-size:.95rem}.gallery-container .fullscreen-btn{position:absolute;top:1rem;right:1rem;background-color:#fffc;border:none;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:4;box-shadow:0 2px 5px #0003;transition:all .3s ease}.gallery-container .fullscreen-btn:hover{background-color:#fff;transform:scale(1.1)}.gallery-container .fullscreen-btn svg{fill:#2b2d42}.gallery-container .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.gallery-container .pagination-btn{padding:.8rem 1.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;cursor:pointer;font-weight:500;transition:all .3s ease}.gallery-container .pagination-btn:hover:not(:disabled){background-color:#4361ee;color:#fff;border-color:#4361ee}.gallery-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-container .page-indicator{font-size:.9rem;color:#8d99ae}@media (max-width: 768px){.gallery-container .gallery-header h1{font-size:2.2rem}.gallery-container .gallery-subtitle{font-size:1rem}.gallery-container .comparison-container{height:250px}.gallery-container .gallery-grid{gap:1.5rem}.gallery-container .pagination-btn{padding:.6rem 1.2rem}.gallery-container .filter-controls{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.gallery-container{padding:1rem}.gallery-container .comparison-container{height:200px}.gallery-container .image-info{padding:1rem}.gallery-container .image-info h3{font-size:1.2rem}.gallery-container .gallery-header{margin-bottom:2rem}.gallery-container .gallery-grid{gap:1rem}}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}.gallery-container .gallery-card{animation:galleryFadeIn .5s ease-in-out}@media (prefers-color-scheme: dark){.gallery-container .gallery-card{background-color:#1e1e1e}.gallery-container #filter-select{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}.gallery-container .filter-controls{background-color:#1e1e1e}.gallery-container .image-label{background-color:#fff3}.gallery-container .fullscreen-btn{background-color:#0009}.gallery-container .fullscreen-btn svg{fill:#fff}.gallery-container .pagination-btn{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}}.pricing-container{max-width:1200px;margin:40px auto;padding:0 20px}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header h1{font-size:2.5rem;margin-bottom:15px}.pricing-header p{font-size:1.1rem;max-width:600px;margin:0 auto;color:#6a7c94}.pricing-toggle{display:flex;justify-content:center;align-items:center;margin:30px 0}.pricing-toggle span{font-size:1rem;margin:0 10px;color:#6a7c94}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:all .3s ease;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:all .3s ease;border-radius:50%}input:checked+.toggle-slider{background-color:#4a6cf7}input:checked+.toggle-slider:before{transform:translate(30px)}.plans-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:30px;width:100%}.plan-card{background-color:#fff;border-radius:10px;padding:30px;flex:1 1 0;min-width:0;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:500px}.plan-card:hover{transform:translateY(-10px);box-shadow:0 10px 15px #4a6cf733}.popular-badge{position:absolute;top:0;right:0;background-color:#f7346a;color:#fff;padding:8px 20px;font-size:.85rem;font-weight:700;transform:rotate(45deg) translate(50px,-15px);width:150px;text-align:center}.plan-name{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:5px}.plan-price{font-size:2.5rem;font-weight:700;color:#4a6cf7;margin:15px 0}.price-period{font-size:1rem;color:#6a7c94;font-weight:400}.price-savings{font-size:.9rem;color:#f7346a;margin-bottom:15px}.plan-description{color:#6a7c94;margin-bottom:20px;font-size:.95rem}.features-list{list-style:none;padding:0;margin:0 0 25px;flex-grow:1}.features-list li{padding:10px 0;display:flex;align-items:center;color:#555;font-size:.95rem;border-bottom:1px solid #e5e7eb}.features-list li:last-child{border-bottom:none}.features-list li:before{content:"✓";color:#4a6cf7;font-weight:700;margin-right:10px}.features-list li.unavailable{color:#aaa}.features-list li.unavailable:before{content:"×";color:#ccc}.select-plan-btn{background-color:#4a6cf7;color:#fff;border:none;border-radius:5px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-top:auto}.select-plan-btn:hover{background-color:#3a5bd9;transform:scale(1.05)}.plan-card.popular{border:2px solid #4a6cf7;transform:scale(1.05)}.plan-card.popular .select-plan-btn{background-color:#f7346a}.plan-card.popular .select-plan-btn:hover{background-color:#e02e5a}.comparison-link{text-align:center;margin-top:30px}.comparison-link a{color:#4a6cf7;text-decoration:underline;font-weight:700}@media (max-width: 992px){.plans-container{flex-direction:column;gap:20px;align-items:center}.plan-card{width:90%;margin-bottom:20px;max-width:500px;min-height:450px}.plan-card.popular{order:-1;transform:none}.plan-card:hover{transform:none}}@media (max-width: 480px){.pricing-header h1{font-size:2rem}.plan-card{padding:20px;min-height:400px}.plan-price{font-size:2rem}.popular-badge{font-size:.75rem;padding:6px 15px;transform:rotate(45deg) translate(40px,-10px);width:120px}.pricing-toggle span{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card{animation:fadeIn .5s ease-out;animation-fill-mode:both}.plan-card:nth-child(1){animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}.upload-container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#f4f6f7;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a}.ai-product-generator{display:flex;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto;padding:30px}.upload-section{flex:1;min-width:350px}.sample-images-section{flex:1;min-width:350px;display:flex;flex-direction:column}.drop-area{width:100%;padding:30px;border:3px dashed #2ecc71;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease}.drop-area:hover{border-color:#3498db;background-color:#ecf0f1}.drop-area h3{color:#2c3e50;margin-bottom:10px}.sample-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px}.sample-image{cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .3s ease}.sample-image:hover{transform:scale(1.05);box-shadow:0 4px 6px #0003}.sample-image img{width:100%;height:200px;object-fit:cover}.upload-btn{width:100%;padding:12px;margin-top:15px;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.upload-btn:hover{background-color:#2980b9}@media (max-width: 768px){.ai-product-generator{flex-direction:column}.upload-section,.sample-images-section{min-width:100%}.mobile-upload-only .drop-area{display:none}}.hidden{display:none!important}.landing-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;text-align:center;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1rem;font-family:Inter,sans-serif;color:#1a1a2e}.landing-content{flex:1;margin-bottom:2rem;width:100%}.landing-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#2c3e50}.landing-description{font-size:1.1rem;color:#4a5568;margin-bottom:2rem;line-height:1.6}.landing-features{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.feature{display:flex;align-items:center;gap:.5rem;color:#4a5568}.feature-icon{width:1.5rem;height:1.5rem;stroke:#3182ce}.cta-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3182ce;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.cta-button:hover{background-color:#2c5282}.button-icon{width:1.25rem;height:1.25rem}.cta-section{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0}.landing-image{flex:1;display:flex;justify-content:center;width:100%}.image-showcase{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-before,.image-after{position:relative;text-align:center}.image-showcase img{border-radius:.75rem;box-shadow:0 10px 25px #0000001a}@media (max-width: 768px){.landing-container{flex-direction:column;text-align:center;padding:0 1rem}.landing-content{padding-right:0;margin-bottom:2rem}.landing-features{flex-direction:column;justify-content:center;gap:1rem}.image-showcase{flex-direction:column;align-items:center;gap:1rem}.cta-section{justify-content:center;width:100%;padding:1rem 0}}.image-showcase-wrapper{width:100%;overflow:hidden}.image-showcase-scroll{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin;scrollbar-color:#3182ce #e2e8f0;scroll-snap-type:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.image-pair{display:flex;gap:1rem;flex:0 0 auto}.image-before,.image-after{flex:1;text-align:center;max-width:100%}.image-before img,.image-after img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.image-label{display:block;margin-top:.5rem;font-size:.9rem;color:#4a5568}.image-showcase-scroll::-webkit-scrollbar{display:none}.image-showcase-scroll{-ms-overflow-style:none;scrollbar-width:none}.footbar{background-color:#f8f9fa;color:#343a40;padding:40px 20px;box-sizing:border-box}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-column{display:flex;flex-direction:column}.footer-column small{margin-bottom:15px;font-weight:600;color:#6c757d;border-bottom:1px solid #e7e7e7;padding-bottom:10px}.footer-links-vertical{list-style:none;padding:0;margin:0}.footer-links-vertical li{margin-bottom:10px}.footer-links-vertical a{color:#6c757d;text-decoration:none;transition:color .3s ease;position:relative}.footer-links-vertical a:hover{color:#3498db}.footer-links-vertical a:before{content:"• ";position:absolute;left:-15px;opacity:0;transition:opacity .3s ease}.footer-links-vertical a:hover:before{opacity:1}.social-links{display:flex;gap:15px;margin-top:20px}.social-icon{width:30px;height:30px;color:#6c757d;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:#3498db;transform:scale(1.2)}.newsletter-signup input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ced4da;border-radius:4px}.newsletter-signup button{width:100%;padding:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.newsletter-signup button:hover{background-color:#2980b9}.copyright-section{grid-column:1 / -1;text-align:center;padding-top:20px;border-top:1px solid #dee2e6;margin-top:20px}@media (max-width: 768px){.footer-container{grid-template-columns:1fr}}#floating-circle{width:50px;height:50px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:1001}#floating-menu{position:fixed;top:80px;right:20px;width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000052;transition:top .3s ease;padding:20px;z-index:999}#floating-menu ul{list-style:none;padding:0;margin-top:40px}#floating-menu li{padding:10px 0;cursor:pointer;border-bottom:1px solid #ddd}#close-btn{position:absolute;top:20px;right:20px;font-size:20px;cursor:pointer;color:#333}#close-btn:hover{color:#6d6d6d}