:root{--primary-blue:#00bafd;--secondary-blue:#F0F5FF;--dark-blue:#0A2540;--text-color:#47555d;--background-color:#FFFFFF;--light-gray-color:#bfbfbf;--heading-font:'Georgia',serif;--body-font:"montserrat",sans-serif;--header-font:"proxima-nova",sans-serif;--hero-font:"khula",sans-serif;--fw-normal:400;--fw-bold:700;--header-height:70px;}*,*::before,*::after{box-sizing:border-box;}*{margin:0;}html,body{height:100%;}body{line-height:1.5;-webkit-font-smoothing:antialiased;}img,picture,video,canvas,svg{display:block;max-width:100%;}input,button,textarea,select{font:inherit;}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}#root,#__next{isolation:isolate;}body{font-family:var(--body-font);font-size:1rem;color:var(--text-color);line-height:1.6;}h1,h2,h3,h4,h5,h6{font-family:var(--hero-font);font-weight:700;line-height:1.2;margin-top:1rem;margin-bottom:.5rem;color:var(--dark-blue);}h1{font-size:2.5rem;}h2{font-size:2rem;}h3{font-size:1.75rem;}h4{font-size:1.25rem;}h5{font-size:1rem;}h6{font-size:0.875rem;}p{margin-bottom:1rem;}p:last-child,ul:last-child,ol:last-child{margin-bottom:0;}a{color:var(--primary-blue);text-decoration:none;transition:color 0.2s ease-in-out;}a:hover,a:focus{color:var(--dark-blue);}ul,ol{margin-bottom:1rem;padding-left:1.5rem;}li{margin-bottom:0.5rem;}strong,b{font-weight:700;}blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--secondary-blue);font-style:italic;color:var(--text-color);}header{font-family:var(--header-font);font-weight:var(--fw-bold);font-size:1.2rem;color:var(--text-color);}body{background-color:var(--background-color);}html,body{height:100%;overflow:hidden;}.app-shell{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;}.app-shell::-webkit-scrollbar{display:none;}main{flex-grow:1;}.site-footer{margin-top:auto;}html{scroll-behavior:smooth;}::selection{background-color:var(--dark-blue);color:var(--background-color);}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.container{width:100%;margin:0 auto;padding:0 1rem;}.section--full-height{height:calc(100dvh - var(--header-height));}
.scroll-gimmick-image{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:50;pointer-events:none;width:auto;max-width:none;transform-origin:bottom center;opacity:0;transition:opacity 0.2s ease-in;}.upload-overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;opacity:0;transition:visibility 0s 0.3s,opacity 0.3s ease;}.upload-overlay.is-active{visibility:visible;opacity:1;transition:opacity 0.3s ease;}.upload-overlay__content{background-color:var(--background-color);width:100%;max-width:600px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -5px 20px rgba(0,0,0,0.1);transform:translateY(100%);transition:transform 0.3s ease-out;overflow:hidden;max-height:85vh;}.upload-overlay.is-active .upload-overlay__content{transform:translateY(0);}.upload-overlay__title{text-align:center;font-family:var(--hero-font);color:var(--dark-blue);margin-bottom:0.5rem;}.upload-options-list{display:grid;gap:1rem;margin-bottom:1rem;overflow-y:auto;max-height:50vh;flex-grow:1;}.upload-option-button{display:flex;align-items:center;gap:1rem;padding:0.7rem;background-color:#f8f9fa;border:1px solid transparent;border-radius:10px;font-family:var(--body-font);font-size:1.1rem;color:var(--dark-blue);text-align:left;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease;}.upload-option-button:hover{background-color:#e0e9f5;border-color:var(--primary-blue);}.upload-option-button img{width:auto;height:40px;}.upload-views-wrapper{display:flex;width:200%;transition:transform 0.4s ease-in-out;}.upload-views-wrapper.country-view-active{transform:translateX(-50%);}.upload-overlay-view{width:50%;display:flex;flex-direction:column;padding:1rem;}.upload-overlay__header{height:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}.upload-overlay__subtitle{text-align:center;font-size:1.1rem;color:var(--text-color);margin-top:0;margin-bottom:1rem;}.upload-overlay__btn{width:100%;padding:1rem;background-color:var(--dark-blue);color:white;border:none;border-radius:10px;font-family:var(--header-font);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease;margin-top:1rem;}.upload-overlay__btn:hover{background-color:#1a3b5c;}.upload-options-list.no-scroll{overflow-y:hidden;}.fab{width:50%;min-width:178px;left:50%;transform:translateX(-50%);z-index:1000;display:none;padding:15px 30px;background-color:var(--primary-blue);color:white;border:2px solid white;background-image:linear-gradient(to bottom,var(--primary-blue),#00a5df);border-radius:30px;font-family:var(--header-font);font-size:1rem;font-weight:600;text-transform:uppercase;text-decoration:none;text-align:center;box-shadow:0 4px 5px rgba(0,0,0,0.2);white-space:nowrap;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;}.fab--floating{position:fixed;bottom:30px;}.fab--footer{position:relative;margin-bottom:0;opacity:0;visibility:hidden;}.fab-footer-section{display:flex;padding:10px 0px 25px 0px;text-align:center;}.fab--footer.active{opacity:1;visibility:visible;}.fab--floating.inactive{opacity:0;visibility:hidden;}.app-shell--menu-is-open .fab--floating{opacity:0 !important;visibility:hidden !important;display:none !important;}@media (max-width:991px){.fab{display:inline-block;}.app-shell--menu-is-open .fab--floating{display:none !important;opacity:0 !important;visibility:hidden !important;z-index:-1 !important;}}.header__menu-btn{background:none;border:none;padding:0.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}@media (min-width:992px){.header__menu-btn{display:none;}}.menu-icon{width:32px;height:32px;stroke:var(--light-gray-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.2s ease-in-out;}.header__menu-btn:hover .menu-icon{stroke:var(--primary-blue);}#contact{padding:2rem 0rem;}.contact-form{margin-top:2rem;}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:bold;}.form-group input,.form-group textarea{width:100%;padding:0.75rem;border:1px solid #ccc;border-radius:4px;}.btn-primary{background-color:var(--primary-blue);color:#fff;padding:0.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;}.btn-primary:hover{background-color:var(--dark-blue);}@media (min-width:992px){#contact{display:flex;flex-direction:row;}}:root{--font-size:16px;--background:#ffffff;--foreground:oklch(0.145 0 0);--card:#ffffff;--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:#030213;--primary-foreground:oklch(1 0 0);--secondary:oklch(0.95 0.0058 264.53);--secondary-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#030213;--destructive:#d4183d;--destructive-foreground:#ffffff;--border:rgba(0,0,0,0.1);--input:transparent;--input-background:#f3f3f5;--switch-background:#cbced4;--font-weight-medium:500;--font-weight-normal:400;--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:#030213;--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0);}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--font-weight-medium:500;--font-weight-normal:400;--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0);}.camera-capture-screen{position:relative;height:100%;background-color:#000;overflow:hidden;}.camera-view{position:relative;width:100%;height:100%;}.mock-camera-view{width:100%;height:100%;background-image:linear-gradient(to bottom right,#E5E7EB,#D1D5DB);display:flex;align-items:center;justify-content:center;}.mock-camera-content{text-align:center;}.mock-camera-icon{width:4rem;height:4rem;color:#6B7280;margin-left:auto;margin-right:auto;margin-bottom:1rem;}.mock-camera-text-lg{color:#4B5563;font-size:1.125rem;line-height:1.75rem;margin-bottom:0.5rem;}.mock-camera-text-sm{color:#6B7280;font-size:0.875rem;line-height:1.25rem;}.mock-face-area{margin-top:1.5rem;width:8rem;height:10rem;background-color:#9CA3AF;border-radius:0.5rem;margin-left:auto;margin-right:auto;opacity:0.5;display:flex;align-items:center;justify-content:center;}.mock-face-area-text{color:#4B5563;font-size:0.75rem;line-height:1rem;}.biometric-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;}.biometric-guide-svg{width:100%;height:100%;}.biometric-guide-text-container{position:absolute;top:1rem;left:0;right:0;text-align:center;padding-left:1rem;padding-right:1rem;}.biometric-guide-text-background{background-color:rgba(0,0,0,0.5);border-radius:0.5rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;display:inline-block;}.biometric-guide-text-white{color:#fff;}.biometric-guide-text-sm{font-size:0.875rem;line-height:1.25rem;}.biometric-guide-text-xs{font-size:0.75rem;line-height:1rem;opacity:0.8;}.capture-flash{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:0.8;z-index:20;pointer-events:none;}.camera-controls{position:absolute;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem;}.controls-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}.photo-count{font-size:0.875rem;line-height:1.25rem;color:#4B5563;}.controls-bottom-row{display:flex;justify-content:center;align-items:center;position:relative;}.shutter-button{width:5rem;height:5rem;border-radius:9999px;border-width:4px;border-color:#fff;background-color:#007AFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:100ms;}.shutter-button:active{transform:scale(0.95);}.shutter-button:disabled{opacity:0.75;}.shutter-button:hover:not(:disabled){background-color:#0056CC;}.shutter-button-icon{width:2rem;height:2rem;color:#fff;}.switch-camera-button{position:absolute;left:0;width:3rem;height:3rem;border-radius:9999px;background-color:rgba(255,255,255,0.8);}.switch-camera-button:hover{background-color:rgba(255,255,255,1);}.switch-camera-icon{width:1.25rem;height:1.25rem;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;}.btn:disabled{pointer-events:none;opacity:0.5;}.btn-outline{border:1px solid var(--border);background-color:var(--background);color:var(--foreground);}.btn-outline:hover{background-color:var(--accent);color:var(--accent-foreground);}.btn-ghost{background-color:transparent;}.btn-ghost:hover{background-color:var(--accent);color:var(--accent-foreground);}.btn-sm{height:2rem;border-radius:0.375rem;gap:0.375rem;padding-left:0.75rem;padding-right:0.75rem;}.bg-white{background-color:#fff;}#faq-container{position:relative;}.faq-view--hidden{display:none;}.faq-category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;}.faq-category-button{background-color:#f8f9fa;border-radius:25px;border:1px solid #e9ecef;color:var(--dark-blue);padding:1.5rem;font-size:1.1rem;font-weight:bold;text-align:left;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease;}.faq-category-button:hover{background-color:var(--primary-blue);color:var(--background-color);}.faq-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}#faq-back-button{background:none;border:1px solid var(--text-color-light);color:var(--text-color-light);padding:0.5rem 1rem;border-radius:10px;cursor:pointer;font-size:0.9rem;}#faq-back-button:hover{background-color:#f0f0f0;}#faq-detail-title{font-size:1.1rem;font-weight:bold;color:var(--dark-blue);margin:0;}@media (min-width:992px){.faq-category-list{grid-template-columns:repeat(2,1fr);}}.desktop-nav{display:none;}.desktop-nav__links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0;}.desktop-nav__link{font-family:var(--header-font);font-size:1rem;font-weight:var(--fw-bold);color:var(--text-color);text-decoration:none;padding:0.5rem 1rem;border-radius:8px;transition:all 0.2s ease-in-out;white-space:nowrap;}.desktop-nav__link:hover,.desktop-nav__link:focus{color:var(--primary-blue);background-color:var(--secondary-blue);text-decoration:none;transform:translateY(-2px);}.desktop-nav__link.active{color:var(--primary-blue);background-color:var(--secondary-blue);}@media (min-width:992px){.desktop-nav{display:block;}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10,37,64,0.98);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;}.app-shell--menu-is-open .mobile-menu{opacity:1;visibility:visible;transform:translateY(0);}.app-shell--menu-is-open{overflow:hidden;}.mobile-menu__close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--background-color);font-size:3rem;line-height:1;cursor:pointer;padding:0;font-weight:300;}.mobile-menu__links{list-style:none;padding:0;margin:0;text-align:center;}.mobile-menu__links li{margin-bottom:1.5rem;}.mobile-menu__link{font-family:var(--hero-font);font-size:2rem;color:var(--background-color);text-decoration:none;font-weight:var(--fw-bold);transition:color 0.2s ease-in-out;}.mobile-menu__link:hover,.mobile-menu__link:focus{color:var(--primary-blue);}.mobile-menu__link--primary{display:inline-block;padding:0.75rem 2rem;margin-top:1rem;background-color:var(--primary-blue);color:white;border-radius:30px;font-size:1.5rem;border:2px solid white;background-image:linear-gradient(to bottom,var(--primary-blue),#00a5df);box-shadow:0 4px 5px rgba(0,0,0,0.2);}.mobile-menu__link--primary:hover,.mobile-menu__link--primary:focus{color:white;transform:scale(1.05);transition:transform 0.2s ease-out;}.trust-rating-container{display:inline-flex;align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:8px 14px;box-shadow:0 4px 6px rgba(0,0,0,0.05);width:250px;margin:0.5rem 0;;}.trust-rating{display:flex;align-items:center;gap:8px;font-family:var(--body-font);padding:4px 0;}.trust-rating__icon{width:20px;height:20px;color:var(--primary-blue);flex-shrink:0;}.trust-rating__stars{display:flex;gap:1px;color:#FFB400;}.trust-rating__star{width:22px;height:22px;}.trust-rating__text{font-size:0.9rem;color:var(--text-color);font-weight:500;white-space:nowrap;}.trust-rating__text strong{color:var(--dark-blue);font-weight:700;}.trust-rating__reviews{font-size:0.9rem;color:var(--text-color);opacity:0.8;white-space:nowrap;}@media (min-width:992px){.trust-rating-container{margin:1.5rem 0;}}.static-page__container{padding:2rem;max-width:800px;margin:0 auto;box-sizing:border-box;width:100%;}.static-page__title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--dark-blue);}.static-page__content{font-size:1rem;line-height:1.6;color:var(--text-color);}.static-page__content h2{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;color:var(--primary-blue);}.static-page__content h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:0.8rem;color:var(--dark-blue);}.static-page__content b{font-weight:600;}.static-page__content a{color:var(--primary-blue);text-decoration:none;}.impressum-grid{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1.5rem;max-width:500px;}.impressum-grid__title{font-weight:600;color:var(--dark-blue);}.tutorial-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:1050;}.tutorial-modal-content{background-color:#fff;border-radius:12px;padding:24px;width:90%;max-width:450px;box-shadow:0 5px 15px rgba(0,0,0,0.2);display:flex;flex-direction:column;}.tutorial-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef;padding-bottom:12px;margin-bottom:16px;}.tutorial-modal-header h2{margin:0;font-size:1.2rem;font-weight:600;}#close-tutorial-modal-btn{background:#f1f3f5;border:none;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:32px;text-align:center;cursor:pointer;color:#868e96;font-weight:300;}#close-tutorial-modal-btn:hover{background:#e9ecef;color:#495057;}.tutorial-modal-body{text-align:center;margin-bottom:16px;}#tutorial-modal-image{width:100%;height:250px;object-fit:contain;margin-bottom:16px;border-radius:15px;}#tutorial-modal-text{font-size:1rem;color:#495057;}.tutorial-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:auto;border-top:1px solid #e9ecef;}.tutorial-modal-footer .btn{min-width:100px;padding:10px 16px;}#tutorial-step-indicator{font-size:0.9rem;color:#6c757d;font-weight:500;}#open-tutorial-modal-btn{position:absolute;bottom:25px;right:15px;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.5);color:white;font-size:24px;font-weight:bold;display:flex;justify-content:center;align-items:center;line-height:1;z-index:100;border:1px solid rgba(255,255,255,0.5);}
#benefits{padding:4rem 0;background-color:var(--background-color);overflow-x:hidden;}#benefits .section-title{font-family:var(--hero-font);}.benefits-hero-image-container{width:70%;margin-right:auto;margin-bottom:2rem;}.benefits-hero-image{width:100%;height:auto;border-top-right-radius:25px;border-bottom-right-radius:25px;}#benefits .section-title{text-align:center;margin-bottom:3rem;}#benefits .section-title .primary-blue{color:var(--primary-blue);}#benefits .section-title .dark-blue{color:var(--dark-blue);}.benefits-grid{display:grid;gap:2.5rem;padding:0px 12px;}.benefit-card{display:flex;align-items:flex-start;gap:1.5rem;}.benefit-card__icon-container{flex-shrink:0;}.benefit-card__icon{width:50px;height:auto;}.benefit-card__title{font-family:var(--hero-font);font-weight:var(--fw-bold);color:var(--dark-blue);margin-bottom:0.5rem;font-size:1.5rem;}.benefit-card__description{font-size:0.95rem;line-height:1.6;color:var(--text-color-light);text-align:justify;}@media (min-width:992px){#benefits{display:flex;flex-direction:row;}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:3rem 4rem;}.benefit-card:last-child:nth-child(odd){grid-column:span 2;max-width:50%;margin:0 auto;}}#faq{padding:1rem 0;background-color:var(--background-color);overflow:hidden;}.faq-hero-image-container{width:70%;margin-left:auto;margin-right:0;margin-bottom:2rem;position:relative;}.faq-hero-image-front,.faq-hero-image-middle,.faq-hero-image-back{position:absolute;bottom:0;left:0;width:100%;height:auto;}.faq-hero-image-front{position:relative;z-index:3;border-top-left-radius:25px;border-bottom-left-radius:25px;}.faq-hero-image-middle{z-index:2;transform:translate(-15%,5%) scale(1.05);opacity:0.8;}.faq-hero-image-back{z-index:1;transform:translate(-25%,10%) scale(1.1);opacity:0.5;}#faq .section-title{text-align:center;margin-bottom:3rem;font-family:var(--hero-font);}#faq .section-title .primary-blue{color:var(--primary-blue);}#faq .section-title .dark-blue{color:var(--dark-blue);}.faq-accordion{max-width:700px;margin:0 auto;display:grid;gap:1rem;}.faq-item{background-color:#f8f9fa;border-radius:25px;border:1px solid #e9ecef;}.faq-question{width:100%;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-family:var(--body-font);font-weight:var(--fw-bold);font-size:1rem;color:var(--dark-blue);text-align:left;cursor:pointer;}.faq-icon{width:1.5em;height:1.5em;transition:transform 0.3s ease;position:relative;}.faq-icon::before,.faq-icon::after{content:'';position:absolute;top:50%;left:50%;width:14px;height:2px;background-color:var(--primary-blue);transform:translate(-50%,-50%);transition:transform 0.3s ease;}.faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);}.faq-item.active .faq-icon::after{transform:translate(-50%,-50%) rotate(0deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out;padding:0 1.5rem;}.faq-answer p{color:var(--text-color-light);font-size:0.95rem;line-height:1.7;padding-bottom:1rem;}.faq-item.active .faq-answer{padding:0 1.5rem;max-height:200px;}@media (min-width:992px){#faq{display:flex;flex-direction:row-reverse;}.faq-hero-image-middle,.faq-hero-image-back{position:absolute;top:0;left:0;width:100%;height:auto;}}.site-footer{background-color:var(--text-color);color:rgba(255,255,255,0.7);padding:2rem 0;font-size:0.9rem;}.footer__container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;}.footer__nav{display:flex;gap:1.5rem;}.footer__nav a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.2s ease-in-out;}.footer__nav a:hover{color:var(--background-color);text-decoration:underline;}@media (min-width:768px){.footer__container{flex-direction:row;justify-content:space-between;}}.site-header{position:sticky;top:0;width:100%;min-height:var(--header-height);z-index:100;background-color:var(--background-color);box-shadow:0 2px 5px rgba(0,0,0,0.05);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;}.header__logo{font-family:var(--header-font);font-size:1.5rem;font-weight:var(--fw-bold);color:var(--dark-blue);}.header__controls{display:flex;}.site-nav{display:flex;justify-content:space-between;align-items:center;}.header__actions{display:flex;align-items:center;gap:12px;margin-left:auto;}.language-switcher{position:relative;display:flex;justify-content:center;align-items:center;}.language-switcher__btn{background:none;border:none;padding:8px 12px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;color:#b8b8b8;transition:color 0.2s ease;display:flex;align-items:center;gap:4px;font-family:var(--body-font);}.language-switcher__btn:hover{color:#8a8a8a;}.language-switcher__btn:focus{outline:none;}.language-switcher__current{letter-spacing:0.5px;font-weight:bold;}.language-switcher__dropdown{position:absolute;top:calc(100% + 4px);right:0;background:white;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s ease;z-index:1000;min-width:60px;}.language-switcher__dropdown.active{opacity:1;visibility:visible;transform:translateY(0);}.language-switcher__option{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-family:inherit;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:background-color 0.2s ease;letter-spacing:0.5px;}.language-switcher__option:first-child{border-radius:6px 6px 0 0;}.language-switcher__option:last-child{border-radius:0 0 6px 6px;}.language-switcher__option:hover{background-color:#f5f5f5;}.language-switcher__option:active{background-color:#e8e8e8;}@media (max-width:768px){.header__actions{gap:8px;}.language-switcher__btn{padding:6px 10px;font-size:16px;}.language-switcher__option{padding:8px 14px;font-size:13px;}}@media (max-width:480px){.language-switcher__btn{padding:6px 8px;}}#hero{position:relative;overflow:hidden;}.hero-content-container{display:flex;flex-direction:column;width:100%;height:100%;}.hero-text-area{flex-grow:0;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding-top:1rem;width:100%;}.hero-title-second{color:var(--primary-blue);}.hero-text-area h2{font-family:var(--hero-font);font-weight:var(--fw-normal);color:var(--dark-blue);font-size:clamp(2rem,2rem + 2.5vw,2.8rem);line-height:1.1;margin-bottom:1rem;width:80%;}.hero-text-area h1{font-family:var(--hero-font);font-weight:var(--fw-normal);color:var(--dark-blue);font-size:clamp(2rem,2rem + 2.5vw,2.8rem);line-height:1.1;margin-bottom:1rem;width:80%;}.hero-text-area p{font-size:clamp(1rem,0.95rem + 0.5vw,1.1rem);line-height:1.5;margin-bottom:0;width:80%;}.hero-price-image{position:absolute;top:250px;right:10px;width:100px;transform:rotate(8deg);}.hero-image-area{flex-grow:1;position:relative;min-height:250px;}.hero-image-back{position:absolute;bottom:0;right:0;width:95%;height:auto;opacity:0.4;z-index:1;display:inline-block;}.hero-image-middle,.hero-image-front{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;}.hero-image-front{bottom:1rem;max-width:90%;z-index:3;}.hero-image-middle{z-index:2;opacity:0.4;left:55%;}.hero-reveal-animation-wrapper{position:absolute;width:100%;height:100%;bottom:-180px;z-index:4;overflow:hidden;user-select:none;pointer-events:none;display:flex;justify-content:center;align-items:center;}.hero-reveal-content{width:100%;text-align:center;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}.hero-reveal-content h3{font-family:var(--hero-font);font-size:clamp(1.5rem,1.5rem + 2vw,2rem);color:var(--background-color);margin-bottom:0.5rem;}.hero-image-reveal-container{position:relative;width:95%;margin:0 0 1rem;display:grid;place-items:center;}.hero-image-reveal{display:block;width:100%;height:auto;max-width:none;grid-column:1 / -1;grid-row:1 / -1;}#hero-image-left{transform:translateX(-100%);z-index:2;}#hero-image-right{transform:translateX(100%);z-index:1;}#hero-image-info{opacity:0;transform:translateY(20px);z-index:3;}.hero-image-back{z-index:1;}.hero-image-back{position:absolute;bottom:0;right:0;width:95%;height:auto;opacity:0.4;z-index:1;display:inline-block;}.hero-image-middle,.hero-image-front{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:90%;width:auto;max-width:none;}.hero-image-front{bottom:1rem;z-index:3;}.hero-image-middle{z-index:2;opacity:0.4;left:55%;}.hero-reveal-content{position:relative;left:50%;transform:translateX(-50%);width:100%;text-align:center;z-index:4;opacity:0;visibility:hidden;transform:translate(-50%,0px);}.hero-reveal-content h3{font-family:var(--hero-font);font-size:clamp(1.5rem,1.5rem + 2vw,2rem);color:var(--dark-blue);margin-bottom:0.5rem;}.hero-image-back{z-index:1;}.hero-corner-image{position:absolute;top:0;right:0;width:100px;z-index:5;display:block;}#desktop-qr-container{display:none;}@media (min-width:992px){.hero-content-container{flex-direction:row;}.hero-text-area{flex-basis:50%;align-items:flex-start;text-align:left;padding-top:0;padding-left:170px;}.hero-text-area h2{font-size:clamp(3rem,2.5rem + 2.5vw,4rem);width:100%;}.hero-text-area p{font-size:clamp(1.1rem,1rem + 0.5vw,1.2rem);width:100%;}.hero-image-area{flex-basis:50%;}.hero-price-image{position:absolute;display:none;top:250px;right:10px;width:100px;transform:rotate(8deg);}.hero-image-middle,.hero-image-front{height:50%;}.scroll-gimmick-image{position:absolute;height:70%;object-fit:cover;transform:none;z-index:50;right:-60px;left:unset;}.hero-text-area h1{font-size:4rem;}.hero-corner-image{display:block;}.hero-reveal-animation-wrapper{right:0;width:100%;padding:0px 200px;}.hero-reveal-content{width:100%;text-align:center;opacity:0;visibility:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}.hero-reveal-content h3{font-family:var(--hero-font);font-size:clamp(1.5rem,1.5rem + 2vw,3rem);color:var(--dark-blue);margin-bottom:0.5rem;}.hero-image-reveal-container{width:50%;}#desktop-qr-container{display:flex;position:relative;align-items:center;width:100%;height:350px;background-color:#fff;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:10px;}.qr-image{height:100%;width:auto;margin:auto;}.qr-text{font-size:1rem;color:var(--text-color);font-weight:regular;text-align:left;width:auto;height:auto;}}#info-cards{padding:4rem 0;}.info-cards-grid{display:grid;grid-template-columns:1fr;gap:5rem;}.info-card-wrapper{position:relative;display:flex;justify-content:center;align-items:center;}.info-card-bg{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1;}.info-card{background-color:var(--background-color);border-radius:25px;box-shadow:0 10px 25px rgba(0,0,0,0.08);overflow:hidden;width:70%;max-width:280px;z-index:2;}.info-card__image{width:100%;height:220px;object-fit:cover;}.info-card__text-content{padding:1.5rem;text-align:center;}.info-card__title{font-family:var(--hero-font);font-weight:var(--fw-bold);font-size:1.5rem;line-height:1.2;margin-bottom:1rem;text-align:left;}.info-card__title span{display:block;}.info-card__title .dark-blue{color:var(--dark-blue);}.info-card__title .primary-blue{color:var(--primary-blue);}.info-card__description{font-size:0.95rem;color:var(--text-color-light);line-height:1.6;text-align:left;}@media (min-width:992px){.info-cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem;}}#steps{position:relative;padding:4rem 0;text-align:center;position:relative;overflow:hidden;}#steps .container{position:relative;}.steps-bg-image{position:absolute;z-index:-1;opacity:0.6;pointer-events:none;}.steps-bg-image--top-left{top:0;left:-130px;width:200px;}.steps-bg-image--bottom-right{bottom:0;right:-100px;width:300px;}#steps h2{font-family:var(--hero-font);color:var(--dark-blue);margin-bottom:3rem;}.steps-container{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 1rem;}.step-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:left;margin:0 10%;opacity:0;transform:translateY(30px);}#steps h2 .primary-blue{color:var(--primary-blue);}#steps h2 .dark-blue{color:var(--dark-blue);}@media (min-width:768px){.steps-path-wrap{display:none;}}.steps-path-wrap{position:absolute;inset:0;pointer-events:none;z-index:0;}.steps-svg{width:100%;height:100%;display:block;color:var(--primary-blue);opacity:1;}#steps #steps-path{stroke-linecap:round;}.step-card__image{width:100px;height:auto;margin-bottom:1.5rem;}.step-card__title{font-family:var(--hero-font);font-size:1.5rem;color:var(--dark-blue);margin-bottom:0.5rem;width:100%;}.step-card__description{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:1rem;text-align:left;}.step-card__link{font-family:var(--ui-font);font-weight:var(--fw-bold);color:var(--primary-blue);text-decoration:none;display:inline-flex;align-items:center;transition:transform 0.2s ease-out;width:100%;}.step-card__link:hover{transform:translateX(4px);}.step-card__link .arrow{margin-left:0.5rem;transition:transform 0.2s ease-out;}.step-card__link:hover .arrow{transform:translateX(2px);}@media (min-width:768px){.steps-container{grid-template-columns:repeat(3,1fr);gap:2rem;}}
.product-creation-container{flex-grow:1;display:flex;flex-direction:column;min-height:0;}#view-product-creation{flex-grow:1;display:flex;flex-direction:column;min-height:0;}.sub-step{flex-grow:1;display:flex;flex-direction:column;min-height:0;}.camera-capture-screen{position:relative;width:100%;height:100%;background-color:#1a1a1a;display:flex;flex-direction:column;overflow:hidden;}.camera-view{position:relative;flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:hidden;}#camera-video{width:100%;height:100%;object-fit:cover;}.camera-controls{position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box;z-index:10;}.controls-top-row{display:flex;justify-content:space-between;align-items:center;}.controls-bottom-row{display:flex;justify-content:center;align-items:center;position:relative;}.photo-count{font-size:0.9rem;color:white;background-color:rgba(0,0,0,0.5);padding:0.3rem 0.6rem;border-radius:15px;}.shutter-button{width:64px;height:64px;border-radius:50%;background-color:#fff;border:4px solid #fff;outline:4px solid rgba(255,255,255,0.5);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.2s ease;}.shutter-button:active{transform:scale(0.95);background-color:#f0f0f0;}.shutter-button-icon{display:none;}.switch-camera-button{position:absolute;right:1rem;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,0.2);color:white;display:flex;justify-content:center;align-items:center;}.switch-camera-icon{width:28px;height:28px;}.biometric-guide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;}.biometric-guide-svg{width:100%;height:100%;}.biometric-guide-text-background{display:inline-block;background-color:rgba(0,0,0,0.5);padding:0.5rem 1rem;border-radius:10px;}.biometric-guide-text-white{color:white;margin:0;padding:0;}.biometric-guide-text-sm{font-size:0.9rem;font-weight:500;}.biometric-guide-text-xs{font-size:0.75rem;opacity:0.8;}.hidden{display:none !important;}.flash-effect{position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;opacity:0;animation:flash 0.4s ease-out;pointer-events:none;z-index:20;}@keyframes flash{0%{opacity:0;}25%{opacity:1;}100%{opacity:0;}}.header-bar{position:relative;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;z-index:10;flex-shrink:0;}.header-bar .selection-header{flex-grow:1;}.cart-btn{position:absolute;width:40px;height:40px;background-color:rgba(0,0,0,0.1);border-radius:25%;border:1px solid rgba(255,255,255,0.2);cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0;top:10px;right:10px;}.cart-btn.hidden{display:none;}.cart-icon{width:42px;}.camera-capture-screen .cart-btn{background-color:rgba(255,255,255,0.2);}.camera-capture-screen .cart-icon-placeholder{background-color:white;}.cart-count-badge{position:absolute;top:-4px;right:-4px;background-color:#e74c3c;color:white;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:bold;display:flex;justify-content:center;align-items:center;border:2px solid white;}#view-cart{display:flex;flex-direction:column;height:100%;background-color:#f4f4f9;}.cart-container{display:flex;flex-direction:column;height:100%;}.cart-container .header-bar{position:relative;border-bottom:1px solid #e0e0e0;background-color:#fff;justify-content:center;flex-shrink:0;}.cart-container .header-bar h2{font-size:1.25rem;font-weight:700;color:var(--dark-blue);}.cart-list-container{flex-grow:1;overflow-y:auto;padding:1rem;}.cart-list{list-style:none;padding:0;margin:0;}.cart-item{position:relative;overflow:visible;background-color:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.07);}.cart-item-row1{display:flex;justify-content:space-between;}.cart-item-title{font-weight:600;font-size:1.1rem;}.cart-item-delete-btn{position:absolute;top:-7px;right:-7px;width:32px;height:32px;background-color:var(--dark-blue);border:2px solid white;border-radius:50%;cursor:pointer;z-index:5;display:flex;justify-content:center;align-items:center;}.cart-item-delete-btn img{width:60%;height:60%;}.cart-item-row2{display:flex;align-items:center;gap:1rem;}.cart-item-thumbnail-container{width:120px;flex-shrink:0;}.cart-item-details{flex-grow:1;}.cart-item-details p{margin:0;font-size:0.9rem;color:#666;}.cart-item-price{font-weight:600;margin-top:0.25rem !important;color:#333 !important;}.cart-item-quantity{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.quantity-btn{width:32px;height:32px;background-color:#ddd;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.3rem;}.quantity-count{font-weight:600;font-size:1.1rem;}.cart-item-row3{margin-top:1rem;}.delivery-method-select{width:100%;padding:0.5rem;border-radius:6px;border:1px solid #ddd;background-color:#fafafa;font-size:0.9rem;}.cart-footer-separator{position:relative;height:1px;background-color:#e0e0e0;margin:0 1rem;flex-shrink:0;}#add-product-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f4f4f9;padding:0.5rem 1.5rem;border-radius:20px;border:1px solid #e0e0e0;font-size:0.9rem;white-space:nowrap;}#add-product-btn .icon-placeholder{margin-right:0.5rem;width:25px;height:25px;background-color:var(--dark-blue);display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.3rem;color:white;font-weight:700;}.cart-footer{background-color:#fff;padding:1.5rem 1rem 1rem 1rem;box-shadow:0 -4px 15px rgba(0,0,0,0.05);flex-shrink:0;}.shipping-options{border-bottom:1px solid #f0f0f0;padding:0.5rem 0;}.shipping-option{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;}.shipping-option:last-child{margin-bottom:0;}.shipping-option label{font-size:0.9rem;color:#333;}.shipping-option input[type="checkbox"]{width:20px;height:20px;}.cart-checkout-area{display:flex;justify-content:space-between;align-items:flex-end;margin-top:0.5rem;}.total-price-container{display:flex;flex-direction:column;}.total-label{font-size:0.9rem;color:#666;margin-bottom:0.25rem;}.total-price{font-size:1.5rem;font-weight:600;color:#333;}#checkout-btn{width:50%;background-color:var(--primary-blue);}#view-checkout{display:flex;flex-direction:column;height:100%;background-color:#f4f4f9;}.checkout-container{display:flex;flex-direction:column;height:100%;}.checkout-container .header-bar{position:relative;border-bottom:1px solid #e0e0e0;background-color:#fff;justify-content:center;flex-shrink:0;}.checkout-form-container{flex-grow:1;overflow-y:auto;padding:1rem;}.form-group{margin-bottom:0.75rem;}.form-group-row{display:flex;gap:1rem;margin-bottom:0.75rem;}.form-group-row .form-group{flex-grow:1;margin-bottom:0;}.form-group label{display:block;margin-bottom:0.5rem;font-size:0.9rem;font-weight:500;color:#555;}.form-group input,.form-group textarea{width:100%;padding:0.5rem 0.75rem;border-radius:6px;border:1px solid #ddd;background-color:#fff;font-size:1rem;box-sizing:border-box;}.form-group input.input-error,.form-group textarea.input-error{border-color:#e74c3c;}.error-message{color:#e74c3c;font-size:0.8rem;margin-top:0.25rem;display:block;height:1em;}.form-group textarea{resize:vertical;min-height:60px;}.checkout-footer{background-color:#fff;padding:1rem;box-shadow:0 -4px 15px rgba(0,0,0,0.05);flex-shrink:0;display:flex;gap:1rem;}.checkout-footer .btn{flex-grow:1;}#add-product-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:2000;}#add-product-menu-overlay.hidden{display:none;}.context-menu{background-color:white;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,0.2);}.context-menu h3{margin-top:0;margin-bottom:1.5rem;text-align:center;font-size:1.25rem;}.context-menu-option{margin-bottom:1rem;}.context-menu-option label{display:block;margin-bottom:0.5rem;font-size:0.9rem;font-weight:500;color:#555;}.context-menu-option select{width:100%;padding:0.75rem;border-radius:6px;border:1px solid #ddd;background-color:#fafafa;font-size:1rem;}.context-menu-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;}.context-menu-actions .btn{flex-grow:1;}#step-awaiting-processing{display:flex;justify-content:center;align-items:center;background-color:#f4f4f9;}.processing-container{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;}.processing-container h2{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:2rem;}.processing-image-container{height:250px;margin:0 auto 2rem auto;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.15);overflow:hidden;border:1px solid #eee;}#processing-image{height:100%;object-fit:cover;}.processing-status{display:flex;justify-content:center;align-items:center;gap:0.75rem;min-height:24px;}#processing-status-text{font-size:1rem;color:#555;font-weight:500;}#processing-status-text.error-message{color:#e74c3c;font-weight:600;}.processing-controls{margin-top:2rem;display:flex;gap:1rem;justify-content:center;}.processing-controls.hidden{display:none;}.loading-spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,0.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.product-preview-container{width:100%;position:relative;}.preview-wrapper{width:100%;position:relative;padding-top:66.66%;}.preview-content{position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;border:1px solid #d3d3d35c;padding:4px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;border-radius:3px;box-shadow:2px 2px 3px 0px rgb(0 0 0 / 8%);transform:rotate(-3deg);}.preview-cell{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;min-width:0;min-height:0;}.preview-cell > img{height:100%;object-fit:cover;border:1px solid #d3d3d363;}.logo-cell .logo-container{display:flex;align-items:center;gap:3px;margin-bottom:3px;}.logo-cell .logo-container img{width:10.5px;height:auto;}.logo-cell .logo-container span{font-size:2px;font-weight:600;color:#555;}.stamp-container{display:flex;justify-content:center;width:100%;}.logo-cell .stamp-container img{width:60%;height:auto;}.biometric-photo-cell .biometric-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../assets/images/biometric_mask.png');background-size:100% 100%;opacity:0.5;}.preview-content.large-format{grid-template-rows:1fr;}.preview-content.large-format .photo-cell-1,.preview-content.large-format .photo-cell-2,.preview-content.large-format .photo-cell-3,.preview-content.large-format .photo-cell-4{grid-row:1;}.preview-content.large-format .photo-cell-1{grid-column:2;}.preview-content.large-format .photo-cell-2{grid-column:3;}.preview-content.large-format .biometric-photo-cell,.preview-content.large-format .photo-cell-3,.preview-content.large-format .photo-cell-4{display:none;}.preview-content.large-format .preview-cell > img{object-fit:contain;width:100%;height:auto;}#step-selection-mode{display:flex;flex-direction:column;background-color:#fff;}.selection-header{flex-shrink:0;padding:1rem;text-align:center;border-bottom:1px solid #e0e0e0;}.selection-header h2{font-size:1.25rem;margin:0 0 0.25rem 0;}.selection-header p{font-size:0.9rem;color:#666;margin:0;}.gallery-grid-container{flex-grow:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch;}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}.gallery-image-wrapper{position:relative;border-radius:8px;overflow:visible;cursor:pointer;border:4px solid transparent;transition:border-color 0.2s ease;background-color:#e0e0e0;}.gallery-image-wrapper.selected{border-color:#007bff;}.gallery-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px;}.overview-selection-btn{border-radius:25px;background-color:#ffffff00;border:1px solid white;color:white;padding:10px;}.overview-info-icon{width:25px;height:25px;}.gallery-action-btn{position:absolute;width:32px;height:32px;background-color:rgba(0,0,0,0.6);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform 0.2s ease;z-index:10;}.gallery-action-btn:hover{transform:scale(1.1);}.gallery-action-btn.delete-btn{top:-12px;right:-12px;}.gallery-action-btn.magnify-btn{bottom:-12px;left:50%;transform:translateX(-50%);}.gallery-action-btn.magnify-btn:hover{transform:translateX(-50%) scale(1.1);}.delete-btn > img{width:70%;height:70%;}.magnify-btn > img{width:70%;height:70%;}.selection-controls{flex-shrink:0;display:flex;gap:1rem;padding:1rem;border-top:1px solid #e0e0e0;background-color:#fff;}.selection-controls .btn{flex-grow:1;}#image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box;cursor:pointer;}#image-preview-overlay.hidden{display:none;}.overlay-instructions{position:absolute;top:2rem;color:white;text-align:center;font-size:0.9rem;}.overlay-instructions p{margin:0.25rem;display:flex;align-items:center;gap:0.5rem;}.icon-placeholder{display:inline-block;width:16px;height:16px;background-color:rgba(255,255,255,0.5);}.preview-image-content{flex-grow:1;max-height:60%;object-fit:contain;cursor:default;border-radius:15px;margin-bottom:1rem;}#overlay-select-btn{position:absolute;bottom:2rem;width:calc(100% - 4rem);max-width:300px;}.close-overlay-btn{position:absolute;top:1rem;right:1.5rem;font-size:2.5rem;color:white;cursor:pointer;line-height:1;}@keyframes slide-out-left{from{transform:translateX(0);opacity:1;}to{transform:translateX(-100px);opacity:0;}}@keyframes slide-in-left{from{transform:translateX(100px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slide-out-right{from{transform:translateX(0);opacity:1;}to{transform:translateX(100px);opacity:0;}}@keyframes slide-in-right{from{transform:translateX(-100px);opacity:0;}to{transform:translateX(0);opacity:1;}}.preview-image-content.slide-out-left{animation:slide-out-left 0.2s ease-out forwards;}.preview-image-content.slide-in-left{animation:slide-in-left 0.2s ease-in forwards;}.preview-image-content.slide-out-right{animation:slide-out-right 0.2s ease-out forwards;}.preview-image-content.slide-in-right{animation:slide-in-right 0.2s ease-in forwards;}@keyframes slide-out-left{from{transform:translateX(0);opacity:1;}to{transform:translateX(-100px);opacity:0;}}@keyframes slide-in-left{from{transform:translateX(100px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slide-out-right{from{transform:translateX(0);opacity:1;}to{transform:translateX(100px);opacity:0;}}@keyframes slide-in-right{from{transform:translateX(-100px);opacity:0;}to{transform:translateX(0);opacity:1;}}.preview-image-content.slide-out-left{animation:slide-out-left 0.2s ease-out forwards;}.preview-image-content.slide-in-left{animation:slide-in-left 0.2s ease-in forwards;}.preview-image-content.slide-out-right{animation:slide-out-right 0.2s ease-out forwards;}.preview-image-content.slide-in-right{animation:slide-in-right 0.2s ease-in forwards;}.creator-upload-overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;opacity:0;transition:visibility 0s 0.3s,opacity 0.3s ease;}.creator-upload-overlay.is-active{visibility:visible;opacity:1;transition:opacity 0.3s ease;}.creator-upload-overlay__content{background-color:var(--background-color);width:100%;max-width:600px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -5px 20px rgba(0,0,0,0.1);transform:translateY(100%);transition:transform 0.3s ease-out;overflow:hidden;height:50vh;}.creator-upload-overlay.is-active .creator-upload-overlay__content{transform:translateY(0);}.creator-upload-views-wrapper{display:flex;width:200%;height:100%;transition:transform 0.4s ease-in-out;}.creator-upload-views-wrapper.country-view-active{transform:translateX(-50%);}.creator-upload-overlay-view{width:50%;height:100%;display:flex;flex-direction:column;}.creator-upload-overlay__header{height:4rem;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 1rem;border-bottom:1px solid var(--light-grey);flex-shrink:0;}.creator-upload-overlay__title{text-align:center;font-family:var(--hero-font);color:var(--dark-blue);margin:0;}.creator-upload-overlay__body{flex-grow:1;overflow-y:auto;padding:1rem;min-height:0;}.creator-upload-overlay__footer{padding:1rem;border-top:1px solid #e9ecef;background-color:var(--background-color);flex-shrink:0;}.creator-upload-options-container{display:grid;gap:1rem;}.creator-upload-option-button{display:flex;align-items:center;gap:1rem;padding:0.7rem;background-color:#f8f9fa;border:1px solid transparent;border-radius:10px;font-family:var(--body-font);font-size:1.1rem;color:var(--dark-blue);text-align:left;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease;}.creator-upload-option-button:hover{background-color:#e0e9f5;border-color:var(--primary-blue);}.creator-upload-option-button img{width:auto;height:40px;}.creator-upload-overlay__btn{width:100%;padding:1rem;background-color:var(--dark-blue);color:white;border:none;border-radius:10px;font-family:var(--header-font);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease;}.creator-upload-overlay__btn:hover{background-color:#1a3b5c;}#view-payment{height:100%;}.payment-container{display:flex;flex-direction:column;height:100%;background-color:var(--background-color);}.payment-body{flex-grow:1;display:flex;flex-direction:column;min-height:0;}.payment-status-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;}#payment-iframe-container{width:100%;height:100%;}.payment-footer{padding:1rem;border-top:1px solid #e9ecef;background-color:var(--background-color);flex-shrink:0;}.payment-footer .btn{width:100%;}.hidden{display:none !important;}