@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #050508;--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .08);--accent-primary: #ff2e95;--accent-secondary: #7000ff;--accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--accent-glow: rgba(112, 0, 255, .3);--text-main: #ffffff;--text-dim: #94a3b8;--glass-blur: blur(20px)}.error-banner{background:#ff2e9526;border:1px solid rgba(255,46,149,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:10px 16px;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#ff9ecb;font-size:.85rem;animation:slideInDown .3s ease-out;cursor:pointer;transition:all .2s ease;position:relative;z-index:1000}.error-banner:hover{background:#ff2e9533;transform:translateY(-1px)}.error-banner span{flex:1;line-height:1.4}.close-error{opacity:.5;transition:opacity .2s}.error-banner:hover .close-error{opacity:1}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.4;overflow-x:hidden;min-height:100%;width:100%;position:relative}#root{height:100%;width:100%}.bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(255,46,149,.15),transparent 50%),radial-gradient(circle at 20% 80%,rgba(112,0,255,.15),transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,46,149,.05),transparent 60%);z-index:-1;pointer-events:none}.container{max-width:650px;width:100%;margin:0 auto;padding:1rem 10px;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.login-view{max-width:700px!important;width:98%!important;padding:2.5rem 0!important;margin:0 auto}header{text-align:center;margin-bottom:.5rem;flex-shrink:0}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 0}.logo{font-size:1.75rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;filter:drop-shadow(0 0 10px rgba(255,46,149,.2))}header p{color:var(--text-dim);font-size:.9rem;font-weight:300;letter-spacing:.5px}.main-content{flex:1;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-bottom:1.5rem;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}.section-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:20px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 32px #0003}.section-header{display:flex;align-items:center;gap:12px}.section-header h3{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.upload-zone{height:140px;border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff04;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent-primary);background:#ffffff08}.upload-zone.dragging{border-color:var(--accent-secondary);background:#7000ff0d;transform:scale(.98)}.upload-zone p{font-size:.85rem;font-weight:500;color:var(--text-dim);margin-top:8px}.preview-container{position:absolute;inset:0;z-index:2}.preview-container img{width:100%;height:100%;object-fit:contain;background:#000}.mode-toggle-bar{display:flex;background:#ffffff08;border:1px solid var(--border-color);border-radius:14px;padding:4px;gap:4px;margin-bottom:.25rem}.mode-tab{flex:1;background:transparent;border:none;padding:.6rem;border-radius:10px;color:var(--text-dim);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #ff2e954d}.styles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.style-btn{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-main)}.style-btn .emoji{font-size:1.75rem;transition:transform .3s ease}.style-btn .label{font-size:.85rem;font-weight:500}.style-btn:hover{background:var(--card-hover);transform:translateY(-2px)}.style-btn.active{background:#ffffff14;border-color:var(--accent-primary);box-shadow:0 0 20px #ff2e9526}.style-btn.active .emoji{transform:scale(1.2)}.actions{flex-shrink:0;padding-top:.5rem}.generate-btn{width:100%;padding:1.4rem;border-radius:20px;border:none;background:var(--accent-gradient);color:#fff;font-size:1.15rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 30px #ff2e954d;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px}.generate-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.01);box-shadow:0 20px 40px #ff2e9566}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn.is-cooking{opacity:1!important;background:linear-gradient(135deg,#ff2e95,#ff7a2e,#ff2e95);background-size:200% auto;animation:cooking-pulse 1.5s infinite cubic-bezier(.4,0,.2,1),shimmer-heat 3s infinite linear;position:relative;overflow:hidden}.generate-btn.is-cooking:after{content:"❤️";position:absolute;right:20%;bottom:-10px;font-size:12px;opacity:0;animation:ember-fly 2s infinite ease-out}.generate-btn.is-cooking:before{content:"❤️";position:absolute;left:20%;bottom:-10px;font-size:10px;opacity:0;animation:ember-fly 2.5s infinite ease-out .5s}@keyframes cooking-pulse{0%{transform:scale(1);box-shadow:0 12px 25px #ff2e9566}50%{transform:scale(1.03);box-shadow:0 18px 45px #ff7a2e99}to{transform:scale(1);box-shadow:0 12px 25px #ff2e9566}}@keyframes shimmer-heat{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes ember-fly{0%{transform:translateY(0) scale(.5) rotate(0);opacity:0}30%{opacity:.8}to{transform:translateY(-50px) scale(1.5) rotate(45deg);opacity:0}}.result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#121214d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:#0e0e16;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:2.5rem 1.75rem 2rem;width:calc(100% - 2rem);max-width:500px;box-shadow:0 20px 60px #000000b3,0 0 40px #ff2e9526;position:relative;display:flex;flex-direction:column;animation:slideUpModal .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-result{position:absolute;top:1rem;right:1rem;background:#ffffff0d;border:none;color:var(--text-main);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-result:hover{background:#ffffff1a}.result-modal-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-main)}.result-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:1.5rem 1.75rem;border-radius:18px;font-size:1.5rem;line-height:1.8;color:#fff;position:relative;max-height:320px;overflow-y:auto;font-style:normal;font-weight:400;letter-spacing:.01em}.copy-btn-large.copied{background:#34a853!important;box-shadow:0 5px 20px #34a85366!important}.result-bubble::-webkit-scrollbar{width:6px}.result-bubble::-webkit-scrollbar-track{background:transparent}.result-bubble::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.auth-btn-header{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-btn-header:hover{background:#ffffff1a;transform:translateY(-1px)}.auth-btn-header.logout{color:#ff4b4b;border-color:#ff4b4b33}.status-pill{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-top:-4px;display:inline-block}.status-pill.free{background:#94a3b81a;color:var(--text-dim);border:1px solid rgba(148,163,184,.2)}.status-pill.pro{background:#ffdc4b1a;color:#ffdc4b;border:1px solid rgba(255,220,75,.3)}.settings-btn-v2{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dim);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.settings-btn-v2:hover{background:var(--card-hover);color:var(--text-main)}.copy-btn-icon{position:absolute;top:12px;right:12px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-dim);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.copy-btn-icon:hover{background:#ffffff1a;color:var(--text-main);transform:scale(1.05)}.copy-btn-icon:active{transform:scale(.95)}.loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block;margin-left:10px}@keyframes spin{to{transform:rotate(360deg)}}.onboarding-flow{padding:2rem 1.5rem;justify-content:flex-start;gap:2rem}.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff0d}.progress-bar{height:100%;background:var(--accent-gradient);transition:width .3s ease}.onboarding-header{text-align:center;margin-top:1rem}.onboarding-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.onboarding-header p{color:var(--text-dim);font-size:1rem}.options-grid{display:flex;flex-direction:column;gap:.75rem;width:100%}.option-card{background:#ffffff08;border:1px solid var(--border-color);padding:1.25rem;border-radius:18px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s ease;color:var(--text-main);text-align:left;width:100%}.option-card:active{background:#ffffff14;border-color:var(--accent-primary);transform:scale(.98)}.option-emoji{font-size:1.5rem}.option-label{font-size:1rem;font-weight:500}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-main);font-size:.95rem;font-weight:600;padding:.9rem 2rem;border-radius:14px;cursor:pointer;text-decoration:none;margin-top:auto;align-self:center;transition:all .2s ease}.back-btn:hover{background:#ffffff0d;border-color:#fff6}.login-view{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100vh}.login-hero{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.mascot-container-large{width:90px;height:90px;background:linear-gradient(135deg,#ff2e9533,#7000ff33);border:2px solid rgba(255,46,149,.5);border-radius:30px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 0 40px #ff2e954d,inset 0 0 20px #7000ff33;transform:rotate(-5deg)}.logo-large{font-size:3.2rem;font-weight:900;background:linear-gradient(to right,#ff2e95,#ff8b3d,#7000ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px;margin-bottom:8px;filter:drop-shadow(0 4px 15px rgba(255,46,149,.3))}.login-tagline{font-size:1.15rem;color:var(--text-main);font-weight:600;margin-bottom:6px}.login-desc{font-size:.9rem;color:var(--text-dim);max-width:85%;line-height:1.4}.login-form-container{width:100%;max-width:440px;background:#ffffff05;border:1px solid var(--border-color);padding:2rem 1rem;border-radius:20px;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.cupi-input{width:100%;background:#1a1b26!important;border:1px solid rgba(255,255,255,.08);padding:1rem 1.25rem;border-radius:12px;color:var(--text-main);font-size:1rem;font-family:inherit;transition:all .2s ease;outline:none}.cupi-input.with-icon{padding-left:3rem}.input-icon-wrapper{position:relative;width:100%}.input-icon-wrapper .input-icon-left{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.password-toggle-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle-btn:hover{color:#fff}.cupi-input:-webkit-autofill,.cupi-input:-webkit-autofill:hover,.cupi-input:-webkit-autofill:focus,.cupi-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #1a1b26 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}.cupi-input:focus{background:#ffffff14;border-color:var(--accent-primary);box-shadow:0 0 15px #ff2e9533}.auth-submit{margin-top:5px;padding:1rem 1.4rem}.auth-switch{font-size:.85rem;color:var(--text-dim);text-decoration:underline;cursor:pointer;margin-top:10px;transition:color .2s ease}.auth-switch:hover{color:var(--text-main)}.auth-divider{width:100%;display:flex;align-items:center;font-size:.8rem;color:var(--text-dim);margin:0;text-transform:uppercase;letter-spacing:1px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1);margin:0 15px}.auth-options{display:flex;flex-direction:column;gap:12px;width:100%;padding:0}.google-btn{background:var(--accent-gradient);color:#fff;border:none;padding:1rem 1.4rem;border-radius:20px;font-weight:800;font-size:1.15rem;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:0 8px 25px #ff2e9533;text-transform:uppercase;letter-spacing:1px}.google-btn:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 30px #ff2e9559}.google-btn:active{transform:translateY(0)}.google-btn svg path{fill:currentColor!important}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#121214d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;padding:.75rem 0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:1000}.nav-item{background:transparent;border:none;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.nav-item.active{color:#ff2e95}.nav-item:hover:not(.active){color:var(--text-main)}.user-profile-tab{display:flex;flex-direction:column;gap:2rem;padding-top:1rem}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:80px;height:80px;background:#ff2e951a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 20px #ff2e9533}.profile-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.profile-email{color:var(--text-dim);font-size:.95rem}.profile-actions-list{display:flex;flex-direction:column;gap:1rem;width:100%}.profile-action-btn{background:#ffffff08;border:1px solid var(--border-color);padding:1.25rem;border-radius:16px;display:flex;align-items:center;gap:15px;color:var(--text-main);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.profile-action-btn:hover{background:#ffffff0f;border-color:#fff3}.logout-btn{margin-top:1rem;color:#ff4757;border-color:#ff475733;background:#ff47570d}.logout-btn:hover{background:#ff47571a;border-color:#ff475766}.subscription-view{position:relative;padding:1rem 1rem 2rem;display:block;height:100vh!important;overflow-y:auto;text-align:center;scrollbar-width:none}.subscription-view::-webkit-scrollbar{display:none}.subscription-view .sub-title{font-size:1.8rem;font-weight:800;margin-bottom:1.25rem;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plans-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto}.plan-card-v2{position:relative;background:#ffffff08;border:1px solid var(--border-color);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;transition:all .2s ease}.plan-card-v2.featured{background:#ff2e950d;border-color:#ff2e9566;box-shadow:0 0 30px #ff2e9526;transform:scale(1.02)}.plan-tag{position:absolute;top:-12px;background:var(--accent-gradient);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tag-offer{background:linear-gradient(135deg,#ff9a9e,#fecfef 99% 100%);color:#333}.plan-name{font-size:1.25rem;font-weight:600;color:var(--text-dim);margin-bottom:.5rem}.plan-card-v2.featured .plan-name{color:var(--text-main)}.plan-price-box{display:flex;align-items:baseline;gap:4px;margin-bottom:.5rem}.plan-price-main{font-size:1.8rem;font-weight:800;color:var(--text-main)}.plan-price-period{font-size:1rem;color:var(--text-dim)}.plan-subtext{font-size:.8rem;color:var(--text-dim);margin-bottom:.75rem}.plan-features-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px}.plan-feature-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-main);text-align:left}.pro-submit-btn{background:var(--accent-gradient);color:#fff;border:none;padding:1rem;border-radius:16px;font-size:1.05rem;font-weight:700;cursor:pointer;margin-top:.75rem;width:100%;transition:all .2s ease;box-shadow:0 5px 20px #ff2e954d}.pro-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff2e9566}.back-nav-btn{position:absolute;top:1.5rem;left:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.back-nav-btn:hover{background:#ffffff1a;transform:scale(1.05)}.plan-card-v2{cursor:pointer}.plan-card-v2:not(.featured):hover{background:#ffffff0f;border-color:#fff3}.plan-card-v2.active-selection{border:2px solid var(--accent-primary)}.hidden-footer p{font-size:.8rem;color:var(--text-dim);margin-top:1rem}.crop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050508bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.crop-modal{background:#0d0d14;border:1px solid rgba(255,255,255,.08);border-radius:24px 24px 0 0;padding:1.5rem 1.25rem;width:100%;max-width:560px;display:flex;flex-direction:column;gap:1rem;animation:slideUpModal .3s cubic-bezier(.175,.885,.32,1.275)}.crop-modal-header{display:flex;align-items:center;gap:12px}.crop-header-icon{width:36px;height:36px;background:#ff2e951a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crop-modal-header h3{font-size:1rem;font-weight:700;color:var(--text-main)}.crop-modal-header p{font-size:.8rem;color:var(--text-dim)}.crop-image-container{border-radius:12px;overflow:visible;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;padding:10px;box-sizing:border-box}.crop-image-container .ReactCrop{overflow:visible!important;border-radius:8px}.crop-image-container .ReactCrop__child-wrapper{overflow:visible!important}.crop-hint{font-size:.8rem;color:var(--text-dim);text-align:center}.crop-actions{display:flex;gap:.75rem;margin-top:.25rem}.ReactCrop__crop-selection,.ReactCrop__crop-selection *{border:none!important;outline:none!important}.ReactCrop__crop-selection{box-shadow:none!important;background:transparent!important}.ReactCrop *[class*=crop-selection]{border:0!important;outline:0!important}.ReactCrop__rule-of-thirds-hz,.ReactCrop__rule-of-thirds-vt{display:none!important}.ReactCrop__drag-handle{background:none!important;border:none!important;width:32px!important;height:32px!important;opacity:1!important}.ReactCrop__drag-handle:after{display:none!important}.ReactCrop__drag-handle.ord-nw{top:-4px!important;left:-4px!important}.ReactCrop__drag-handle.ord-ne{top:-4px!important;right:-4px!important}.ReactCrop__drag-handle.ord-sw{bottom:-4px!important;left:-4px!important}.ReactCrop__drag-handle.ord-se{bottom:-4px!important;right:-4px!important}.ReactCrop__drag-handle.ord-n,.ReactCrop__drag-handle.ord-s,.ReactCrop__drag-handle.ord-e,.ReactCrop__drag-handle.ord-w{display:none!important}.ReactCrop__drag-handle.ord-nw:before,.ReactCrop__drag-handle.ord-ne:before,.ReactCrop__drag-handle.ord-sw:before,.ReactCrop__drag-handle.ord-se:before{content:"";position:absolute;width:28px;height:28px;border-color:#ff2e95;border-style:solid;border-radius:3px}.ReactCrop__drag-handle.ord-nw:before{top:0;left:0;border-width:5px 0 0 5px;border-radius:3px 0 0}.ReactCrop__drag-handle.ord-ne:before{top:0;right:0;border-width:5px 5px 0 0;border-radius:0 3px 0 0}.ReactCrop__drag-handle.ord-sw:before{bottom:0;left:0;border-width:0 0 5px 5px;border-radius:0 0 0 3px}.ReactCrop__drag-handle.ord-se:before{bottom:0;right:0;border-width:0 5px 5px 0;border-radius:0 0 3px}.clear-image-btn{position:absolute;top:8px;right:8px;z-index:20;width:28px;height:28px;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clear-image-btn:hover{background:#ff4757b3;border-color:#ff475780;transform:scale(1.1)}.testimonials-section{margin-top:1.5rem;padding:0 1rem 1rem;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.testimonials-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.15rem;font-weight:700;margin-bottom:2rem;color:var(--text-main)}.testimonials-grid{display:flex;flex-direction:column;gap:16px}.testimonial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px);background:#ffffff0d}.stars{color:#ffb800;margin-bottom:1rem;font-size:1rem;letter-spacing:2px}.testimonial-text{font-style:italic;font-size:1.05rem;line-height:1.6;color:var(--text-dim);margin-bottom:1.25rem}.testimonial-author{font-size:.9rem;font-weight:700;color:var(--accent-primary);display:flex;align-items:center;gap:6px}.login-carousel{width:100%;margin:1.5rem 0;overflow:hidden;position:relative;min-height:280px;touch-action:pan-y}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1);height:100%}.carousel-slide{min-width:100%;padding:0 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.slide-visual-container{height:220px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative}.mockup-phone{width:130px;height:200px;background:#0f0a14;border:4px solid #1f1a24;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080;transform:perspective(1000px) rotateX(10deg)}.mockup-chat{padding:10px;display:flex;flex-direction:column;gap:8px}.bubble-out,.bubble-in{font-size:8px;padding:6px 10px;border-radius:10px;max-width:80%}.bubble-out{background:#333;align-self:flex-start}.bubble-in{background:var(--accent-primary);align-self:flex-end;color:#fff}.upload-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#ff2e9533;border:1px dashed var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.mockup-styles{display:flex;flex-direction:column;gap:10px;width:140px}.style-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:15px;font-size:11px;display:flex;align-items:center;gap:8px}.style-bubble.active{border-color:var(--accent-primary);background:#ff2e951a;box-shadow:0 0 15px #ff2e9533}.mockup-result{width:150px;display:flex;flex-direction:column;gap:12px;align-items:center}.result-badge{font-size:9px;background:#ffffff1a;padding:4px 8px;border-radius:20px;color:#888}.result-bubble{background:linear-gradient(135deg,#2b1a35,#1a0f20);border:1px solid var(--accent-primary);padding:12px;border-radius:15px;font-size:15px;line-height:1.4;font-style:italic;text-align:center;box-shadow:0 5px 15px #ff2e951a}.result-tag{font-size:10px;color:#4caf50;font-weight:700}.slide-step{font-size:12px;color:var(--accent-primary);font-weight:500;margin-bottom:.5rem;display:block;opacity:.8}.slide-glow{position:absolute;width:80%;height:80%;background:var(--accent-gradient);filter:blur(40px);opacity:.15;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel-slide h3{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.carousel-slide p{color:var(--text-dim);font-size:.95rem;line-height:1.5;max-width:300px}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:1.5rem}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a;transition:all .3s ease;cursor:pointer}.dot.active{background:var(--accent-primary);width:24px;border-radius:4px}.login-action-area{margin-top:2rem;width:100%}.btn-secondary-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:1rem;border-radius:16px;font-weight:600;width:100%;margin-top:1rem;cursor:pointer;transition:all .2s ease}.btn-secondary-outline:hover{background:#ffffff0d;border-color:#fff3}.login-fade-in{width:100%;max-width:440px;animation:fadeInDown .4s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.testimonials-grid{flex-direction:row;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none}.testimonial-card{min-width:280px;flex:1}}.pwa-toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:400px;z-index:5000;pointer-events:none}.pwa-toast{pointer-events:auto;background:#0d0d14f2;border:1px solid rgba(255,46,149,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1rem 1.25rem;box-shadow:0 10px 40px #0009,0 0 20px #ff2e9526;display:flex;flex-direction:column;gap:1rem;animation:slideUpPWA .4s cubic-bezier(.175,.885,.32,1.275)}.pwa-toast-message{display:flex;align-items:center;gap:12px}.pwa-icon-box{width:40px;height:40px;background:#ff2e951a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.pwa-text{flex:1;font-size:.95rem;font-weight:500;color:#fff;line-height:1.4}.pwa-actions{display:flex;gap:8px}.pwa-refresh-btn{flex:1;background:var(--accent-gradient);color:#fff;border:none;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.pwa-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer}.animate-spin-slow{animation:spin 3s linear infinite}@keyframes slideUpPWA{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}