@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;.ai-analyzer{margin:0 auto;max-width:900px}.original-colors{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem;text-align:center}.original-colors h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.colors-row{flex-wrap:wrap;gap:1rem}.color-swatch,.colors-row{display:flex;justify-content:center}.color-swatch{align-items:end;border:3px solid #fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;height:80px;padding:.5rem;transition:transform .3s ease;width:120px}.color-swatch:hover{transform:scale(1.05)}.color-swatch span{background:#000000b3;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.analysis-process{animation:aiGradient 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#0052d4);background-size:400% 400%;border-radius:30px;box-shadow:0 30px 80px #667eea66,inset 0 2px 0 #ffffff4d;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem;position:relative;text-align:center}.analysis-process:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes aiGradient{0%,to{background-position:0 50%}25%{background-position:100% 25%}50%{background-position:100% 100%}75%{background-position:0 75%}}.ai-brain{animation:brainFloat 4s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 30px rgba(255,255,255,.3));margin-bottom:3rem;position:relative}.ai-brain:before{animation:brainAura 3s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#ffffff4d 90deg,#0000 180deg,#ffffff4d 270deg,#0000 1turn);bottom:-20px;left:-20px;right:-20px;top:-20px}.ai-brain:after,.ai-brain:before{border-radius:50%;content:"";position:absolute;z-index:-1}.ai-brain:after{animation:brainPulse 2s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);bottom:-10px;left:-10px;right:-10px;top:-10px}.analysis-spinner{animation:spinnerGlow 2s ease-in-out infinite;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes brainFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes brainAura{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes brainPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes spinnerGlow{0%,to{filter:brightness(1) drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:brightness(1.3) drop-shadow(0 0 15px rgba(255,255,255,.8))}}.analysis-process h3{font-size:1.75rem;font-weight:700;margin-bottom:2rem}.analysis-steps{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.step{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;font-weight:500;padding:1rem}.ai-results{margin-bottom:3rem}.results-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.results-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.palettes-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.palette-result{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.palette-result:hover{border-color:#667eea;box-shadow:0 15px 35px #0000001a;transform:translateY(-4px)}.palette-result:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.palette-result:hover:before{opacity:1}.palette-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.palette-header h4{color:#2d3748;font-size:1.25rem;font-weight:700}.score{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;display:flex;flex-direction:column;padding:.5rem 1rem}.score-value{font-size:1.5rem;font-weight:700;line-height:1}.score-label{font-size:.75rem;opacity:.9}.palette-colors{border-radius:8px;display:flex;gap:.25rem;height:60px;margin-bottom:1rem;overflow:hidden}.result-color{flex:1;transition:transform .3s ease}.palette-result:hover .result-color{transform:scale(1.02)}.palette-description{color:#6c757d;font-style:italic;line-height:1.5}.insights-section{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem}.insights-section h4{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.insights-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.insight-item strong{color:#667eea;font-weight:600;text-transform:capitalize}.insight-item span{color:#4a5568;line-height:1.5}.recommendations-list{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:1px solid #81e6d9;border-radius:16px;padding:2rem}.recommendations-list h4{color:#234e52;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.recommendations-list ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 auto;max-width:600px}.recommendations-list li{background:#fff;border-left:4px solid #38b2ac;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#2d3748;font-weight:500;padding:1rem 1.5rem;position:relative}.recommendations-list li:before{align-items:center;background:#38b2ac;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:24px}@media (max-width:768px){.colors-row{gap:.5rem}.color-swatch{height:70px;width:100px}.analysis-process{padding:2rem 1rem}.analysis-process h3{font-size:1.5rem}.palettes-grid{gap:1.5rem;grid-template-columns:1fr}.insights-grid{gap:1rem;grid-template-columns:1fr}.results-header h3{font-size:1.5rem}}@media (max-width:480px){.color-swatch{height:60px;width:80px}.color-swatch span{font-size:.625rem;padding:.125rem .25rem}.palette-header{align-items:flex-start;flex-direction:column;gap:1rem}.score{align-self:center}.analysis-steps{gap:.5rem}.step{font-size:.875rem;padding:.75rem}}.product-showcase{margin:0 auto;max-width:1000px}.color-reference{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem;text-align:center}.color-reference h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.color-strip{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.color-chip{border:3px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:50px;transition:transform .3s ease;width:50px}.color-chip:hover{transform:scale(1.1)}.products-loading{color:#667eea;padding:4rem 2rem;text-align:center}.loading-spinner{color:#667eea;margin-bottom:2rem}.products-loading p{color:#4a5568;font-size:1.25rem;font-weight:500}.products-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:3rem}.product-card{backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:25px;box-shadow:0 10px 30px #00000014,0 0 0 1px #fff6,inset 0 1px 0 #fffc;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.product-card:before{background:linear-gradient(90deg,#0000,#667eea4d,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.product-card:hover{backdrop-filter:blur(15px);box-shadow:0 25px 60px #667eea33,0 0 0 2px #667eea1a,inset 0 2px 0 #ffffffe6;transform:translateY(-8px) scale(1.02)}.product-card:hover:before{transform:translateX(100%)}.product-card.selected{animation:selectedPulse 3s ease infinite;background:linear-gradient(135deg,#f0fff4,#c6f6d5 50%,#9ae6b4);box-shadow:0 20px 50px #48bb784d,0 0 0 2px #48bb7833,inset 0 2px 0 #ffffffe6;transform:translateY(-5px) scale(1.03)}@keyframes selectedPulse{0%,to{box-shadow:0 20px 50px #48bb784d,0 0 0 2px #48bb7833,inset 0 2px 0 #ffffffe6}50%{box-shadow:0 25px 60px #48bb7866,0 0 0 3px #48bb784d,inset 0 3px 0 #fff}}.product-card.selected:before{background:linear-gradient(90deg,#48bb78,#38a169);content:"";height:4px;left:0;position:absolute;right:0;top:0}.product-image{background:#f8f9fa;border-radius:12px;height:200px;margin-bottom:1.5rem;overflow:hidden}.placeholder-image,.product-image{align-items:center;display:flex;justify-content:center;position:relative}.placeholder-image{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);height:100%;width:100%}.image-colors{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;padding:1rem}.product-color{border:2px solid #fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;height:30px;width:30px}.wishlist-btn{align-items:center;background:#ffffffe6;border:none;border-radius:20px;color:#e53e3e;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.wishlist-btn:hover{background:#fff;transform:scale(1.1)}.selected-indicator{align-items:center;background:#48bb78;border-radius:24px;box-shadow:0 4px 12px #48bb7866;color:#fff;display:flex;height:48px;justify-content:center;left:1rem;position:absolute;top:1rem;width:48px}.product-info{margin-bottom:1.5rem}.product-category{color:#667eea;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.product-name{color:#2d3748;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.product-description{color:#6c757d;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.product-price{font-size:1.5rem}.product-actions{display:flex;gap:1rem}.add-to-cart-btn{border:none;border-radius:12px;cursor:pointer;flex:1;font-weight:600;padding:1rem;transition:all .3s ease}.add-to-cart-btn.add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-to-cart-btn.add:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.add-to-cart-btn.remove{background:#fed7d7;border:2px solid #feb2b2;color:#e53e3e}.add-to-cart-btn.remove:hover{background:#e53e3e;color:#fff;transform:translateY(-2px)}.cart-summary{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #9ae6b4;border-radius:16px;margin-bottom:3rem;padding:2rem}.cart-info h3{color:#22543d;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.cart-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cart-item{align-items:center;background:#fff;border:1px solid #9ae6b4;border-radius:12px;display:flex;justify-content:space-between;padding:1rem}.cart-item span:first-child{color:#2d3748;font-weight:600}.cart-item span:last-child{color:#48bb78;font-size:1.125rem;font-weight:700}.cart-total{background:#fff;border:2px solid #48bb78;border-radius:12px;padding:1.5rem;text-align:center}.cart-total strong{color:#22543d;font-size:1.5rem}@media (max-width:768px){.products-grid{gap:1.5rem;grid-template-columns:1fr}.product-card{padding:1rem}.product-image{height:150px}.image-colors{padding:.5rem}.product-color{height:25px;width:25px}.cart-summary{padding:1.5rem}.cart-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.color-strip{gap:.25rem}.color-chip{height:40px;width:40px}.product-image{height:120px}.product-color{height:20px;width:20px}.wishlist-btn{height:35px;width:35px}.selected-indicator{height:40px;width:40px}.product-name{font-size:1.125rem}.product-price{font-size:1.25rem}}.checkout{margin:0 auto;max-width:1000px}.checkout-container{display:grid;gap:3rem;grid-template-columns:1fr 1.5fr}.order-summary{background:#f8f9fa;border:1px solid #e2e8f0;height:fit-content;position:sticky;top:2rem}.order-summary h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.selected-colors-checkout{margin-bottom:2rem}.selected-colors-checkout h4{color:#4a5568;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.checkout-colors{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.checkout-color{border:3px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:40px;width:40px}.product-list{margin-bottom:2rem}.checkout-product{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.product-details h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.25rem}.product-details p{color:#6c757d;font-size:.875rem}.product-price{color:#48bb78;font-size:1.125rem;font-weight:700}.order-total{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.shipping,.subtotal{color:#6c757d;margin-bottom:.5rem}.shipping,.subtotal,.total{display:flex;justify-content:space-between}.total{border-top:2px solid #e2e8f0;color:#2d3748;font-size:1.25rem;padding-top:1rem}.payment-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.form-header{align-items:center;color:#667eea;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.form-header h3{color:#2d3748;font-size:1.75rem;font-weight:700}.customer-info{margin-bottom:2rem}.customer-info h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.form-row{margin-bottom:1rem}.form-row input{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.form-row input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row-group{display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:1rem}.payment-details{margin-bottom:2rem}.payment-details h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.card-element-container{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:border-color .3s ease}.card-element-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.card-element-container svg{color:#6c757d;flex-shrink:0}.payment-actions{gap:1rem}.back-btn,.payment-actions{align-items:center;display:flex}.back-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#6c757d;cursor:pointer;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.back-btn:hover{background:#e9ecef;transform:translateY(-1px)}.pay-btn{align-items:center;animation:payButtonGlow 4s ease infinite;background:linear-gradient(135deg,#48bb78,#38a169 25%,#2d8659 50%,#22c55e 75%,#16a34a);background-size:300% 300%;border:none;border-radius:20px;box-shadow:0 12px 40px #48bb7866,inset 0 2px 0 #ffffff4d;color:#fff;cursor:pointer;display:flex;flex:1;font-size:1.25rem;font-weight:800;gap:.75rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1.5rem 2.5rem;position:relative;text-shadow:0 1px 3px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1)}.pay-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.pay-btn:hover:not(:disabled){animation-duration:2s;box-shadow:0 20px 60px #48bb7899,0 0 0 2px #fff6,inset 0 3px 0 #ffffff80;transform:translateY(-4px) scale(1.02)}.pay-btn:hover:not(:disabled):before{left:100%}@keyframes payButtonGlow{0%,to{background-position:0 50%;box-shadow:0 12px 40px #48bb7866,inset 0 2px 0 #ffffff4d}50%{background-position:100% 50%;box-shadow:0 15px 50px #48bb7880,inset 0 2px 0 #fff6}}.pay-btn:disabled{cursor:not-allowed;opacity:.5}.processing-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.security-note{color:#6c757d;font-size:.875rem;margin-top:1.5rem;text-align:center}.payment-success{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.success-icon{color:#48bb78;margin-bottom:2rem}.payment-success h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.payment-success>p{color:#6c757d;font-size:1.25rem;margin-bottom:3rem}.order-summary{background:#f0fff4;border:2px solid #9ae6b4;border-radius:16px;margin-bottom:3rem;padding:2rem;text-align:left}.purchased-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.purchased-item{background:#fff;border:1px solid #c6f6d5;border-radius:12px;display:flex;justify-content:space-between;padding:1rem}.final-total{background:#fff;border:2px solid #48bb78;border-radius:12px;color:#22543d;font-size:1.5rem;padding:1.5rem;text-align:center}.color-reference-final{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.color-reference-final h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.final-colors{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.final-color{border:3px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:50px;width:50px}@media (max-width:768px){.checkout-container{gap:2rem;grid-template-columns:1fr}.order-summary{position:static}.form-row-group{gap:1rem;grid-template-columns:1fr}.payment-actions{flex-direction:column}.back-btn,.pay-btn{justify-content:center;width:100%}.payment-success{padding:2rem 1rem}.payment-success h2{font-size:2rem}}@media (max-width:480px){.order-summary,.payment-form{padding:1.5rem}.form-header h3{font-size:1.5rem}.customer-info h4,.payment-details h4{font-size:1.125rem}.checkout-colors{gap:.25rem}.checkout-color{height:35px;width:35px}.final-colors{gap:.25rem}.final-color{height:40px;width:40px}}
/*# sourceMappingURL=main.044768b1.css.map*/