.section-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}.kyc-step{transform:translate(100px);opacity:0;transition:all .5s ease}.kyc-step.active{transform:translate(0);opacity:1}.product-3d-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;overflow:hidden}.progress-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .5s ease}.payment-method-card{border:3px solid transparent;transition:all .3s ease;cursor:pointer}.payment-method-card.selected{border-color:#10b981;background-color:#10b9810d}.receipt-paper{background:repeating-linear-gradient(0deg,#f8fafc,#f8fafc 24px,#e5e7eb 24px 25px)}.floating-label{position:absolute;top:-10px;left:12px;background-color:#fff;padding:0 8px;font-size:12px;color:#6b7280}.mockup-controls{position:absolute;bottom:20px;right:20px;z-index:10}@media(max-width:768px){.section-container{margin:1rem!important;padding:1.5rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.animate-pulse-ring{animation:pulse-ring 2s infinite}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{font-family:Inter,sans-serif}.product-tab{transition:all .3s ease}.product-tab.active{background-color:#3b82f6;color:#fff;box-shadow:0 4px 6px #3b82f64d}.product-type-card{border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease}.product-type-card:hover{border-color:#93c5fd;transform:translateY(-2px)}.product-type-card.active{border-color:#3b82f6;background-color:#eff6ff}.color-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#3b82f6;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.print-color-btn,.quantity-btn{padding:8px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease}.print-color-btn.active,.quantity-btn.active{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6;font-weight:600}.print-color-btn:hover,.quantity-btn:hover{border-color:#93c5fd}.currency-tab{transition:all .3s ease}.currency-tab.active{background-color:#3b82f6;color:#fff;box-shadow:0 4px 6px #3b82f64d}.mockup-control-btn{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a}#threejs-container{width:100%;height:400px;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:16px;overflow:hidden;position:relative}#threejs-canvas{width:100%;height:100%}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.upload-area.dragover{border-color:#3b82f6;background-color:#dbeafe;transform:scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}