:root{--gold-50:#fbf9f5;--gold-100:#f6efe1;--gold-200:#ecdcc3;--gold-300:#e0c59e;--gold-400:#d4ae78;--gold-500:#c1955b;--gold-600:#a57841;--gold-700:#81592c;--lavender-50:#faf6fc;--lavender-100:#f3e8fa;--lavender-200:#e8cbf5;--lavender-300:#d8b2ec;--lavender-400:#c094dd;--lavender-500:#a476ca;--lavender-600:#8657ad;--dark-50:#f5f5f6;--dark-100:#1a1a22;--dark-200:#12131a;--dark-300:#0e0f14;--dark-400:#0a0b0e;--dark-500:#06070a;--bg-primary:#06080c;--bg-secondary:#0b0d14;--bg-card:#0e101a73;--glass-border:#d4ae781f;--glass-border-active:#e8cbf559;--text-primary:#f6f3ed;--text-secondary:#b5aebd;--text-gold:#d4ae78;--text-lavender:#d8b2ec;--shadow-gold:0 4px 30px #c1955b26;--shadow-gold-lg:0 8px 45px #e8cbf526, 0 4px 20px #c1955b1a;--shadow-dark:0 10px 40px #0009;--shadow-lavender-glow:0 0 25px #e8cbf540;--gradient-gold:linear-gradient(135deg, #c1955b 0%, #d4ae78 25%, #ecdcc3 50%, #d4ae78 75%, #c1955b 100%);--gradient-lavender-gold:linear-gradient(135deg, #e8cbf5 0%, #d4ae78 100%);--gradient-gold-subtle:linear-gradient(135deg, #c1955b14, #e8cbf50d);--gradient-bg:radial-gradient(circle at center, #0e111a 0%, #06080c 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.glow-container{z-index:-1;pointer-events:none;background:#06080c;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.glow-blob-1{filter:blur(80px);background:radial-gradient(circle,#e8cbf51f 0%,#e8cbf500 70%);border-radius:50%;width:70vw;max-width:700px;height:70vw;max-height:700px;animation:25s ease-in-out infinite alternate float-blob-1;position:absolute;top:-15%;left:-15%}.glow-blob-2{filter:blur(80px);background:radial-gradient(circle,#d4ae7814 0%,#d4ae7800 70%);border-radius:50%;width:75vw;max-width:750px;height:75vw;max-height:750px;animation:30s ease-in-out infinite alternate float-blob-2;position:absolute;bottom:-15%;right:-15%}.glow-blob-3{filter:blur(70px);background:radial-gradient(circle,#e8cbf512 0%,#e8cbf500 70%);border-radius:50%;width:50vw;max-width:500px;height:50vw;max-height:500px;animation:20s ease-in-out infinite alternate float-blob-3;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,50px)scale(1.1)}to{transform:translate(-50px,100px)scale(.95)}}@keyframes float-blob-2{0%{transform:translate(0)scale(.95)}50%{transform:translate(-80px,-100px)scale(1.15)}to{transform:translate(50px,60px)scale(1)}}@keyframes float-blob-3{0%{transform:translate(0)scale(1.1)}50%{transform:translate(60px,-40px)scale(.9)}to{transform:translate(-40px,60px)scale(1.05)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(25px);border:1px solid #ffffff14;border-radius:24px;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff14}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}.font-display{letter-spacing:-.2px;font-family:Playfair Display,serif}.btn-gold{background:var(--gradient-gold);color:#17120a;cursor:pointer;letter-spacing:.5px;width:100%;box-shadow:var(--shadow-gold-lg);background-size:300% 300%;border:none;border-radius:16px;padding:16px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-gold:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-gold:hover{box-shadow:var(--shadow-lavender-glow), var(--shadow-gold-lg);filter:brightness(1.05);transform:translateY(-2px)}.btn-gold:hover:before{left:100%}.btn-gold:active:not(:disabled){transform:scale(.97)translateY(0)}.btn-gold:disabled{color:#ffffff40;box-shadow:none;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff0d}.btn-gold:disabled:before{display:none}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.category-card{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.category-card:after{content:"";-webkit-mask-composite:destination-out;opacity:0;background:linear-gradient(135deg,#e8cbf580,#d4ae7880) border-box;border:1.5px solid #0000;border-radius:18px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.category-card:hover{background:#e8cbf50a;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 25px #e8cbf514}.category-card:hover:after{opacity:.5}.category-card.selected{box-shadow:var(--shadow-gold), 0 0 20px #e8cbf51f;background:linear-gradient(135deg,#d4ae781f 0%,#e8cbf514 100%);transform:translateY(-2px)}.category-card.selected:after{opacity:1}.category-card .icon{filter:drop-shadow(0 4px 10px #d4ae7833);font-size:32px;line-height:1;transition:transform .4s}.category-card:hover .icon{transform:scale(1.15)rotate(2deg)}.category-card .label{color:var(--text-secondary);font-size:13px;font-weight:600;transition:color .3s}.category-card.selected .label{color:var(--text-gold)}.category-card:hover .label{color:var(--text-primary)}.upload-area{text-align:center;cursor:pointer;background:var(--gradient-gold-subtle);border:1.5px dashed #e8cbf540;border-radius:20px;padding:44px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-area:hover{border-color:var(--gold-400);background:#e8cbf50f;box-shadow:0 0 25px #e8cbf50f,inset 0 0 15px #d4ae780a}.upload-area:active{transform:scale(.98)}.upload-area.has-image{background:#0e101a99;border-style:solid;border-color:#d4ae7866;padding:16px}.upload-area .upload-icon{filter:drop-shadow(0 6px 12px #e8cbf54d);margin-bottom:16px;font-size:52px;transition:transform .4s;display:block}.upload-area:hover .upload-icon{transform:translateY(-4px)scale(1.08)}.upload-area .upload-title{color:var(--text-gold);letter-spacing:.2px;margin-bottom:8px;font-size:15px;font-weight:600}.upload-area .upload-desc{color:var(--text-secondary);font-size:12px;line-height:1.6}.preview-container{box-shadow:var(--shadow-dark);border-radius:16px;margin-top:12px;position:relative;overflow:hidden}.preview-img{object-fit:cover;border-radius:16px;width:100%;max-height:320px;transition:transform .6s}.preview-container:hover .preview-img{transform:scale(1.03)}.remove-btn{color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:10;background:#06080cbf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.remove-btn:hover{background:#dc3545d9;border-color:#0000;transform:scale(1.1)rotate(90deg);box-shadow:0 4px 12px #dc354566}.status-panel{text-align:center;padding:40px 24px}.spinner{border:3px solid #e8cbf526;border-top-color:var(--text-gold);border-right-color:var(--text-lavender);border-radius:50%;width:56px;height:56px;margin:0 auto 24px;animation:1s cubic-bezier(.55,.085,.68,.53) infinite spin;box-shadow:0 0 15px #e8cbf51a}@keyframes spin{to{transform:rotate(360deg)}}.progress-dots{justify-content:center;gap:12px;margin-top:24px;display:flex}.dot{background:#ffffff14;border:1px solid #ffffff0d;border-radius:50%;width:12px;height:12px;transition:all .5s cubic-bezier(.4,0,.2,1)}.dot.active{background:var(--gradient-lavender-gold);box-shadow:var(--shadow-lavender-glow), 0 0 10px #d4ae784d;border-color:#0000;animation:1.6s infinite pulse-dot}.dot.done{background:var(--gold-400);border-color:#0000}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.result-panel{text-align:center;padding:36px 24px;box-shadow:var(--shadow-gold-lg)!important;border-color:#d4ae7866!important}.video-preview{width:100%;max-height:400px;box-shadow:var(--shadow-dark), var(--shadow-gold);border:1px solid #ffffff0d;border-radius:20px;margin-bottom:24px}.btn-download{background:var(--gradient-gold);color:#17120a;text-align:center;width:100%;box-shadow:var(--shadow-gold-lg);background-size:300% 300%;border-radius:16px;margin-bottom:14px;padding:15px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .4s;display:block;position:relative;overflow:hidden}.btn-download:hover{box-shadow:var(--shadow-lavender-glow), var(--shadow-gold-lg);transform:translateY(-2px)}.btn-outline{width:100%;color:var(--text-gold);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1.5px solid #d4ae7859;border-radius:16px;padding:14px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-outline:hover,.btn-outline.selected{border-color:var(--lavender-300);color:var(--text-lavender);background:#e8cbf512;transform:translateY(-1.5px);box-shadow:0 0 15px #e8cbf51a}.btn-outline:active{transform:translateY(0)}.error-panel{text-align:center;color:#ff6b6b;background:#dc35450f;border-radius:24px;padding:30px 24px;box-shadow:0 8px 32px #dc35451a;border:1.5px solid #dc354540!important}.footer{text-align:center;color:var(--text-secondary);opacity:.6;letter-spacing:.5px;padding:16px 20px;font-size:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@media (max-width:480px){.category-grid{gap:8px}.category-card{border-radius:14px;padding:18px 8px}.category-card:after{border-radius:14px}.category-card .icon{font-size:26px}.upload-area{border-radius:16px;padding:36px 16px}.btn-gold,.btn-outline,.btn-download{border-radius:12px;padding:13px 20px}.glass-panel{border-radius:20px}}.glass-input{width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s}.glass-input:focus{border-color:var(--gold-400);background:#ffffff0a;box-shadow:0 0 15px #d4ae7826}.accordion-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.accordion-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-item:hover{background:#ffffff08;border-color:#e8cbf526}.accordion-item.active{background:#0e101a4d;border-color:#e8cbf540;box-shadow:0 8px 24px #0003}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.accordion-title{color:var(--text-primary);letter-spacing:.2px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.accordion-arrow{color:var(--text-secondary);font-size:11px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-item.active .accordion-arrow{color:var(--text-gold);transform:rotate(180deg)}.accordion-content{max-height:0;padding:0 20px;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.accordion-item.active .accordion-content{border-top:1px solid #ffffff0a;max-height:400px;padding:8px 20px 20px}.accordion-category-list{grid-template-columns:repeat(3,1fr);gap:10px;max-height:260px;padding-right:4px;display:grid;overflow-y:auto}.accordion-category-list::-webkit-scrollbar{width:5px}.accordion-category-list::-webkit-scrollbar-track{background:0 0}.accordion-category-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.accordion-category-card{text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;padding:12px 10px;transition:all .3s;display:flex}.accordion-category-card:hover{border-color:var(--gold-300);background:#ffffff0f}.accordion-category-card.selected{border-color:var(--gold-400);background:linear-gradient(135deg,#d4ae781f 0%,#e8cbf50f 100%);box-shadow:0 0 15px #e8cbf51f}.accordion-category-card .label{color:var(--text-secondary);word-break:break-word;font-size:13px;font-weight:600;transition:color .3s}.accordion-category-card.selected .label{color:var(--text-gold)}.accordion-category-card:hover .label{color:var(--text-primary)}.segment-wrapper{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;padding:6px;display:grid}.segment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.segment-btn:hover{color:var(--text-primary);background:#ffffff05}.segment-btn.selected{color:var(--text-primary);background:linear-gradient(135deg,#d4ae782e 0%,#e8cbf51f 100%);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff0d}@media (max-width:480px){.accordion-category-list{grid-template-columns:repeat(2,1fr);gap:8px}.segment-wrapper{grid-template-columns:1fr;gap:4px}}.theme-women,.theme-men{background:var(--bg-primary);color:var(--text-primary);width:100%;min-height:100dvh;transition:background .5s,color .5s}.theme-women{--bg-primary:#fff5f7;--bg-secondary:#fff;--bg-card:#ffffffbf;--glass-border:#d49ba333;--glass-border-active:#c094dd73;--text-primary:#2d1a1e;--text-secondary:#5e484d;--text-gold:#cc8c95;--text-lavender:#9c68c2;--shadow-gold:0 4px 20px #d49ba314;--shadow-gold-lg:0 8px 30px #c094dd1f, 0 4px 15px #d49ba314;--shadow-dark:0 10px 30px #2d1a1e0a;--shadow-lavender-glow:0 0 20px #c094dd2e;--gradient-gold:linear-gradient(135deg, #ecd3d6 0%, #d49ba3 50%, #b3737b 100%);--gradient-lavender-gold:linear-gradient(135deg, #e8cbf5 0%, #d49ba3 100%);--gradient-gold-subtle:linear-gradient(135deg, #d49ba30a, #e8cbf50f);--gradient-bg:radial-gradient(circle at center, #fff 0%, #fff5f7 100%)}.theme-women .glow-container{background:#fff5f7}.theme-women .glow-blob-1{background:radial-gradient(circle,#ffb6c166 0%,#ffb6c100 70%)}.theme-women .glow-blob-2{background:radial-gradient(circle,#e8cbf559 0%,#e8cbf500 70%)}.theme-women .glow-blob-3{background:radial-gradient(circle,#ffdae059 0%,#ffdae000 70%)}.theme-women .glass-panel:before{background:linear-gradient(#fff6 0%,#0000 100%)}.theme-women .glass-input{color:#1f1b16;background:#ffffffd9;border:1px solid #0000001a}.theme-women .glass-input:focus{border-color:var(--gold-400);background:#fff;box-shadow:0 0 15px #d4ae7826}.theme-women .glass-input::placeholder{color:#a19ba8}.theme-women .accordion-item{background:#ffffff73;border-color:#0000000d}.theme-women .accordion-item:hover{background:#ffffffb3;border-color:#e8cbf540}.theme-women .accordion-item.active{background:#ffffffe6;border-color:#d4ae784d}.theme-women .accordion-category-list::-webkit-scrollbar-thumb{background:#2d1a1e26}.theme-women .accordion-category-card{background:#ffffffbf;border-color:#d49ba340}.theme-women .accordion-category-card .label{color:#524044}.theme-women .accordion-category-card:hover{border-color:var(--text-gold);background:#fff}.theme-women .accordion-category-card:hover .label{color:var(--text-primary)}.theme-women .accordion-category-card.selected{border-color:var(--text-gold);background:linear-gradient(135deg,#d49ba326 0%,#e8cbf514 100%)}.theme-women .upload-area{background:#ffffff73;border-color:#0000001f}.theme-women .upload-area:hover{border-color:var(--gold-400);background:#e8cbf50f}.theme-women .upload-area.has-image{background:#ffffffd9;border-color:#d4ae784d}.theme-women .segment-wrapper{background:#00000008;border-color:#0000000f}.theme-women .segment-btn:hover{background:#00000005}.theme-women .segment-btn.selected{color:var(--text-gold);background:#fff;box-shadow:0 4px 12px #0000000f}.credit-pkg-card{border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.credit-pkg-card.standard{background:#ffffff03;border:1px solid #ffffff0d}.credit-pkg-card.featured{border:1.5px solid var(--gold-400);background:linear-gradient(135deg,#d4ae781f,#e8cbf50f);box-shadow:0 0 15px #d4ae7814}.theme-women .credit-pkg-card.standard{background:#ffffffbf;border:1px solid #d49ba340}.theme-women .credit-pkg-card.featured{border:1.5px solid var(--text-gold);background:linear-gradient(135deg,#d49ba326,#e8cbf514);box-shadow:0 4px 20px #d49ba314}@media (max-width:480px){.credit-pkg-card{flex-direction:column;align-items:flex-start;gap:12px}.credit-pkg-card .pkg-info{width:100%}.credit-pkg-card .pkg-buy-btn{text-align:center;width:100%!important}}.main-panel{padding:24px}@media (max-width:480px){.main-panel{padding:16px!important}}