.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#00a8a8,teal);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem}.logo-container{position:relative}.logo{width:200px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.title-container{display:flex;flex-direction:column;gap:.5rem}.collection-title{font-size:clamp(2rem,8vw,4rem);font-weight:700;letter-spacing:.15em;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.subtitle{font-size:clamp(1rem,3vw,1.5rem);font-weight:300;color:#ffffffe6;letter-spacing:.1em;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.loading-indicator{margin-top:2rem}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{width:10px;height:10px;border-radius:50%;background:#fff;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.logo{width:150px}.splash-content{gap:1.5rem}}.grid-layout-selector{display:flex;align-items:center;gap:.75rem;background:#fff3;padding:.5rem 1rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.layout-label{color:#fff;font-size:.9rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;white-space:nowrap}.layout-buttons{display:flex;gap:.5rem}.layout-button{width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:.5rem}.layout-button:hover{background:#fff3;border-color:#ffffff80}.layout-button.active{background:#ffffff4d;border-color:#fff}.layout-preview{display:flex;gap:3px;align-items:center;justify-content:center;width:100%;height:100%}.preview-bar{background:#fff;border-radius:2px;flex:1;height:20px;min-width:4px}@media (max-width: 768px){.grid-layout-selector{padding:.4rem .75rem;gap:.5rem}.layout-label{font-size:.8rem;display:none}.layout-button{width:35px;height:35px}.preview-bar{height:16px}}.catalog-page{min-height:100vh;background:var(--bg-light)}.catalog-header{background:linear-gradient(135deg,#00a8a8,teal);padding:2rem 1.5rem 1rem;box-shadow:0 4px 20px var(--shadow);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center}.header-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.header-actions-wrapper{max-width:1200px;margin:1rem auto 0;display:flex;justify-content:flex-end;padding:0 1.5rem}@media (max-width: 768px){.catalog-header{padding:1.5rem 1rem 1rem}.header-actions-wrapper{padding:0 1rem;justify-content:center}}.header-logo{width:100px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.header-text{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.main-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;letter-spacing:.15em;color:#fff;margin-bottom:.25rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.header-subtitle{font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;color:#ffffffe6;letter-spacing:.1em;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.catalog-main{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.models-grid{display:grid;gap:2rem;padding:0}.model-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(0,0,0,.06);position:relative}.model-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00a8a8,teal);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.model-card:hover{box-shadow:0 12px 40px #00a8a826;transform:translateY(-8px);border-color:#00a8a833}.model-card:hover:before{transform:scaleX(1)}.model-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.model-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.model-card:hover .model-thumbnail{transform:scale(1.08)}.model-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#0006);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.model-card:hover .model-overlay{opacity:1}.view-text{color:#fff;font-weight:600;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.model-card:hover .view-text{background:#ffffff40;transform:scale(1.05)}.model-info{padding:1.75rem 1.5rem;background:#fff;position:relative}.model-number{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:-.02em;line-height:1.2}.model-color{font-size:.85rem;color:var(--text-light);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;line-height:1.5;text-transform:capitalize;opacity:.8}@media (max-width: 768px){.catalog-header{padding:1.5rem 1rem 1rem}.header-logo-wrapper{gap:.75rem}.header-logo{width:80px}.catalog-main{padding:2rem 1rem}.model-card{border-radius:20px}.model-image-wrapper{padding-top:100%}.model-info{padding:1.25rem 1rem}.model-number{font-size:1.2rem}.model-color{font-size:.8rem}}.model-detail-page{min-height:100vh;background:var(--bg-light)}.detail-header{background:linear-gradient(135deg,#00a8a8,teal);padding:1.5rem;box-shadow:0 4px 20px var(--shadow);position:sticky;top:0;z-index:100}.back-button{display:flex;align-items:center;gap:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:1.5rem;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;border-color:#ffffff80}.detail-header-content{display:flex;align-items:center;justify-content:center}.detail-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.detail-logo{width:100px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.detail-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.detail-model-number{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;color:#fff;margin-bottom:.25rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.detail-collection{font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;color:#ffffffe6;letter-spacing:.1em;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.detail-main{max-width:1400px;margin:0 auto;padding:3rem 1.5rem}.detail-content{width:100%;display:flex;justify-content:center}.image-container{max-width:800px;width:100%}.image-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px var(--shadow);cursor:pointer;transition:all .3s ease}.image-card:hover{box-shadow:0 8px 30px #00a8a833}.image-wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#f0f0f0}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.image-card:hover .product-image{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00a8a800,#00a8a8cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-card:hover .image-overlay{opacity:1}.zoom-icon{font-size:2.5rem;color:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.image-info{padding:1.5rem}.color-name{font-size:1rem;font-weight:500;color:var(--text-dark);text-align:center;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.color-label{font-weight:600;color:var(--primary-color);margin-right:.5rem}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer}.modal-close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#ffffff4d;border-color:#ffffff80}.modal-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;cursor:default}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080}.modal-color-name{color:#fff;font-size:1.2rem;font-weight:500;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:var(--bg-light)}.error-page h1{font-size:2rem;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.error-page a{color:var(--primary-color);text-decoration:none;font-size:1.1rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.error-page a:hover{text-decoration:underline}@media (max-width: 768px){.detail-header{padding:1rem}.back-button{padding:.5rem 1rem;font-size:.9rem;margin-bottom:1rem}.detail-logo-wrapper{gap:.75rem}.detail-logo{width:80px}.detail-main{padding:2rem 1rem}.images-grid{grid-template-columns:1fr;gap:1.5rem}.image-info{padding:1rem}.modal-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.2rem}.modal-content{max-width:95vw;padding:1rem}.modal-color-name{font-size:1rem}}@media (max-width: 480px){.images-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00a8a8;--secondary-color: #008080;--text-dark: #1a1a1a;--text-light: #666;--bg-light: #fafafa;--white: #ffffff;--shadow: rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-dark);overflow-x:hidden}#root{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}