:root{--app-font-family:'Poppins',sans-serif;--app-font-weight-light:300;--app-font-weight-regular:400;--app-font-weight-medium:500;--app-font-weight-semibold:600;--app-font-weight-bold:700;--app-font-weight-default:400;--font-family-en:'Poppins',sans-serif;--title-font-family:var(--app-font-family);--title-font-weight:var(--app-font-weight-default)}.font-light{font-weight:var(--app-font-weight-light)!important}.font-medium{font-weight:var(--app-font-weight-medium)!important}.font-bold{font-weight:var(--app-font-weight-bold)!important}.lang-en-font{font-family:var(--font-family-en)!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--app-font-family);font-weight:var(--app-font-weight-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:#f4f6f8;display:flex;flex-direction:column;align-items:center}.container{flex:1;max-width:1000px;width:100%;text-align:center;margin-top:150px;padding:0 20px}.title{font-size:72px;line-height:1.1;margin-bottom:16px;color:#333;letter-spacing:-0.02em;font-family:var(--title-font-family);font-weight:var(--title-font-weight)}.gradient-word{background:linear-gradient(135deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--app-font-weight-semibold)}.subtitle{font-size:20.4px;font-weight:400;color:#000;line-height:1.5}.form-container{background:rgba(255,255,255,0.15);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;padding:32px;margin-bottom:40px}.skeleton-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#f4f6f8;z-index:9999;opacity:1;transition:opacity 0.3s ease}.skeleton-loader.hidden{opacity:0;pointer-events:none}body:not(.ui-ready) .container{opacity:0}body.ui-ready .container{opacity:1;transition:opacity 0.3s ease}body:not(.animations-ready) *{animation-duration:0.01s!important;animation-delay:0s!important;transition-duration:0.01s!important}@media (max-width:768px){.title{font-size:48px}.subtitle{font-size:17px}.container{margin-top:130px}}@font-face{font-family:'Rubik';src:url('../fonts/Rubik-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';src:url('../fonts/Rubik-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';src:url('../fonts/Rubik-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';src:url('../fonts/Rubik-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--app-font-family);font-weight:var(--app-font-weight-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:#f4f6f8;background-image:radial-gradient(circle min(1200px,140vw) at 0% 0%,hsla(225,85%,70%,1) 0%,hsla(225,85%,70%,0.5) 40%,transparent 100%),radial-gradient(circle min(1200px,140vw) at 115% 130vh,hsla(280,180%,70%,1) 0%,hsla(280,180%,70%,0.5) 40%,transparent 100%);background-repeat:no-repeat;background-position:top left,top right;background-attachment:fixed;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;will-change:auto}.container{flex:1}.top-banner{position:fixed;top:20px;left:20px;right:20px;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:60px;z-index:1000;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;box-shadow:0 8px 32px rgba(0,0,0,0.12);transition:all 0.3s ease}.top-banner:hover{box-shadow:0 12px 40px rgba(0,0,0,0.15);transform:translateY(-1px)}.banner-left{display:flex;align-items:center;gap:32px}.banner-logo{font-size:24px;font-weight:800;background:linear-gradient(135deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.banner-nav{display:flex;gap:24px}.banner-nav a{color:#666;text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s ease;padding:8px 12px;border-radius:20px}.banner-nav a:hover{color:#E1306C;background:rgba(225,48,108,0.1)}.banner-right{display:flex;align-items:center;gap:12px;height:100%}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all 0.2s ease;color:#666}.mobile-menu-button:hover{background:rgba(0,0,0,0.05);color:#E1306C}.mobile-menu-button svg{width:20px;height:20px}.mobile-dropdown{display:none;position:absolute;top:100%;right:0;background:white;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.1);padding:12px 0;min-width:200px;z-index:1001;margin-top:8px}.mobile-dropdown.show{display:block}.mobile-dropdown a{display:block;color:#333;text-decoration:none;padding:12px 20px;font-size:16px;font-weight:500;transition:all 0.2s ease}.mobile-dropdown a:hover{background:rgba(225,48,108,0.1);color:#E1306C}.banner-right .login-button{margin-right:-4px}.login-button{padding:8px 20px;background:linear-gradient(45deg,#E1306C 0%,#C13584 25%,#833AB4 50%);color:white;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-flex;align-items:center;box-shadow:0 2px 8px rgba(225,48,108,0.3)}.login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(225,48,108,0.4)}.avatar-container{position:relative;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.user-dropdown{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;height:36px}.avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,0.8);cursor:pointer;transition:transform 0.2s ease,box-shadow 0.3s ease;display:block;text-align:center;line-height:36px;font-size:18px}.avatar-small:hover{transform:scale(1.1);box-shadow:0 0 0 3px rgba(225,48,108,0.5)}.dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid rgba(0,0,0,0.1);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.15);min-width:240px;z-index:1000;margin-top:5px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;display:none}.dropdown-menu[style*="display: block"]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:12px 16px;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:#333;font-size:14px;transition:background-color 0.2s ease;display:flex;align-items:center;gap:8px}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.user-info{cursor:default;flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:8px}.dropdown-item.user-info:hover{background:transparent}.user-email{font-size:13px;color:#666;font-weight:500}.subscription-status{display:flex;align-items:center;gap:6px}.status-badge{font-size:12px;padding:8px 12px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:none;background:none;width:100%;text-align:left;cursor:default;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.status-badge.clickable{cursor:pointer;transition:opacity 0.2s ease}.status-badge.clickable:hover{opacity:0.8}.status-badge.subscribed{background:rgba(40,167,69,0.1);color:#28a745}.status-badge.free{background:rgba(102,126,234,0.1);color:#0095f6}#subscription-type-text{font-weight:600;text-transform:uppercase;letter-spacing:0.5px}#subscription-posts-text{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;opacity:0.8}.dropdown-divider{height:1px;background:#dbdbdb;margin:4px 0}.container{max-width:1000px;width:100%;text-align:center;margin-top:150px;padding:0 20px}.header{margin-bottom:24px}.title{font-size:72px;line-height:1.1;margin-bottom:16px;color:#333;letter-spacing:-0.02em;font-family:var(--title-font-family);font-weight:var(--title-font-weight)}.gradient-word{background:linear-gradient(135deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--app-font-weight-semibold)}@media (max-width:768px){.title{font-size:48px}.subtitle{font-size:14.5px}.form-container{padding:24px}.top-banner{top:12px;left:16px;right:16px;padding:0 24px;height:56px;border-radius:28px}.banner-nav{display:none}.banner-logo{font-size:20px}.mobile-menu-button{display:block;order:1}.banner-right{position:relative}.container{margin-top:130px}}@media (max-width:600px){.title{font-size:44px}}@media (max-width:480px){.title{font-size:38px}.subtitle{font-size:14.5px}.container{margin-top:110px;padding:0 16px}.form-container{padding:20px;margin:0 -10px}.top-banner{top:8px;left:12px;right:12px;padding:0 20px;height:52px;border-radius:26px}.banner-logo{font-size:18px}.login-button{padding:6px 16px;font-size:13px}.avatar-small{width:28px;height:28px}}@media (max-width:400px){.form-container{padding:16px;margin:0 -8px}}.subtitle{font-size:20.4px;font-weight:400;color:#000;line-height:1.5}.form-container{background:rgba(255,255,255,0.15);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 16px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.18);margin-bottom:40px;position:relative;z-index:100}.form-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 100%);border-radius:20px;pointer-events:none;z-index:-1}.form-group{margin-bottom:16px;text-align:left;position:relative}.upload-generate-row{margin-bottom:0;direction:ltr}.form-label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:#333;text-transform:uppercase;letter-spacing:0.5px}.form-input,.form-select{width:100%;padding:12px 16px;font-size:15px;border:1px solid rgba(255,255,255,0.2);border-radius:20px;outline:none;transition:all 0.3s ease;background:rgba(255,255,255,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:inherit;box-shadow:0 4px 16px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2)}.form-textarea{resize:none;height:132px;line-height:1.4;text-align:start;word-break:break-word;overflow-wrap:break-word;overflow-y:auto;width:100%;padding:0;font-size:15px;border:none;outline:none;background:transparent;font-family:inherit}.textarea-container{position:relative;padding:12px 16px 64px 16px;border:1px solid rgba(255,255,255,0.2);border-radius:20px;background:rgba(255,255,255,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);transition:all 0.3s ease}.textarea-container .upload-generate-row{position:absolute;bottom:12px;left:16px;right:16px;margin-top:12px;margin-bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;direction:ltr;height:48px}.upload-generate-row{position:relative}.textarea-container .upload-generate-row>*{pointer-events:auto}.form-input:focus,.form-select:focus{border-color:rgba(225,48,108,0.5);box-shadow:0 4px 20px rgba(0,0,0,0.15),0 0 0 3px rgba(225,48,108,0.15),inset 0 1px 0 rgba(255,255,255,0.3);background:rgba(255,255,255,1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.textarea-container:focus-within{border-color:rgba(225,48,108,0.5);box-shadow:0 4px 20px rgba(0,0,0,0.15),0 0 0 3px rgba(225,48,108,0.15),inset 0 1px 0 rgba(255,255,255,0.3);background:rgba(255,255,255,1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.form-input::placeholder,.form-textarea::placeholder{color:#666}.trusted-by-section{text-align:center;margin:20px auto;padding:0 20px;position:relative;z-index:1}.trusted-by-container{display:inline-flex;align-items:center;gap:10px}.company-avatars{display:flex;align-items:center}.company-avatar{position:relative;aspect-ratio:1;width:32px;height:32px}.company-avatar:not(:first-child){margin-left:-8px}.company-avatar img{width:100%;height:100%;border-radius:50%;object-fit:contain;border:2px solid white;box-sizing:border-box}.trusted-by-text{font-size:14px;color:#888;font-weight:400;margin:0;white-space:nowrap}@media (max-width:1099px){.company-avatar{width:31px;height:31px}}@media (max-width:768px){.trusted-by-section{margin:16px auto;padding:0 16px}.trusted-by-text{font-size:13px}}.testimonials-section{max-width:1200px;margin:80px auto 60px;padding:0 20px;text-align:center;content-visibility:auto;contain-intrinsic-size:1200px 600px}.testimonials-header{margin-bottom:40px}.testimonials-title{font-size:clamp(28px,5vw,42px);font-weight:700;color:#333;margin-bottom:12px;line-height:1.2}.highlight-text{background:linear-gradient(45deg,#E1306C,#C13584);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.testimonials-subtitle{font-size:18px;color:#666;font-weight:400}.testimonials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}.testimonial-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.18);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:left}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.3)}.testimonial-text{font-size:15px;line-height:1.6;color:#333;margin-bottom:16px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#E1306C,#C13584);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:14px}.author-info{flex:1}.author-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.author-handle{font-size:12px;color:#666}@media (max-width:768px){.testimonials-section{margin:60px auto 40px;padding:0 16px}.testimonials-container{grid-template-columns:1fr;gap:16px}.testimonial-card{padding:20px}.testimonials-title{font-size:24px}.testimonials-subtitle{font-size:16px}}.textarea-container{--text-direction:rtl;direction:var(--text-direction)}.textarea-container.ltr{--text-direction:ltr}.header-language-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.1);border-radius:20px;font-size:11px;color:#666;transition:all 0.3s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.05);height:36px;min-width:fit-content}.header-language-picker:hover{background:rgba(255,255,255,0.8);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.mobile-language-picker{display:block;color:#333;text-decoration:none;padding:16px 20px;font-size:18px;font-weight:500;transition:all 0.2s ease;cursor:pointer;position:relative;display:flex;align-items:center;gap:12px}.mobile-language-picker:hover{background:rgba(225,48,108,0.1);color:#E1306C}.globe-icon,.selected-flag{font-size:22px;line-height:1}.mobile-language-picker .globe-icon,.mobile-language-picker .selected-flag{font-size:24px}.language-dropdown{position:absolute;top:100%;left:0;background:white;border:1px solid rgba(0,0,0,0.1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:4px 0;display:none;z-index:1001;margin-top:4px;min-width:100px;white-space:nowrap;direction:ltr}.language-dropdown.show{display:block}.language-option{padding:8px 12px;font-size:11px;color:#333;cursor:pointer;transition:background 0.2s ease;display:flex;align-items:center;gap:6px;direction:ltr}.language-option:hover{background:rgba(225,48,108,0.1)}.language-option:first-child{border-radius:8px 8px 0 0}.language-option:last-child{border-radius:0 0 8px 8px}@media (max-width:768px){.header-language-picker{display:none}}@media (min-width:769px){.mobile-language-picker{display:none}}.combined-upload-wrapper{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 12px 8px 6px;border:2px dashed rgba(225,48,108,0.3);border-radius:50px;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease;height:40px;margin-bottom:0}.combined-upload-wrapper:hover{transform:translateY(-2px);border-color:#E1306C;background:rgba(255,255,255,0.8);box-shadow:0 4px 12px rgba(225,48,108,0.1)}.combined-upload-wrapper .plus-upload-btn{flex:0 0 auto;width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform 0.2s ease}.combined-upload-wrapper:hover .plus-upload-btn{transform:scale(1.1)}.combined-upload-wrapper .plus-upload-btn svg{width:20px;height:20px}.combined-upload-wrapper .upload-instruction-wrapper{display:flex;align-items:center;gap:4px;border:none;background:transparent;cursor:pointer;padding:0;justify-content:space-between;flex:1}.plus-upload-btn-standalone{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.9);border:2px solid rgba(225,48,108,0.3);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-bottom:0}.plus-upload-btn-standalone:hover{border-color:#E1306C;background:rgba(255,255,255,1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(225,48,108,0.2)}.plus-upload-btn-standalone:active{transform:translateY(0px)}.upload-icon{display:inline-block;width:18px;height:18px;flex-shrink:0}.upload-instruction{font-weight:600;margin:0;color:#555;font-size:12px}.photo-gallery-container{flex:1;position:relative;overflow:hidden;height:48px;margin-left:0px;margin-bottom:0}.upload-loading-spinner{width:20px;height:20px;border:2.5px solid rgba(225,48,108,0.2);border-top-color:rgba(225,48,108,0.9);border-radius:50%;animation:uploadSpin 0.8s linear infinite;display:none}@keyframes uploadSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.photo-gallery-container .upload-loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,0.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:50;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;pointer-events:none}.photo-gallery-container .upload-loading-overlay.active{opacity:1;visibility:visible}.plus-upload-btn.loading svg,.plus-upload-btn-standalone.loading svg{display:none}.combined-upload-wrapper.loading .upload-instruction-wrapper{opacity:0.4}.plus-upload-btn.loading .upload-loading-spinner,.plus-upload-btn-standalone.loading .upload-loading-spinner{display:block}.plus-upload-btn,.plus-upload-btn-standalone{position:relative;display:flex;align-items:center;justify-content:center}.photo-gallery{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2px 0;align-items:center;height:100%;scrollbar-width:none;-ms-overflow-style:none}.photo-gallery::-webkit-scrollbar{display:none}.photo-gallery::before{content:'';position:absolute;left:0;top:0;bottom:0;width:30px;background:linear-gradient(to right,rgba(248,250,252,0.9) 0%,rgba(248,250,252,0.5) 40%,transparent 100%);pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:1}.photo-gallery-container.has-overflow-left .photo-gallery::before{opacity:1}.photo-gallery::after{content:'';position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(248,250,252,0.9) 0%,rgba(248,250,252,0.5) 40%,transparent 100%);pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:1}.photo-gallery-container.has-overflow-right .photo-gallery::after{opacity:1}.gallery-photo-item{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.2s ease;background:#f0f0f0;flex-shrink:0}.gallery-photo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.gallery-photo{width:100%;height:100%;object-fit:cover;display:block}.remove-photo{position:absolute;top:2px;right:2px;background:rgba(0,0,0,0.7);color:white;border:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:all 0.2s ease;font-size:12px;line-height:1;z-index:2}.remove-photo:hover{background:#ff3b30;transform:scale(1.1)}.photo-upload{display:none!important}.photo-preview-container{margin-top:12px}.photo-previews{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.photo-preview-item{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.2s ease;background:#f0f0f0}.photo-preview{width:100%;height:100%;object-fit:cover;display:block}.upload-generate-row.subscribed-user .generate-btn{display:none}.generate-btn{flex:0 0 auto;padding:10px;background:linear-gradient(45deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);background-size:200% 100%;color:white;border:none;border-radius:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(225,48,108,0.4);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:44px;height:44px;margin-bottom:0}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(225,48,108,0.5);background-position:100% 0}.generate-btn:active{transform:translateY(0px)}.generate-btn:disabled{transform:translateY(0px);box-shadow:0 2px 8px rgba(225,48,108,0.3);cursor:not-allowed;opacity:0.7}.generate-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.generate-btn:hover::before{left:100%}.generate-btn svg{transition:transform 0.2s ease;width:22px;height:22px}.generate-btn:hover svg{transform:scale(1.1) translateY(-2px)}.generate-buttons-row{display:flex;gap:16px;align-items:stretch;justify-content:center;width:100%;max-width:700px;margin:0 auto 20px auto}.generate-reel-btn{flex:1 1 0;padding:18px 24px;background:linear-gradient(45deg,#833AB4 0%,#5851DB 25%,#405DE6 50%,#E1306C 75%,#C13584 100%);background-size:200% 100%;color:white;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(131,58,180,0.4);display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:600;position:relative;overflow:hidden;min-height:68px;white-space:nowrap;animation:gradientShimmer 6s ease-in-out infinite}.generate-reel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(131,58,180,0.5);background-position:100% 0}.generate-reel-btn:active{transform:translateY(-1px)}.generate-reel-btn:disabled{transform:translateY(1px);box-shadow:0 2px 8px rgba(131,58,180,0.3);cursor:not-allowed;opacity:0.7}.generate-reel-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.generate-reel-btn::before{content:'';position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:left 0.7s ease;pointer-events:none;opacity:0.65}.generate-reel-btn:hover::before{left:200%}.generate-reel-btn svg{transition:transform 0.2s ease}.generate-reel-btn:hover svg{transform:scale(1.1) rotate(15deg)}.footer{text-align:center;margin-top:40px;font-size:16px;color:#666;font-weight:500}.trusted-count{font-weight:700;color:#E1306C}:root{--progress-container-spacing:50px 0 40px;--progress-phase-padding:12px 20px;--progress-phase-radius:16px;--progress-bar-height:11.2px;--progress-bar-radius:10px;--progress-bar-spacing:20px;--progress-phase-bg:rgba(255,255,255,0.95);--progress-phase-border:rgba(255,255,255,0.3);--progress-phase-text:#1e293b;--progress-bar-bg:rgba(255,255,255,0.4);--progress-bar-border:rgba(255,255,255,0.2);--progress-fill-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);--progress-phase-shadow:0 8px 32px rgba(0,0,0,0.08),0 2px 16px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.4);--progress-bar-shadow:inset 0 2px 4px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--progress-fill-shadow:0 0 20px rgba(102,126,234,0.3),inset 0 1px 0 rgba(255,255,255,0.3);--progress-transition-smooth:all 0.6s cubic-bezier(0.4,0,0.2,1);--progress-transition-width:width 0.8s cubic-bezier(0.4,0,0.2,1)}.progress-container{display:none;margin:var(--progress-container-spacing);max-width:600px;margin-left:auto;margin-right:auto;padding:0 20px}.progress-phase{font-family:var(--app-font-family);font-size:16px;font-weight:600;letter-spacing:-0.01em;line-height:1.4;color:var(--progress-phase-text);text-align:center;display:inline-block;width:fit-content;margin-left:auto;margin-right:auto;background:var(--progress-phase-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--progress-phase-border);border-radius:var(--progress-phase-radius);padding:var(--progress-phase-padding);margin-top:var(--progress-bar-spacing);box-shadow:var(--progress-phase-shadow);transition:var(--progress-transition-smooth);position:relative;overflow:hidden}.progress-phase::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);transition:left 2s ease-in-out;animation:phaseShimmer 3s ease-in-out infinite}@keyframes phaseShimmer{0%{left:-100%}50%{left:100%}100%{left:100%}}.progress-bar{height:var(--progress-bar-height);background:var(--progress-bar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--progress-bar-border);border-radius:var(--progress-bar-radius);overflow:hidden;position:relative;box-shadow:var(--progress-bar-shadow)}.progress-fill{height:100%;background:var(--progress-fill-gradient);background-size:300% 100%;width:0%;border-radius:var(--progress-bar-radius);position:relative;box-shadow:var(--progress-fill-shadow);transition:var(--progress-transition-width);animation:progressFlow 2.5s ease-in-out infinite}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,0.8) 0%,transparent 100%);border-radius:var(--progress-bar-radius) var(--progress-bar-radius) 0 0}@keyframes progressFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width:768px){:root{--progress-phase-padding:16px 24px;--progress-container-spacing:40px 0 30px}.progress-phase{font-size:13.5px}.progress-container{padding:0 16px}}.status-message{text-align:center;font-size:16px;color:var(--text-muted);margin-bottom:16px}#result-section{display:none;margin-top:30px;content-visibility:auto}.result-header{text-align:center;margin-bottom:40px}.result-title{font-family:var(--app-font-family);font-size:48px;font-weight:400;color:#333;letter-spacing:-0.02em;margin-bottom:8px}.result-title .gradient-word{font-weight:500}:root{--like-red:#ed4956;--surface:#fff;--dark:#333;--light-gray:#ddd;--transition-fast:0.15s;--primary:#0095f6;--primary-light:#b2dffc;--text-muted:#666;--card-shadow:0 8px 30px rgba(0,0,0,0.12);--gradient:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);--reel-overlay-bg:rgba(255,255,255,0.15);--reel-overlay-blur:blur(10px);--reel-triangle-color:rgba(255,255,255,0.9);--reel-overlay-shadow:0 2px 8px rgba(0,0,0,0.2);--reel-transition:all 0.2s ease;--reel-large-size:80px;--reel-large-triangle-size:24px;--reel-large-triangle-offset:calc(var(--reel-large-triangle-size) / 6);--reel-small-size:40px;--reel-small-triangle-size:12px;--reel-small-triangle-offset:calc(var(--reel-small-triangle-size) / 6)}.ig-bottom-nav{position:relative;height:56px;background:var(--surface);border-top:1px solid var(--light-gray);display:flex;justify-content:space-around;align-items:center;z-index:100;transition:background var(--transition-fast) ease;border-radius:0 0 28px 28px;flex-shrink:0;flex-grow:0;width:100%}.ig-bottom-nav .nav-item{flex:1;display:flex;justify-content:center;align-items:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.ig-bottom-nav svg{width:26px;height:26px;stroke:var(--dark);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.2s stroke,0.2s fill}.nav-item.active svg{fill:var(--dark);stroke:var(--dark)}.ig-bottom-nav .nav-item:hover svg,.ig-bottom-nav .nav-item:focus svg{stroke:var(--dark);opacity:0.7}.instagram-post-btn{background:linear-gradient(45deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);color:white;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(225,48,108,0.3)}.instagram-post-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(225,48,108,0.4)}.instagram-post-btn.posted{background:#34c759;box-shadow:0 2px 8px rgba(52,199,89,0.3)}.instagram-post-btn.posted:hover{box-shadow:0 4px 12px rgba(52,199,89,0.4)}.instagram-post-btn.scheduled{background:#ff9500;box-shadow:0 2px 8px rgba(255,149,0,0.3)}.instagram-post-btn.scheduled:hover{box-shadow:0 4px 12px rgba(255,149,0,0.4)}.download-post-btn{background:rgba(0,0,0,0.04);border:none;padding:6px;margin-left:12px;cursor:pointer;color:#262626;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease;opacity:0.85;width:36px;height:36px}.download-post-btn:hover{opacity:1;background:rgba(0,0,0,0.08);transform:translateY(-1px)}.download-post-btn:active{transform:scale(0.95)}.go-pro-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;box-shadow:0 2px 5px rgba(102,126,234,0.3);height:36px;white-space:nowrap;text-transform:uppercase;letter-spacing:0.5px;margin-right:10px}.go-pro-button:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,0.4)}.go-pro-button.subscribed{display:none!important}.integrated-generate-container{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(45deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);background-size:300% 100%;color:white;border:none;border-radius:12px;padding:18px 24px;font-size:18px;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 4px 15px rgba(102,126,234,0.45),0 0 25px rgba(118,75,162,0.35);transition:all 0.3s ease-in-out;white-space:nowrap;animation:gradientShimmer 6s ease-in-out infinite;will-change:transform;min-height:68px;flex:1 1 0}.integrated-generate-container::before{content:'';position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:left 0.7s ease;pointer-events:none;opacity:0.65}.integrated-generate-container:hover::before{left:200%}.integrated-generate-container:hover{transform:translateY(-3px) scale(1.05);background-position:100% 0;box-shadow:0 10px 25px rgba(0,0,0,0.25)}.generate-text{color:white;font-size:18px;font-weight:600;pointer-events:none;user-select:none}.posts-count-group{display:inline-flex;align-items:center;gap:8px;pointer-events:none;position:relative}.post-count-slider{position:relative;min-width:42px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;border-radius:21px;background:rgba(255,255,255,0.7);border:2px solid rgba(255,255,255,0.8);overflow:visible;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);z-index:2;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.5)}@keyframes gentlePulse{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.5),0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 2px 8px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.5),0 0 0 4px rgba(255,255,255,0.3)}}.post-count-slider{animation:gentlePulse 3s ease-in-out infinite}.post-count-slider:hover{transform:translateY(-2px) scale(1.05);background:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.9);box-shadow:0 4px 16px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.8),0 0 0 6px rgba(255,255,255,0.25);animation:none}.post-count-slider:active{transform:translateY(0) scale(1.02);box-shadow:0 2px 8px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5)}.post-count-slider.no-hover:hover{transform:none;background:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.8);box-shadow:0 2px 8px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.5);animation:gentlePulse 3s ease-in-out infinite}.slider-number{color:transparent;background:linear-gradient(135deg,#E1306C 0%,#C13584 50%,#833AB4 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;line-height:1;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);user-select:none;position:relative;padding:0 4px}.slider-number::before,.slider-number::after{content:'';position:absolute;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;opacity:0;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.slider-number::before{top:-8px;left:50%;transform:translateX(-50%);border-bottom:4px solid rgba(225,48,108,0.8)}.slider-number::after{bottom:-8px;left:50%;transform:translateX(-50%);border-top:4px solid rgba(225,48,108,0.8)}.post-count-slider:hover .slider-number::before,.post-count-slider:hover .slider-number::after{opacity:1}.post-count-slider:hover .slider-number::before{top:-10px}.post-count-slider:hover .slider-number::after{bottom:-10px}.post-count-slider:hover .slider-number{transform:scale(1.1)}@keyframes numberPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.integrated-generate-container:disabled,.integrated-generate-container.disabled,.integrated-generate-container.generating{opacity:0.7;cursor:not-allowed;transform:scale(0.98);pointer-events:none;transition:all 0.2s ease-out}.integrated-generate-container:disabled::before,.integrated-generate-container.disabled::before,.integrated-generate-container.generating::before{display:none}.generate-btn.generating,.generate-reel-btn.generating{opacity:0.7;cursor:not-allowed;transform:scale(0.98);pointer-events:none;transition:all 0.2s ease-out}.generate-btn.generating::before,.generate-reel-btn.generating::before{display:none}.payment-notification{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;overflow:hidden;border-radius:12px;box-shadow:0 8px 32px rgba(40,167,69,0.3);animation:slideInRight 0.5s ease-out}.payment-success{background:linear-gradient(135deg,#28a745,#20c997);color:white}.payment-notification-content{display:flex;align-items:center;padding:16px 20px;gap:12px}.payment-icon{font-size:24px;flex-shrink:0}.payment-text{flex:1}.payment-text strong{display:block;margin-bottom:4px;font-size:16px}.payment-text p{margin:0;font-size:14px;opacity:0.9}.payment-close{background:none;border:none;color:white;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s ease}.payment-close:hover{background:rgba(255,255,255,0.2)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes gradientShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width:768px){.generate-buttons-row{flex-direction:column;gap:12px;max-width:100%}.generate-reel-btn{width:100%;font-size:17px;min-height:64px}.integrated-generate-container{width:100%;font-size:17px;min-height:64px;padding:16px 20px}}@media (max-width:480px){.generate-buttons-row{gap:10px}.generate-reel-btn{font-size:16px;min-height:60px;padding:14px 18px}.integrated-generate-container{font-size:16px;min-height:60px;padding:14px 18px}.post-count-slider{min-width:36px;height:36px;padding:0 10px}.slider-number{font-size:16px}.generate-text{font-size:16px}}@media (max-width:768px){.title{font-size:40px}.subtitle{font-size:17.8px}.form-container{padding:24px}.top-banner{left:16px;right:16px;padding:0 24px;height:56px;border-radius:28px}.banner-nav{display:none}.banner-logo{font-size:20px}.container{margin-top:130px}}@media (max-width:480px){.title{font-size:38px}.subtitle{font-size:17.5px}.container{margin-top:100px;padding:0 16px}.form-container{padding:20px;margin:0 -10px}.top-banner{top:8px;left:12px;right:12px;padding:0 20px;height:52px;border-radius:26px}.banner-logo{font-size:18px}.login-button{padding:6px 16px;font-size:13px}.avatar-small{width:28px;height:28px}}@media (max-width:400px){.form-container{padding:16px;margin:0 -8px}}.upload-error{border-color:#ff3b30!important;background:rgba(255,59,48,0.05)!important}.input-error{border-color:#ff3b30!important;background:rgba(255,59,48,0.05)!important}.error-message{color:#ffffff;font-weight:500;font-size:14px;padding:10px 16px;border-radius:8px;background-color:#ff3b30;box-shadow:0 2px 8px rgba(255,59,48,0.3);display:block;position:fixed;left:50%;transform:translateX(-50%) translateY(-120%);z-index:10000;min-width:300px;max-width:500px;text-align:center;animation:slideDown 0.4s ease-out forwards}@keyframes slideDown{0%{transform:translateX(-50%) translateY(-120%);opacity:0}100%{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateX(-50%) translateY(0);opacity:1}100%{transform:translateX(-50%) translateY(-120%);opacity:0}}.error-message.hiding{animation:slideUp 0.3s ease-in forwards}@media (max-width:768px){.error-message{min-width:calc(100% - 40px);max-width:calc(100% - 40px);padding:10px 16px;font-size:13px}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake 0.6s cubic-bezier(0.36,0.07,0.19,0.97) both}.all-criteria-met{border-color:#34c759!important;box-shadow:0 0 15px rgba(52,199,89,0.3),0 0 0 2px rgba(52,199,89,0.15)!important;animation:softGlow 2s infinite alternate}@keyframes softGlow{from{box-shadow:0 0 15px rgba(52,199,89,0.2),0 0 0 2px rgba(52,199,89,0.1)}to{box-shadow:0 0 20px rgba(52,199,89,0.4),0 0 0 3px rgba(52,199,89,0.2)}}.instagram-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity 0.3s ease}.instagram-modal.active{display:flex;align-items:center;justify-content:center;opacity:1}.instagram-modal-content{background:white;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,0.2);transform:scale(0.9);transition:transform 0.3s ease}.instagram-modal.active .instagram-modal-content{transform:scale(1)}.instagram-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.instagram-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.instagram-modal-title-row{display:flex;align-items:center;gap:8px;flex:1}.instagram-modal-handle{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;font-weight:500;margin-left:auto}.instagram-modal-handle-avatar{width:20px;height:20px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;flex-shrink:0}.instagram-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.instagram-modal-close:hover{background:#f5f5f5;color:#333}.instagram-modal-body{padding:24px}.instagram-connect-prompt{text-align:center;padding:20px 0}.instagram-connect-prompt-icon{font-size:48px;margin-bottom:16px;display:block}.instagram-connect-prompt h3{margin:0 0 12px 0;font-size:20px;font-weight:600;color:#333}.instagram-connect-prompt p{margin:0 0 16px 0;color:#666;line-height:1.5}.instagram-preview{text-align:center;margin-bottom:24px}.instagram-preview-image{width:100%;max-width:300px;height:300px;object-fit:cover;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.instagram-modal .reel-video-container{position:relative;display:inline-block;width:100%;max-width:300px;margin-bottom:16px}.instagram-modal .post-video{width:100%;height:300px;display:block;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.instagram-modal .post-video.reel-video{aspect-ratio:unset;max-height:300px;object-fit:contain;background:#000;cursor:pointer}.instagram-modal .reel-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--reel-overlay-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:var(--reel-overlay-blur);-webkit-backdrop-filter:var(--reel-overlay-blur);transition:var(--reel-transition);pointer-events:none;z-index:10;box-shadow:var(--reel-overlay-shadow)}.instagram-modal .reel-play-overlay.hidden{opacity:0;transform:translate(-50%,-50%) scale(0.8)}.instagram-modal .reel-play-triangle{width:0;height:0;border-left:18px solid var(--reel-triangle-color);border-top:calc(18px * 0.6) solid transparent;border-bottom:calc(18px * 0.6) solid transparent;margin-left:calc(18px / 6)}.instagram-username-section{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.instagram-preview-caption{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:12px;min-height:60px;text-align:left;font-size:14px;line-height:1.4;outline:none;transition:border-color 0.2s ease}.instagram-preview-caption:focus{border-color:#E1306C;box-shadow:0 0 0 2px rgba(225,48,108,0.2)}.instagram-post-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.instagram-publish-btn{background:linear-gradient(45deg,#E1306C 0%,#C13584 25%,#833AB4 50%,#5851DB 75%,#405DE6 100%);color:white;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s ease;text-decoration:none}.instagram-publish-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(225,48,108,0.3)}.disconnect-btn{background:#dc3545!important;border:2px solid #dc3545!important;color:white!important;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none}.disconnect-btn:hover{background:#c82333!important;border-color:#bd2130!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,0.3)}.schedule-btn-container{display:flex;align-items:center;justify-content:center;padding:8px 12px;gap:4px}.schedule-btn-content{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;pointer-events:none}.schedule-interval-slider{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;border-radius:8px;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);pointer-events:auto;backdrop-filter:blur(10px)}.schedule-interval-slider::before{content:'';position:absolute;inset:-2px;border-radius:12px;background:rgba(255,255,255,0.3);z-index:-1;opacity:0;transition:opacity 0.2s ease}.schedule-interval-slider:hover{transform:scale(1.05);background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);box-shadow:0 4px 12px rgba(255,255,255,0.2)}.schedule-interval-slider:hover::before{opacity:1}.schedule-interval-slider:active{transform:scale(1.02);background:rgba(255,255,255,0.25)}.interval-number{color:white;font-size:16px;font-weight:700;line-height:1;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-shadow:0 1px 2px rgba(0,0,0,0.3);user-select:none}.schedule-interval-slider:hover .interval-number{transform:scale(1.05)}#interval-text{display:inline-block;min-width:35px;text-align:left}.instagram-cancel-btn{background:#f5f5f5;color:#666;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.instagram-cancel-btn:hover{background:#e9ecef;color:#333}.disconnect-warning{text-align:center;padding:20px 0}.disconnect-warning-icon{font-size:48px;margin-bottom:16px;display:block}.disconnect-warning h4{margin:0 0 16px 0;font-size:18px;font-weight:600;color:#333}.disconnect-warning p{margin:0 0 12px 0;color:#666;line-height:1.5}.disconnect-warning ul{text-align:left;margin:16px 0;padding-left:24px;color:#666;line-height:1.6}.disconnect-warning li{margin-bottom:8px}.disconnect-confirm-btn{background:linear-gradient(45deg,#dc3545 0%,#c82333 100%)!important}.disconnect-confirm-btn:hover{background:linear-gradient(45deg,#c82333 0%,#bd2130 100%)!important;box-shadow:0 4px 12px rgba(220,53,69,0.3)!important}.instagram-posting-status{text-align:center;padding:40px 20px}.instagram-posting-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #E1306C;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.instagram-posting-message{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.instagram-posting-submessage{font-size:14px;color:#666}.instagram-post-success{text-align:center;padding:20px 0}.instagram-success-icon{width:64px;height:64px;background:#34c759;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;margin:0 auto 16px}.instagram-success-message{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.instagram-success-link{display:inline-flex;align-items:center;gap:6px;color:#E1306C;text-decoration:none;font-weight:600;padding:8px 16px;border:2px solid #E1306C;border-radius:8px;transition:all 0.2s ease}.instagram-success-link:hover{background:#E1306C;color:white;transform:translateY(-1px)}.tutorial-link{color:var(--primary);text-decoration:none;font-weight:600}.tutorial-link:hover{text-decoration:underline}.tutorial-step{margin-bottom:24px}.step-content h4{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.step-content p{color:#666;line-height:1.5;margin-bottom:16px}.tutorial-steps-list{list-style:none;padding:0;margin:0}.tutorial-list-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:#333}.tutorial-step-number{width:24px;height:24px;background:#E1306C;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.tutorial-help{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:20px}.tutorial-help p{margin:0 0 8px 0;color:#333}.tutorial-help p:last-of-type{margin-bottom:12px}.official-guide-link{display:inline-flex;align-items:center;gap:6px;color:#E1306C;text-decoration:none;font-weight:600;padding:8px 12px;border:1px solid #E1306C;border-radius:6px;transition:all 0.2s ease;font-size:14px}.official-guide-link:hover{background:#E1306C;color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(225,48,108,0.3)}:root{--primary:#0095f6;--dark:#333;--text-muted:#666;--hashtag-blue:#3f729b;--success-green:#34c759;--error-red:#ff3b30;--surface:#fff;--light-gray:#ddd}.hashtag{color:var(--hashtag-blue);font-weight:500}.rate-limit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.rate-limit-modal{background:var(--surface);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.15);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--light-gray)}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--dark)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.modal-close:hover{background:var(--light-gray);color:var(--dark)}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid var(--light-gray)}.btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all 0.2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px)}.btn-secondary{background:var(--light-gray);color:var(--text-muted);border:1px solid var(--light-gray)}.btn-secondary:hover{background:rgba(0,0,0,0.05);color:var(--dark)}.rate-limit-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;transition:background-color 0.2s ease;margin-bottom:16px}.rate-limit-item.rate-limit-info{background-color:rgba(0,122,255,0.08);border:1px solid rgba(0,122,255,0.2)}.rate-limit-item.rate-limit-warning{background-color:rgba(255,149,0,0.08);border:1px solid rgba(255,149,0,0.2)}.rate-limit-item.rate-limit-success{background-color:rgba(52,199,89,0.08);border:1px solid rgba(52,199,89,0.2)}.rate-limit-icon{font-size:24px;flex-shrink:0;margin-top:2px}.rate-limit-content{flex:1}.rate-limit-title{font-weight:600;color:var(--dark);margin-bottom:4px;font-size:16px}.rate-limit-description{color:var(--text-muted);font-size:14px;line-height:1.4}.scrolling-posts-container{display:flex;justify-content:center;gap:24px;margin-top:0px;margin-bottom:60px;width:100%;height:800px;position:relative;overflow-x:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);content-visibility:auto;contain-intrinsic-size:100% 800px}@media (min-width:1024px){.scrolling-posts-container{max-width:1100px;margin-left:auto;margin-right:auto}}.scrolling-column{flex:1 0 250px;height:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}@media (min-width:768px){.scrolling-column{flex-basis:280px}}@media (min-width:1024px){.scrolling-column{flex-basis:340px}}.posts-wrapper{display:flex;flex-direction:column;gap:24px;will-change:transform}.scrolling-column.left .posts-wrapper{}.scrolling-column.middle .posts-wrapper{}.scrolling-column.right .posts-wrapper{}.scrolling-column:hover .posts-wrapper{}.preview-post-card{background:rgba(255,255,255,0.25);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,0.18);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:12px;display:flex;flex-direction:column;gap:8px;animation:fadeIn 1s ease-out;transition:transform 0.3s ease,box-shadow 0.3s ease}.preview-post-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,0.15)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-post-header{display:flex;align-items:center;gap:10px;padding:0 4px}.preview-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.5)}.preview-username{font-weight:600;font-size:14px;color:#333}.preview-post-img{width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px}.preview-post-content{padding:0 4px 4px}.preview-post-content .post-likes{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.preview-post-content .post-caption{font-size:14px;line-height:1.4;color:#444}:root{--modal-padding:40px;--modal-padding-tablet:32px;--modal-padding-mobile:24px;--header-side-padding:80px;--header-side-padding-mobile:60px;--header-top-padding-mobile:20px;--plan-padding:32px 24px;--plan-padding-tablet:28px 20px;--plan-padding-mobile:16px 12px;--plan-height:320px;--plan-height-tablet:300px;--plan-height-mobile:180px;--plan-gap:24px;--plan-gap-tablet:20px;--plan-gap-mobile:16px;--title-size:36px;--title-size-tablet:32px;--title-size-mobile:28px;--subtitle-size:20px;--subtitle-size-mobile:18px;--close-size:48px;--close-size-mobile:40px;--badge-size:11px;--badge-size-mobile:9px;--plan-name-size:24px;--plan-name-size-mobile:16px;--plan-posts-size:42px;--plan-posts-size-mobile:24px;--plan-posts-label-size:14px;--plan-posts-label-size-mobile:11px;--plan-price-size:13px;--plan-price-size-mobile:10px;--plan-button-padding:16px 24px;--plan-button-padding-mobile:12px 16px;--plan-button-size:14px;--plan-button-size-mobile:12px;--modal-bg:linear-gradient(145deg,#ffffff 0%,#f8fafc 50%,#f1f5f9 100%);--plan-bg:linear-gradient(145deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 100%);--gradient-primary:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);--gradient-badge:linear-gradient(135deg,#f472b6 0%,#c084fc 50%,#fb7185 100%);--hover-overlay:linear-gradient(135deg,rgba(99,102,241,0.05) 0%,rgba(168,85,247,0.05) 50%,rgba(236,72,153,0.05) 100%);--transition-fast:0.2s ease-out;--transition-smooth:0.3s ease-out;--shadow-light:0 8px 32px rgba(0,0,0,0.08);--shadow-hover:0 8px 24px rgba(0,0,0,0.1);--shadow-popular:0 12px 40px rgba(99,102,241,0.15)}.skeleton-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#f4f6f8;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;opacity:1;transition:opacity 0.3s ease;pointer-events:all}.skeleton-loader.hidden{opacity:0;pointer-events:none}.skeleton-banner{width:calc(100% - 40px);max-width:1000px;height:60px;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:60px;box-shadow:0 8px 32px rgba(0,0,0,0.12);margin-bottom:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.skeleton-content{width:calc(100% - 40px);max-width:1000px;display:flex;flex-direction:column;align-items:center}.skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.0) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton-box{background:rgba(255,255,255,0.6);border-radius:12px;position:relative;overflow:hidden}.skeleton-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.5) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-title{width:400px;height:60px;margin-bottom:16px}.skeleton-subtitle{width:300px;height:24px;margin-bottom:40px}.skeleton-form{width:100%;max-width:600px;height:400px;background:rgba(255,255,255,0.15);backdrop-filter:blur(30px);border-radius:20px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 16px rgba(0,0,0,0.08);border:1px solid rgba(255,255,255,0.18)}body:not(.ui-ready) .container{opacity:0}body.ui-ready .container{opacity:1;transition:opacity 0.3s ease}@media (max-width:768px){.skeleton-banner{height:56px;border-radius:28px;margin-bottom:60px}.skeleton-title{width:80%;height:48px}.skeleton-subtitle{width:70%;height:20px}}.textarea-container.drag-over{border-color:#E1306C!important;box-shadow:0 0 15px rgba(225,48,108,0.4)!important;background:rgba(255,255,255,1)!important}.textarea-container.drag-over::after{content:'Drop images to upload';position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#E1306C;font-size:18px;font-weight:600;border-radius:20px;z-index:20;pointer-events:none}.footer .footer-container{max-width:100%!important;padding:20px 40px 10px!important}@media (max-width:768px){.footer .footer-container{padding:20px 20px 10px!important}}.avatar-container{display:none!important}#login-button{display:inline-flex!important}body.is-app-route #logged-out-header,body.is-app-route .logged-out-only,body.is-app-route #login-button{display:none!important}body.is-app-route .avatar-container{display:flex!important}