:root{--sidebar-width:290px;--navbar-height:62px;--registration-sidebar-width:400px;--theme-primary-color:#FFD700;--theme-text-color:rgba(255,255,255,0.9);--theme-heading-color:rgba(255,255,255,1);--theme-bg-color:rgba(31,31,31,0.25);--theme-card-bg:rgba(31,31,31,0.35);--theme-transition:all 0.3s ease-in-out;--theme-border-radius:14px;--theme-shadow:0 12px 24px rgba(0,0,0,0.2);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(212,161,228,0.4) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.5) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{box-sizing:border-box;margin:0;padding:0;}html,body{max-width:100%;width:100%;overflow-x:hidden !important;overflow-y:auto;position:relative;}body{background:linear-gradient(
125deg,#111111,#08080E,#08080E,#0d0d0f
);background-size:200% 200%;background-position:center;min-height:100vh;margin:0;color:white;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;position:relative;}.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.05;z-index:-1;}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(
circle at 0% 0%,rgba(255,59,48,0.03) 0%,transparent 50%
),radial-gradient(
circle at 100% 100%,rgba(255,59,48,0.03) 0%,transparent 50%
);pointer-events:none;z-index:1;}.logo{font-size:1.75rem;font-weight:800;margin-left:1rem;margin-right:5rem;background:linear-gradient(135deg,#FFD1E2 0%,#FFD1E2 20%,#FBF9E1 50%,#B3D2FF 80%,#B3D2FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:0.01rem;opacity:0.7;transition:transform 0.5s ease;cursor:pointer;z-index:100;}.logo:hover{transform:scale(1.05);}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(
circle at center,transparent 0%,rgba(0,0,0,0.35) 100%
);pointer-events:none;z-index:3;}.icon-navbar{width:25px;height:25px;transition:transform 0.3s ease;}.balance-display:hover .icon-navbar{transform:scale(1.1);}.balance-icon{margin-left:auto;}.balance-display{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;cursor:default;transform:translateX(-50px);transition:transform 0.3s ease;}.balance-display:hover{transform:translateX(-50px) scale(1.1);}.balance-amount{font-family:'Inter',sans-serif;font-weight:700;font-size:1.2rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.25);}.balance-display:hover::after{opacity:1;}.balance-display::after{content:"Your current balance";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}li a{display:inline-block;color:rgba(255,255,255,0.4);text-align:center;padding:14px 16px;text-decoration:none;position:relative;transition:all 0.3s ease;}li a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background:rgba(255,255,255,0.15);transition:all 0.3s ease;transform:translateX(-50%);backdrop-filter:blur(4px);}li a:hover::after{width:100%;}li a:hover{color:rgba(255,255,255,0.7);transform:translateY(-2px);}.pricing-section{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;width:100%;}.pricing-header{text-align:center;margin-bottom:0rem;}.welcome-text{display:block;font-size:1rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;}.pricing-header h1{font-size:3.2rem;font-weight:700;color:#ffffff;margin-bottom:1rem;letter-spacing:-0.02em;}.pricing-header p{font-size:1.1rem;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto;line-height:1.6;}.pricing-welcome{text-align:center;margin-bottom:3rem;}.pricing-welcome h2{font-size:2.4rem;font-weight:600;background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-welcome p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.pricing-intro{text-align:center;margin-bottom:0.2rem;}.pricing-intro h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#a5d6a7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-intro p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.main-content{margin-left:var(--sidebar-width);margin-top:2vh;padding:20px;display:flex;flex-direction:column;width:calc(100% - var(--sidebar-width));}.content{margin-top:60px;padding:5px;display:flex;flex-direction:column;margin:60px auto 0;}.navbar-item{display:inline-block;margin:0 10px;color:white;text-decoration:none;}.navbar-text{font-weight:700;}.grid-item{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:12px;background:rgba(255,255,255,0.03);transition:all 0.4s ease;backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 20px rgba(255,255,255,0.05);&:nth-child(4n+1){transform:translateY(20px);}&:nth-child(4n+2){transform:translateY(-15px);}&:nth-child(4n+3){transform:translateY(25px);}}.grid-item::before{content:'';position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(
45deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05) 30%,rgba(255,255,255,0) 50%
);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.15);}.grid-item:hover img{transform:scale(1.05);}.pricing-container{display:flex;gap:15px;justify-content:center;align-items:stretch;max-width:1400px;margin:0 auto;transform:scale(0.8);}.pricing-table{text-decoration:none;display:flex;flex-direction:column;padding:40px;gap:10px;width:325px;height:580px;position:relative;background-color:#FFFFFF !important;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #E7EBFF;box-shadow:0px 26px 40px rgba(188,202,255,0.13);border-radius:26px;box-sizing:border-box;opacity:0.85 !important;backdrop-filter:none;-webkit-backdrop-filter:none;color:#000000;}.pricing-table:hover{background-color:#FFFFFF;opacity:1;}.pricing-table.featured{position:relative;background-color:#FFFFFF !important;opacity:1 !important;}.pricing-table::before{display:none;}.pricing-cta{width:100%;padding:0.8rem;border:none;border-radius:8px;background:#f5f5f5;color:#333;font-weight:700;font-size:1.2rem;min-height:50px;cursor:pointer;transition:all 0.3s ease;margin-top:auto;}.pricing-cta:hover{transform:translateY(-2px);}.featured .pricing-cta{background:linear-gradient(45deg,#FF6B6B,#FF8E53);color:white;}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(45deg,#FF6B6B,#FF8E53);padding:0.2rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:500;color:white;box-shadow:0 4px 15px rgba(255,107,107,0.2);}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#000000;}.price{font-size:2.5rem;font-weight:800;color:#000000;}.price span{font-size:0.9rem;font-weight:400;opacity:0.7;}.pricing-features{flex:1;margin-bottom:20px 0;}.pricing-form{width:100%;margin-top:auto;}.pricing-features ul{list-style:none;padding:0;margin:0;}.upload-instructions ul{list-style:none;padding:0;margin:0;}.upload-instructions li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li{padding:0.5rem 0;color:#000000;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li::before{content:"✓";color:#666;}.login-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem;margin-left:200px;width:calc(100% - 200px);margin-top:60px;position:relative;}@keyframes gradientShift{0%{transform:rotate(0deg) scale(1);}50%{transform:rotate(180deg) scale(1.1);}100%{transform:rotate(360deg) scale(1);}}.login-form{position:relative;width:100%;max-width:360px;padding:2.5rem;border-radius:16px;background:linear-gradient(
169deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%
);backdrop-filter:blur(10px);box-shadow:0 4px 24px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.1);margin-top:2rem;overflow:hidden;}.login-form::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(
circle,rgba(255,255,255,0.1) 0%,transparent 50%
);animation:shimmer 8s linear infinite;pointer-events:none;}@keyframes shimmer{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.login-form h2{background:linear-gradient(45deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;font-size:1.8rem;text-align:center;font-weight:600;}.input-wrapper{display:flex;flex-direction:column;gap:0.375rem;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.wrap-input100{width:100%;position:relative;margin-bottom:24px;background:#ffffff;border-radius:8px;border:1px solid #e2e8f0;transition:border-color 0.2s ease;}.wrap-input100:focus-within{border-color:#8a8a8a;}.input100::placeholder{color:transparent;}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;}.focus-input100::after{font-size:15px;color:#6b7280;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left:12px;transition:all 0.2s ease;}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:all 0.4s;background:#000;}.input100:focus + .focus-input100::after,.input100:not(:placeholder-shown) + .focus-input100::after{top:-15px;font-size:13px;}.input100:focus + .focus-input100::before,.input100:not(:placeholder-shown) + .focus-input100::before{width:100%;}.email-button{width:100%;height:44px;border-radius:8px;background:#000;color:white;font-size:16px;cursor:pointer;transition:background-color 0.2s ease;border:none;}.email-button:hover{opacity:0.9;}.input100:-webkit-autofill,.input100:-webkit-autofill:hover,.input100:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset !important;-webkit-text-fill-color:#555555 !important;}.password-container{position:relative;}.forgot-password{position:absolute;right:0;top:-15px;font-size:13px;color:#666;text-decoration:none;transition:color 0.2s ease;}.forgot-password:hover{color:#000;}.signup-prompt{text-align:center;margin-top:20px;font-size:14px;color:#666;}.signup-link{color:#000;text-decoration:none;margin-left:5px;font-weight:500;transition:opacity 0.2s ease;}.signup-link:hover{opacity:0.7;}.spinner-container{position:relative;}.htmx-indicator{opacity:0;transition:opacity 300ms ease-in;}.htmx-request .htmx-indicator{opacity:1;}img.htmx-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:1000;filter:invert(1);}.form-spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10;}.email-form{position:relative;min-height:180px;}.form-spinner{width:100px;height:100px;filter:invert(1);}.forgot-password-form .form-spinner-container{padding-bottom:30px;}.reset-password-form .form-spinner-container{padding-bottom:20px;}.modal-form .form-spinner-container{padding-bottom:0;}.htmx-request.spinner-fullscreen .spinner-overlay{opacity:1;pointer-events:all;}form.spinner-container{display:flex;flex-direction:column;position:relative;min-height:650px;}#spinner{filter:invert(1);}.login-button{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(
45deg,rgba(76,175,80,0.8),rgba(33,150,243,0.8)
);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:1rem;position:relative;overflow:hidden;}.login-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(
90deg,transparent,rgba(255,255,255,0.2),transparent
);transition:0.5s;}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2),0 2px 5px rgba(76,175,80,0.2);}.login-button:hover::before{left:100%;}.form-footer{margin-top:1.5rem;text-align:center;color:rgba(255,255,255,0.6);}.form-footer a{color:#4CAF50;text-decoration:none;font-weight:500;transition:all 0.3s ease;}.form-footer a:hover{color:#81C784;text-shadow:0 0 10px rgba(76,175,80,0.3);}.hero-section{width:100%;min-height:10rem;padding-top:0vh;padding:2.5rem 0rem 2rem !important;margin-bottom:0 !important;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}.hero-content{text-align:center;z-index:10;max-width:none;padding:0;}.generate-cta{position:relative;padding:0.8rem 2.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;color:#000000;background-color:#FF3E3E;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(255,62,62,0.4);}.generate-cta:hover{transform:translateY(-2px);background-color:#FF5252;box-shadow:0 6px 20px rgba(255,62,62,0.5);}.generate-cta:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(255,62,62,0.3);}.generate-text{display:inline-block;}.generate-icon{display:inline-block;margin-left:10px;transition:transform 0.2s ease;}.generate-cta:hover .generate-icon{transform:translateX(3px);}.CTA-button{display:flex;flex-direction:column;align-items:flex-start;padding:0px;position:absolute;width:423px;height:152px;left:492px;top:229px;}.CTA-text{width:auto;font-family:'Inter';font-style:normal;font-weight:800;font-size:3.85rem;line-height:1.2;margin:4rem 0 0rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}.CTA-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:2.55vh;line-height:1.5;color:rgba(255,255,255,0.8);margin:0 0 0.5rem 0;text-align:center;}.input-text{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 7px 8px 19px;gap:2vh;width:55vh;height:8.25vh;background:#FFFFFF;border:1px solid #F1F3F7;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:8px;margin:0 auto;}.email-input{border:none;outline:none;width:100%;font-family:'Inter',sans-serif;font-size:14px;color:#333;}.email-input::placeholder{color:#8E8E8E;}.primary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2.0vh;gap:0.512vh;width:13vh;height:5.85vh;background:#070707;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:0.6vh;border:none;color:white;font-family:'Inter',sans-serif;font-size:2.35vh;font-weight:400;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all 0.3s ease;}.primary-button:hover{transform:scale(1.02);}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}.display-container{max-width:202vh;margin:0 0;padding:0 0;padding-top:1rem;position:relative;display:block;justify-content:center;align-items:center;margin-bottom:1rem;}.display-text{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-text-grid{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-subtext{font-family:'Inter';font-style:normal;font-weight:100;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:4rem;}.display-subtext-demo{font-family:'Inter';font-style:normal;font-weight:300;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:0rem;}.display-section{text-align:center;margin-right:50vh;align-items:center;margin-bottom:3rem;padding:0 2rem;}.display-section-demo{text-align:center;align-items:center;margin-bottom:3rem;padding:0 2rem;}.image-row{display:flex;gap:5px;padding:0;width:calc(100% - 40px);justify-content:center;align-items:center;}.demo-section{display:flex;flex-direction:column;align-items:center;margin-top:5rem;justify-content:left;gap:2rem;width:100%;}.demo-content-row{display:flex;align-items:flex-start;gap:1rem;width:auto;}.demo-column{display:relative;flex-direction:column;align-items:center;text-align:center;width:100%;}.demo-column:nth-child(2){margin-top:8rem;}.demo-image-bucket-background{height:150px;width:150px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image-bucket{height:150px;width:150px;border-radius:7px;object-fit:cover;object-position:center;}.faq-header{display:flex;justify-content:center;margin-bottom:1.5rem;}.demo-arrow{scale:4.2;margin-right:2.5rem;margin-left:5.5rem;margin-top:3.5rem;fill:#ffffff;filter:brightness(0) invert(1);flex-shrink:0;}.demo-image-container{position:relative;margin-left:2.5rem;width:305px;height:410px;}.demo-image-background{width:255px;height:360px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image{width:255px;height:360px;border-radius:12px;position:absolute;top:5px;left:5px;object-fit:cover;z-index:2;}.image-bucket{display:flex;justify-content:center;border-radius:12px;}.bucket-title{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#333;width:100%;text-align:center;margin:0;}.bucket-subtitle{font-family:'Inter';font-weight:400;font-size:1rem;color:#666;width:100%;text-align:center;margin:8px 0 0 0;}.demo-header{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#FFFFFF;margin-bottom:0.5rem;text-align:center;width:100%;}.demo-subheader{font-family:'Inter';font-weight:200;font-size:0.9rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;text-align:center;width:100%;}.bucket{width:20rem;height:23.75rem;display:flex;flex-direction:column;align-items:center;padding:5px 1px;overflow:hidden;flex-shrink:0;}.row-image{width:11.5352rem;height:18.107200000000002rem;border-radius:4.26vh;object-fit:cover;transition:all 0.3s ease;}.row-image:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,0.1);}.image-section{width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:0 4rem;margin-bottom:2rem;margin-top:1rem;}.image-row{display:flex;gap:20px;justify-content:center;align-items:center;max-width:1200px;width:100%;}.generate-page{display:flex;align-items:center;padding:40px;min-height:100vh;z-index:10;margin-top:100px;}.upload-section,.settings-panel{border-radius:12px;padding:20px;margin:20px;width:80%;max-width:600px;}.upload-section h2,.settings-panel h2{font-size:1.5rem;margin-bottom:10px;}.upload-button{background-color:#FF6B6B;color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;}.upload-button:hover{background-color:#FF8E53;}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:10px;}.preset-card{background:rgba(255,255,255,0.2);border-radius:12px;padding:15px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;}.preset-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(255,255,255,0.3);}.preset-card h4{margin:0;font-size:1.2rem;color:#FF6B6B;}.preset-card p{margin:5px 0 0;font-size:0.9rem;color:#ccc;}.tune-bar,.custom-settings{margin-top:20px;}.slider{width:100%;margin:10px 0;}.upload-icon-button{background:none;border:none;cursor:pointer;padding:0;transition:transform 0.2s ease;margin:0px 0;}.upload-icon-button:hover{transform:scale(1.1);}.upload-icon{width:50px;height:50px;filter:invert(1);}.upload-instructions{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50px;}.upload-instructions-text{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-instructions-list{list-style:none;padding:0;margin:0;margin-top:10px;}.upload-instructions-list li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;width:100%;position:relative;padding-left:20px;}.upload-instructions-list li::before{content:"✓";position:absolute;left:0;color:#4CAF50;font-weight:bold;font-size:1rem;}.upload-instructions-list li.x-mark::before{content:"✗";color:#FF6B6B;}.upload-instructions-list li i{margin-right:10px;color:#f0f0f0;}.upload-zone{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:20px 30px;width:90%;max-width:654px;height:150px;background:rgba(8,8,14,0.5);border:2px dashed rgba(203,208,220,0.3);border-radius:26px;transition:all 0.2s ease;position:relative;margin:20px auto;backdrop-filter:blur(10px);cursor:pointer;}.upload-zone:hover{border-color:rgba(203,208,220,0.5);background:rgba(8,8,14,0.1);}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;}.upload-icon{width:32px;height:32px;opacity:0.8;}.upload-title{font-family:'Inter',sans-serif;font-weight:200;font-size:0.95rem;color:rgba(255,255,255,0.6);margin:0;letter-spacing:0.03em;text-transform:none;font-feature-settings:"liga" 0;}.upload-section h2{font-family:'Inter';font-style:normal;font-weight:800;font-size:50px;line-height:1.2;margin:0 0 1.5rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;text-shadow:0px 0px 40px rgba(255,255,255,0.15);}.upload-preview-container{width:90%;max-width:654px;margin:20px auto;background:rgba(8,8,14,0.5);border-radius:16px;padding:20px;backdrop-filter:blur(10px);}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.preview-count{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;}.start-upload-btn{padding:8px 16px;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);border:none;border-radius:8px;color:#000;font-family:'Inter';font-weight:500;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(8,8,14,0.5);}.preview-item img{width:100%;height:100%;object-fit:cover;}.preview-item .remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;}.preview-item:hover .remove-btn{opacity:1;}.upload-progress{display:flex;align-items:center;gap:12px;}.progress-bar{flex-grow:1;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;width:0%;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);transition:width 0.3s ease;}.progress-text{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;min-width:40px;text-align:right;}.preferences-section{width:90%;max-width:654px;margin:20px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;border-radius:16px;}.preference-group{display:flex;flex-direction:column;gap:8px;}.preference-group label{font-family:'Inter',sans-serif;font-weight:300;font-size:0.9rem;color:rgba(255,255,255,0.8);letter-spacing:0.02em;}.preference-select{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(8,8,14,0.6);color:rgba(255,255,255,0.9);font-family:'Inter',sans-serif;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(10px);}.preference-select:hover{border-color:rgba(255,255,255,0.2);background:rgba(8,8,14,0.7);}.preference-select:focus{outline:none;border-color:rgba(255,255,255,0.3);background:rgba(8,8,14,0.8);}.preference-select option{background:rgb(8,8,14);color:rgba(255,255,255,0.9);padding:10px;}.train-button-container{width:90%;max-width:654px;margin:40px auto;display:flex;justify-content:center;}.train-button{font-family:'Inter';font-weight:800;font-size:2rem;padding:20px 30px;border:none;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#FF6B6B 0%,#FF8F8F 100%);color:white;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.03em;box-shadow:0px 4px 20px rgba(255,107,107,0.2);font-style:normal;position:relative;overflow:hidden;}.train-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#FF8F8F 0%,#FFA7A7 100%);opacity:0;transition:opacity 0.3s ease;}.train-button:hover{transform:translateY(-2px);box-shadow:0px 8px 30px rgba(255,107,107,0.3);}.train-button:active{transform:translateY(1px);}.train-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.spinner{width:50px;height:50px;border:3px solid rgba(141,141,141,0.1);border-radius:50%;border-left-color:#FF6B6B;animation:spin 0.8s ease-in-out infinite;margin:30px 0;}@keyframes spin{0%{transform:rotate(0deg);}50%{transform:rotate(18000deg);}100%{transform:rotate(36000deg);}}.training-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:800px;padding:40px;text-align:center;}.loading{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;}.loading h2{font-family:'Inter';font-weight:700;font-size:2rem;color:white;margin-bottom:20px;}.loading p{font-family:'Inter';font-weight:400;font-size:1rem;color:rgba(255,255,255,0.8);line-height:1.5;}.section{min-height:100vh;width:100%;margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center;}.faq-list{flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:1rem;padding-left:0;}.faq-list-item{font-size:1rem;font-weight:200;display:block;padding-bottom:0.1rem;line-height:1.5;margin-bottom:0.1rem;}.faq{display:block;align-items:center;max-width:100vh;margin:0 auto;margin-bottom:3rem;}.faq-container{width:100%;margin-top:0.5rem;padding-bottom:0.2rem;cursor:pointer;border-bottom:1px solid #ffffff;}.faq-item{width:100%;}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding-bottom:0.2rem;cursor:pointer;}.faq-title{font-family:'Inter';font-weight:800;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 0px 40px rgba(255,255,255,0.15);font-size:2.5rem;max-width:60rem;margin:2rem 0rem;color:white;padding-bottom:3vh;}.faq-answer{max-height:0;padding-top:0.5rem;overflow:hidden;line-height:1.4;font-size:0.95rem;max-width:200vh;word-wrap:break-word;transition:max-height 0.5s ease-in-out;}.faq-container.active .faq-answer{max-height:100vh;}.faq-note{margin-top:1rem;}.faq{display:block;align-items:center;justify-content:center;}.image-grid-section{width:100%;max-width:1800px;margin:0rem auto;display:flex;padding:0 2rem;justify-content:center;}.image-grid-demo{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:0.5rem;}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);width:fit-content;gap:0.55rem;padding:0.1rem 0;}.image-grid-item{position:relative;width:13rem;height:19rem;overflow:hidden;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;transform:translateZ(0);backface-visibility:hidden;}.image-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;justify-content:center;transition:transform 0.3s ease;}.image-grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.image-grid-item:hover img{transform:scale(1.05);}.image-grid-item img.loading{opacity:0;}@media (max-width:1200px){.image-grid-section{width:95%;padding:0 1rem;}}@media (max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}}@media (max-width:480px){.image-grid{grid-template-columns:1fr;}.image-grid-section{padding:0 0.5rem;}}@keyframes imageFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.image-grid-item img.loading{opacity:0;}.image-grid-item img{animation:imageFadeIn 0.5s ease forwards;}@media (max-width:768px){.hero-section{padding:0.2rem;display:block;flex-direction:column;width:100%;height:100%;}.hero-content{width:100%;height:100%;min-height:0;}.CTA-text{font-size:9.0vw;margin-bottom:0.0rem;}.CTA-subtitle{font-size:2.5vh;}.input-text{width:75%;display:flex;align-items:center;justify-content:center;height:7vh;}.email-input{width:100%;}.primary-button{width:15vh;height:6vh;font-size:2.64vh;font-weight:400;padding:1.5vh;border-radius:0.6vh;margin-top:1vh;margin-bottom:1vh;}.logo{font-size:4vh;}.image-section{display:flex;margin-top:1vh;flex-direction:column;align-items:center;justify-content:center;}.image-row{display:flex;flex-direction:column;align-items:center;gap:4vh;justify-content:center;}.row-image{object-fit:cover;}.display-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:0.5rem;margin:0rem auto;}.display-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;margin:0;text-align:center;}.display-text{font-size:12vw;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.display-subtext{font-size:4.5vw;padding:0;margin:0 0 2rem 0;text-align:center;justify-content:center;line-height:1.2;word-wrap:break-word;position:relative;}.pricing-container{display:flex;flex-direction:column;align-items:center;margin-top:-10vh;justify-content:center;}.pricing-header{margin-top:0.5vh;margin-bottom:1vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}.faq-section{max-width:1200px;margin:0 auto;padding:0.5rem;}.faq-title{font-size:2.5rem;display:block;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.faq-item{padding:0.8rem 1rem;}.faq-question{font-size:1rem;}.faq-answer{font-size:0.9rem;padding:0 1rem;}.faq-list{padding-left:1rem;}}.footer{background:rgba(0,0,0,0.2);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);width:100%;padding:4rem 2rem 1rem;margin-top:auto;}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3rem;}.footer-brand h3{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;}.footer-brand p{color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:1.5rem;font-size:0.95rem;}.social-links{display:flex;gap:1rem;}.social-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:1.2rem;transition:color 0.2s ease;}.social-links a:hover{color:#fff;}.footer h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.2rem;}.footer ul{list-style:none;padding:0;margin:0;}.footer ul li{margin-bottom:0.8rem;}.footer ul a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.95rem;transition:color 0.2s ease;}.footer ul a:hover{color:#fff;}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:rgba(255,255,255,0.5);font-size:0.9rem;}@media (max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem;}.footer-brand{grid-column:1 / -1;}}@media (max-width:576px){.footer-content{grid-template-columns:1fr;}.footer{padding:3rem 1.5rem 1rem;}}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Helvetica,Verdana,Arial,sans-serif;}.modal-content{background:white;border-radius:10px;width:390px;max-width:90vw;position:relative;transition:opacity 0.2s ease;padding:30px;max-height:90vh;overflow-y:auto;}.email-button{background:black !important;color:white !important;width:100%;height:52px;border:none;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:15px 0;padding:12px 20px;transition:opacity 0.2s ease;}.email-button:hover{opacity:0.9;}.sign-in-page-social-btn-container{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:0 20px;cursor:pointer;transition:background 0.2s ease;}.sign-in-page-social-btn-container:hover{background:#f8f8f8;}.sign-in-page-social-btn-container img{width:20px;height:20px;margin-right:12px;}.sign-in-divider{display:flex;align-items:center;margin:25px 0;}.sign-in-divider-line{flex:1;height:1px;background:#ccc;margin:0;}.sign-in-divider-text{color:#666;font-size:14px;padding:0 12px;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.signup-prompt{text-align:center;color:#666;margin:20px 0;}.signup-prompt a{color:#4169E1;text-decoration:none;font-weight:500;}.panel-context{color:#666;font-size:12px;text-align:center;margin:25px 0 0;line-height:1.5;}.panel-context a{color:#4169E1;text-decoration:none;}.social-text{color:#000000;font-size:0.95rem;font-weight:300;}.hidden{display:none;}@media (max-width:768px){.modal-content{width:95vw;max-width:95vw;padding:16px;margin:8px;border-radius:8px;max-height:85vh;}.modal-header{margin-bottom:12px;}.modal-header h2{font-size:20px;margin-bottom:6px;}.signup-prompt{margin:10px 0;font-size:14px;}.email-button{height:44px;font-size:14px;margin:10px 0;}.sign-in-page-social-btn-container{height:44px;margin:6px 0;}.sign-in-divider{margin:12px 0;}.panel-context{font-size:11px;margin:12px 0 0;line-height:1.3;}.wrap-input100{margin-bottom:10px;}.input100{font-size:14px;padding:10px 12px;height:44px;}.password-requirements{margin:8px 0;padding:8px;border-radius:6px;}.password-requirements li{font-size:12px;padding:2px 0 2px 18px;}.form-group{margin:0;}}@media (max-width:480px){.modal-content{width:98vw;max-width:98vw;padding:12px;margin:4px;border-radius:6px;max-height:92vh;}.modal-header{margin-bottom:8px;}.modal-header h2{font-size:18px;margin-bottom:4px;}.signup-prompt{margin:8px 0;font-size:13px;}.email-button{height:42px;font-size:13px;margin:8px 0;padding:8px 12px;}.sign-in-page-social-btn-container{height:42px;margin:4px 0;padding:0 12px;}.sign-in-page-social-btn-container img{width:18px;height:18px;margin-right:8px;}.social-text{font-size:0.9rem;}.sign-in-divider{margin:8px 0;}.sign-in-divider-text{font-size:12px;padding:0 8px;}.panel-context{font-size:10px;margin:8px 0 0;line-height:1.2;}#close-button{top:8px;right:8px;}#close-button img{width:12px;height:12px;}.wrap-input100{margin-bottom:8px;}.input100{font-size:13px;padding:8px 10px;height:40px;}.focus-input100{font-size:12px;}.password-requirements{margin:6px 0;padding:6px;}.password-requirements li{font-size:11px;padding:1px 0 1px 16px;}.user-exists-message{font-size:12px;margin:6px 0 10px;padding:6px;}}@media (max-width:360px){.modal-content{width:100vw;max-width:100vw;padding:12px;margin:0;border-radius:0;max-height:100vh;min-height:100vh;}#modal{align-items:flex-start;}.modal-header h2{font-size:16px;}.email-button{height:42px;font-size:12px;}.sign-in-page-social-btn-container{height:42px;font-size:12px;}.social-text{font-size:0.85rem;}}@media (max-width:768px){.input100{-webkit-appearance:none;border-radius:6px;min-height:44px;}.input100,.email-button,.sign-in-page-social-btn-container{font-size:16px !important;}}@media (max-width:480px){.input100{min-height:42px;}.input100{font-size:16px !important;}}.htmx-swapping{opacity:0;}.htmx-settling{opacity:1;}.success-content{text-align:center;padding:20px 0;}.success-icon{width:60px;height:60px;background:#000;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px;}.sidebar-icon{width:50%;justify-content:left;display:flex;height:50%;transition:transform 0.5s ease;}sidebar-icon:hover{transform:scale(1.05);}button:focus-within .sidebar-icon{transform:scale(1.1);}.success-message{color:#4e5652;font-size:16px;line-height:1.5;margin-bottom:25px;}.error-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem;}.error-content{text-align:center;max-width:600px;}.error-icon{width:80px;height:80px;background:#ff4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;}.error-icon span{color:white;font-size:40px;font-weight:bold;}.error-title{font-size:2rem;color:#333;margin-bottom:1rem;}.error-message{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.5;}.error-actions{display:flex;gap:1rem;justify-content:center;}.error-actions button{padding:0.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.error-actions .primary-button{background:#000;color:white;border:none;}.error-actions .primary-button:hover{background:#333;}.error-actions .secondary-button{background:transparent;color:#333;border:1px solid #ccc;}.error-actions .secondary-button:hover{background:#f5f5f5;}.sidebar-menu{width:var(--sidebar-width);background-color:#1f1f1f;height:100vh;padding:20px;position:fixed;top:0.90%;left:0.25%;border-radius:5px;overflow-y:auto;transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:2px 0 8px rgba(0,0,0,0.5);z-index:100;}.sidebar-menu.hidden{transform:translateX(-100%);}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);}.sidebar-header h2{font-size:1.3rem;font-weight:bold;color:white;}.close-sidebar{background:none;border:none;color:white;font-size:1.3rem;cursor:pointer;}.menu-toggle{position:fixed;top:15px;left:calc(var(--sidebar-width) + 10px);background-color:#1f1f1f;color:#ddd;justify-content:flex;border:none;padding:10px 12px;border-radius:50%;cursor:pointer;z-index:110;padding:20px;transition:left 0.4s cubic-bezier(0.68,-0.55,0.265,1.55),transform 0.4s ease;font-size:1.2rem;}.sidebar-menu.hidden + .menu-toggle{left:10px;transform:rotate(180deg);}.menu-toggle.toggle-visible{left:10px;transform:rotate(180deg);}body.sidebar-active .navbar{left:calc(var(--sidebar-width) + 0.5%);right:0.5%;}body.registrationbar-active .navbar{left:calc(var(--registration-sidebar-width) + 0.5%);right:0.5%;}.form-group{margin-bottom:15px;}.form-group label{display:block;margin-bottom:20px;font-size:0.9rem;color:#ccc;}.form-group textarea,.form-group select{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;}.form-group textarea::placeholder{color:#777;}.form-group textarea:focus,.form-group select:focus{background:#333;outline:none;}.generate-btn{width:100%;border:none;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:gradientShift 3s ease infinite;border-radius:4px;cursor:pointer;transition:background 0.3s ease;}.generate-btn:hover{background-position:100% 100%;filter:brightness(1.1);}.card{width:100%;aspect-ratio:2/3;height:auto;cursor:pointer;border-radius:12px;overflow:hidden;background:#1e1e1e;border:1px solid rgba(255,255,255,0.08);position:relative;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3);}.shine-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#141414;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;display:block;}.overlay{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;justify-content:flex-end;padding:5px;background:linear-gradient(
to bottom,rgba(0,0,0,0.4) 0%,transparent 30%
);opacity:0;transition:opacity 0.3s ease;}.card:hover .overlay{opacity:1;}.download-btn,.delete-btn{background:rgba(0,0,0,0.85);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.download-btn{background:rgba(255,255,255,0.15);}.delete-btn{background:rgba(220,38,38,0.15);}.download-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.delete-btn:hover{background:rgba(220,38,38,0.25);transform:translateY(-2px);}.shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(
to right,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%
);transform:skewX(-15deg);animation-duration:0.8s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-fill-mode:forwards;display:none;}.card:hover .shine{display:block;animation-name:shine;}@keyframes shine{from{left:-100%;}to{left:200%;}}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;width:100%;padding:0;justify-content:start;align-content:start;}.shine-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#141414 0%,#1a1a1a 50%,#141414 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;opacity:0;transition:opacity 0.3s ease;}.shine-wrapper.loading::before{opacity:1;}100%{background-position:200% 0;}}@media (max-width:1200px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}}@media (max-width:900px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}}@media (max-width:600px){.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}}.expand-btn{background:rgba(255,255,255,0.15);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.expand-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.prompt-with-copy{position:relative;width:100%;}.copy-btn.copied .copy-feedback{opacity:1;transform:translateX(0);}.copy-feedback{position:absolute;background:rgba(0,0,0,0.8);color:white;padding:6px 12px;border-radius:4px;font-size:0.8rem;right:40px;white-space:nowrap;opacity:0;transform:translateX(10px);transition:all 0.2s ease;pointer-events:none;}.copy-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;}.copy-btn:hover{background:rgba(255,255,255,0.2);}.copy-icon{width:30px;height:30px;opacity:0.7;}#modal-prompt{resize:none;cursor:default;min-height:100px;height:auto;border-radius:6px;overflow:hidden;white-space:pre-wrap;padding-right:45px;}.stats-row{display:flex;gap:16px;width:100%;}.half-width{flex:1;}.info-input{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;cursor:default;}.info-input:focus{outline:none;}#modal-gallery{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;}.modal-content-image{position:relative;z-index:1002;width:800px;min-height:500px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;display:grid;grid-template-rows:auto 1fr;}.modal-info{padding:24px;background:#1a1a1a;border-left:1px solid rgba(255,255,255,0.1);height:100%;overflow-y:auto;}.info-section{display:flex;flex-direction:column;gap:24px;}.info-group{margin-bottom:20px;}.info-group label{display:block;color:#ccc;font-size:0.9rem;margin-bottom:8px;font-weight:500;}.info-group p{color:#fff;font-size:0.9375rem;line-height:1.5;margin:0;}.info-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}.stat-item{padding:12px;background:rgba(255,255,255,0.05);border-radius:8px;display:flex;flex-direction:column;gap:4px;}.stat-item label{color:#999;font-size:0.75rem;}.stat-item span{color:#fff;font-size:0.875rem;font-weight:500;}.modal-info h3{color:#ffffff;font-size:1.25rem;margin-bottom:24px;font-weight:500;}.modal-underlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:191;}#close-button-modal{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:99003;}#close-button:hover{background:rgba(255,255,255,0.2);}#close-button-modal img{width:14px;height:14px;opacity:0.8;}#close-button-modal:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform 0.3s ease;}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.modal-content-image{position:relative;z-index:1002;width:1100px;height:600px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;}.modal-layout{display:grid;grid-template-columns:2fr 1fr;height:100%;}.modal-link{cursor:pointer;color:#007bff;text-decoration:underline;}.modal-link:hover{color:#0056b3;}.image-modal{height:100%;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}.prompt-container{background:rgba(42,42,42,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:16px;position:relative;backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.1);}.prompt-text{color:#f0f0f0;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:0.95rem;line-height:1.6;font-weight:400;letter-spacing:-0.01em;padding:12px;border-radius:4px;transition:all 0.2s ease;}@media (max-width:1200px){.modal-content-image{width:90vw;height:80vh;}}@media (max-width:768px){.modal-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;}.modal-info{border-left:none;border-top:1px solid rgba(255,255,255,0.1);}}.particle-loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:var(--theme-border-radius);background:transparent;}.particle-loading-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:12px;font-weight:600;color:rgba(255,215,0,0.8);letter-spacing:1px;z-index:15;text-align:center;pointer-events:none;}.ring::before{background-image:radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);background-size:100% 100%,200% 200%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite;}@keyframes shimmerMove{0%{background-position:0% 0%,-200% -200%;}100%{background-position:0% 0%,200% 200%;}}@media (max-width:768px){.ring{width:160px;height:160px;}.ring::before{width:30px;height:30px;}.ring::after{font-size:10px;bottom:-25px;}}@media (max-width:480px){.ring{width:140px;height:140px;}.ring::before{width:25px;height:25px;}.ring::after{font-size:9px;bottom:-20px;letter-spacing:0.5px;}.ring span::before,.ring span::after{width:2px;height:2px;}}.ring::before{background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,0.3) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(139,69,19,0.3) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,182,193,0.2) 1px,transparent 1px),radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%);background-size:50px 50px,60px 60px,40px 40px,100% 100%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite,dustFloat 8s ease-in-out infinite;}@keyframes dustFloat{0%,100%{background-position:0% 0%,0% 0%,0% 0%,0% 0%;}25%{background-position:100% 0%,0% 100%,50% 50%,0% 0%;}50%{background-position:100% 100%,100% 100%,100% 0%,0% 0%;}75%{background-position:0% 100%,100% 0%,50% 100%,0% 0%;}}.ring,.ring::before,.ring::after,.ring span::before,.ring span::after{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;}.ring{position:relative;}.ring::after{content:'AI THINKING...';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:11px;font-weight:600;color:rgba(102,126,234,0.8);letter-spacing:1px;animation:textPulse 1.5s ease-in-out infinite;z-index:15;}.ring.stage-convergence::after{content:'CREATING MAGIC...';color:rgba(139,69,19,0.9);}.ring.stage-complete::after{content:'ALMOST READY!';color:rgba(34,197,94,0.9);}.ring.stage-convergence::before{box-shadow:0 0 20px rgba(102,126,234,0.7),inset 0 0 20px rgba(139,69,19,0.5),0 0 40px rgba(102,126,234,0.3);}.ring.stage-complete::before{box-shadow:0 0 25px rgba(34,197,94,0.8),inset 0 0 25px rgba(139,69,19,0.6),0 0 50px rgba(34,197,94,0.4);}#why-boothai-section{display:flex;justify-content:center;padding:2rem 1rem;margin:2rem auto;}.why-card{background:rgba(20,20,20,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.5);max-width:800px;width:100%;padding:1.5rem;}.why-content{display:flex;align-items:stretch;gap:0.5rem;}.why-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0.5rem;color:#fff;}.why-title{font-size:2rem;font-weight:700;margin-bottom:0.5rem;color:#fff;}.why-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:#ddd;}.why-description{font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#ccc;}.why-features{list-style:none;padding:0;margin-bottom:0.5rem;}.why-features li{font-size:0.95rem;margin-bottom:0.25rem;display:block;align-items:center;text-align:left;color:#eee;}.why-features li strong{margin:0;padding:0;line-height:1;display:inline;font-weight:bold;}.why-cta{display:inline-block;height:50px;width:325px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:gradientShift 3s ease infinite;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.why-cta:hover{box-shadow:0 6px 12px rgba(0,0,0,0.3);}.why-cta:active{transform:translateY(0);box-shadow:0 3px 6px rgba(0,0,0,0.25);}.why-img{flex:1;display:flex;align-items:center;justify-content:center;padding:0.5rem;max-width:300px;}.why-img img{width:300px;height:450px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);object-fit:cover;}@media (max-width:768px){.why-content{flex-direction:column;align-items:center;gap:1.5rem;}.why-text{text-align:center;}}#reg-split{position:fixed;top:0;left:0;width:var(--registration-sidebar-width,400px);height:100vh;background:rgba(8,8,14,0.95);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,0.1);z-index:1000;overflow-y:auto;}.reg-container{padding:2rem;height:100%;}.reg-form{display:flex;flex-direction:column;gap:2rem;}.reg-nav{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:0.1rem;}.reg-step{font-size:0.9rem;color:rgba(255,255,255,0.6);cursor:pointer;padding:0.5rem;position:relative;transition:color 0.3s ease;}.reg-step::after{content:'';position:absolute;bottom:-1rem;left:0;width:100%;height:2px;background:transparent;transition:background-color 0.3s ease;}.reg-step.active{color:#FF6B6B;}.reg-step.active::after{background:linear-gradient(90deg,#FF6B6B,#FF8E53);}.reg-step-content{display:none;flex-direction:column;gap:1.5rem;}.reg-step-content.active{display:flex;animation:fadeIn 0.3s ease;}.reg-form label{display:block;margin-bottom:0.1rem;color:rgba(255,255,255,0.9);font-size:0.95rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.reg-form input{width:100%;padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:1rem;transition:all 0.3s ease;}.reg-form input:focus{outline:none;border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plans{display:grid;gap:1rem;}.reg-plan{padding:1rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.3s ease;}.reg-plan:hover{border-color:#FF6B6B;transform:translateY(-2px);}.reg-plan.selected{border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plan h3{color:#fff;margin-bottom:0.1rem;}.reg-plan p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn{width:100%;padding:0.75rem;background:linear-gradient(135deg,#FF6B6B,#FF8E53);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.reg-btn:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,0.1);}.reg-btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px);}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){#reg-split{width:100%;}.reg-container{padding:1.5rem;}}.reg-header{text-align:center;margin-bottom:0.1rem;}.reg-title{font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,#FFD1E2,#B3D2FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.1rem;}.reg-subtitle{color:rgba(255,255,255,0.7);font-size:1rem;}.reg-step-header{margin-bottom:0.0rem;}.reg-step-header h2{font-size:1.2rem;color:#fff;margin-bottom:0.25rem;}.reg-step-header p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-divider{position:relative;text-align:center;margin:1.5rem 0;}.reg-divider::before,.reg-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 70px);height:1px;background:rgba(255,255,255,0.1);}.reg-divider::before{left:0;}.reg-divider::after{right:0;}.reg-divider span{background:rgba(8,8,14,0.95);padding:0 1rem;color:rgba(255,255,255,0.5);font-size:0.9rem;}.reg-social-buttons{display:grid;margin-top:0.25rem;}.reg-btn-social{padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;}.reg-btn-social:hover{background:rgba(255,255,255,0.1);}.reg-password-requirements{background:rgba(26,26,36,0.5);padding:1rem;border-radius:8px;margin:1rem 0;}.reg-password-requirements p{color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}.reg-password-requirements ul{list-style:none;padding:0;margin:0;}.reg-password-requirements li{color:rgba(255,255,255,0.6);font-size:0.9rem;margin-bottom:0.25rem;padding-left:1.5rem;position:relative;}.reg-password-requirements li::before{content:'•';position:absolute;left:0.5rem;color:#FF6B6B;}.reg-code-help{display:flex;align-items:center;gap:0.5rem;margin:1rem 0;}.reg-code-help p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn-text{background:none;border:none;color:#FF6B6B;font-size:0.9rem;cursor:pointer;padding:0;}.reg-btn-text:hover{text-decoration:underline;}.reg-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.1rem;}.reg-plan-price{color:#FF6B6B;font-weight:600;}.reg-plan-features{list-style:none;padding:0;margin:0;}.reg-plan-features li{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:0.1rem;padding-left:1.5rem;position:relative;}.reg-plan-features li::before{content:'✓';position:absolute;left:0;color:#FF6B6B;}.reg-footer{margin-top:0.5rem;text-align:center;}.reg-terms{margin-top:0.2rem;font-size:0.8rem;color:rgba(255,255,255,0.5);}.reg-terms a{color:#FF6B6B;text-decoration:none;}.reg-terms a:hover{text-decoration:underline;}@media screen and (max-width:768px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.5rem;margin-right:1rem;}.navbar-left ul{gap:5px;}.navbar-left li{margin:0 5px;}li a{padding:10px 12px;font-size:0.9rem;}.balance-display{gap:4px;padding:2px 8px;transform:translateX(-30px);}.icon-navbar{width:22px;height:22px;}.balance-amount{font-size:1rem;}}@media screen and (max-width:480px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.25rem;margin-right:2rem;}.navbar-left ul{gap:3px;}.navbar-left li{margin:0 3px;}li a{font-size:0.85rem;padding:8px 10px;}.balance-display{padding:2px 6px;gap:3px;transform:translateX(-20px);}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:0.9rem;}}@media screen and (max-width:350px){.navbar{left:2%;right:2%;padding:0 0.3rem;}.logo{font-size:1rem;margin-right:1rem;}.navbar-left ul{gap:2px;}.navbar-left li{margin:0 2px;}li a{font-size:0.8rem;padding:6px 8px;}.balance-display{padding:2px 4px;gap:2px;transform:translateX(-10px);}.icon-navbar{width:18px;height:18px;}.balance-amount{font-size:0.85rem;}}@media screen and (max-width:768px){body.sidebar-active .navbar{position:fixed;top:0;left:0%;right:0%;width:100%;padding:0 1rem;z-index:1100;background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;}.navbar-left,.navbar-right{display:flex;justify-content:center;align-items:center;flex:1;}.navbar-list{display:flex;gap:10px;justify-content:center;}.sidebar-menu{position:fixed;margin-top:5px;top:55px;width:100%;height:300px;background:rgba(31,31,31,0.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;display:flex;border-radius:0;flex-direction:column;padding:15px;}.control-panel{height:100%;display:flex;flex-direction:column;position:relative;}.main-content{padding:15px;margin:0 auto;margin-top:40vh;}.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}.card{flex:0 1 auto;min-width:220px;width:auto;margin:0 auto;}.navbar-right{display:flex;align-items:center;justify-content:center;flex:1;}.balance-display{display:flex;align-items:center;justify-content:center;gap:5px;}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:1rem;font-weight:bold;}.shine-wrapper{width:100%;height:100%;position:relative;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;}.overlay{position:absolute;top:0;left:0;right:0;border-radius:0px;padding:2px;background:linear-gradient(
to bottom,rgba(0,0,0,0.6) 0%,transparent 50%
);display:flex;justify-content:flex-end;opacity:1;}.user-gallery-content{text-align:center;}.control-panel h2{font-size:1.2rem;margin:0 0 15px 0;color:#fff;margin-bottom:5vh;border-radius:0px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;}form{flex:1;overflow-y:auto;padding-right:10px;padding-bottom:60px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent;}.generate-btn{position:absolute;bottom:0;left:0;right:0;width:100%;padding:12px;font-size:1rem;border-radius:6px;color:white;border:none;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,0.2);}form::-webkit-scrollbar{width:5px;}form::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px;}form::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;transition:background 0.3s ease;}form::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}.form-group{margin-bottom:2px;background:rgba(255,255,255,0.03);padding:10px;border-radius:8px;}.form-group label{display:block;margin-bottom:0px;font-size:0.9rem;color:rgba(255,255,255,0.9);}.form-group textarea{height:70px;min-height:70px;resize:none;}.generate-btn{padding:10px;}.form-group textarea,.form-group select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.download-btn,.delete-btn,.expand-btn{width:40px;height:40px;margin-left:8px;border-radius:8px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}.ring{width:100px;height:100px;}}@media screen and (max-width:480px){.sidebar-menu{height:280px;padding:12px;}.form-group{padding:10px;margin-bottom:10px;}.generate-btn{padding:10px;}.card{height:calc(100vh - 310px);}}@media screen and (max-width:768px){.pricing-container{flex-direction:column;align-items:center;gap:24px;padding:20px;}.pricing-table{width:100%;max-width:325px;height:580px;position:relative;padding:24px;margin:0;}.pricing-table form{position:absolute;bottom:24px;left:24px;right:24px;width:calc(100% - 48px);z-index:2;}.pricing-table form button.pricing-cta{width:100%;height:48px;padding:0 24px;font-size:16px;box-sizing:border-box;}}@media screen and (max-width:768px){#modal-gallery{padding:10px;}.modal-content-image{width:95vw;max-height:90vh;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.3);overflow:hidden;}.modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;}.image-modal{padding:12px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{width:100%;height:auto;max-height:50vh;overflow:hidden;}.modal-image{width:100%;height:100%;object-fit:contain;max-height:50vh;}.modal-info{padding:12px;max-height:40vh;overflow-y:auto;}#close-button-modal{top:8px;right:8px;width:28px;height:28px;}#close-button-modal img{width:12px;height:12px;}}.tab-nav{display:flex;gap:1px;background:rgba(255,255,255,0.1);padding:2px;border-radius:8px;margin-bottom:20px;}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:#999;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;}.tab-btn i{font-size:1rem;}.tab-btn.active{background:rgba(255,255,255,0.05);color:white;}.tab-btn:not(.active):hover{color:#ccc;}.tab-content{position:relative;}.tab-pane{display:none;opacity:0;transform:translateY(10px);transition:all 0.3s ease;}.tab-pane.active{display:block;opacity:1;transform:translateY(0);}button,input,form{touch-action:manipulation;}.training-guidelines{background:rgba(255,255,255,0.03);border-radius:8px;padding:15px;margin:15px 0;}.guideline-group{margin-bottom:15px;}.guideline-group:last-child{margin-bottom:0;}.guideline-group h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:0.95rem;margin-bottom:8px;}.guideline-group h3 i{font-size:0.9rem;}.guideline-group h3 i.fa-check-circle{color:#4ADE80;}.guideline-group h3 i.fa-times-circle{color:#FF6B6B;}.guideline-group ul{list-style:none;padding:0;margin:0;}.guideline-group li{color:#ccc;font-size:0.9rem;padding:4px 0;padding-left:15px;position:relative;}.guideline-group li:before{content:"•";position:absolute;left:0;color:#666;}.upload-zone{border:2px dashed rgba(255,255,255,0.1);border-radius:8px;padding:20px;text-align:center;transition:all 0.3s ease;background:rgba(255,255,255,0.02);}.upload-zone.drag-active{border-color:#4ADE80;background:rgba(74,222,128,0.05);}.upload-zone i{font-size:1.5rem;color:#666;margin-bottom:8px;}.upload-zone p{color:#999;margin:8px 0;font-size:0.9rem;}.upload-btn{background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.9rem;transition:all 0.3s ease;display:inline-block;}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,194,255,0.2);}.upload-status{margin:15px 0;font-size:0.9rem;color:#999;text-align:center;}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;}.preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;}.preview-item img{width:100%;height:100%;object-fit:cover;}.remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.6);border:none;color:white;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.remove-preview:hover{background:#FF6B6B;}.train-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC);border:none;border-radius:6px;color:white;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;}.train-btn:disabled{background:linear-gradient(135deg,#666,#444);cursor:not-allowed;}@media (max-width:768px){.preview-grid{grid-template-columns:repeat(2,1fr);}}.preferences-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}.preferences-section .form-group{flex:1;min-width:150px;}.preference-select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}#training-form input[type="text"]{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.error-message{position:fixed;top:20px;right:20px;background:rgba(255,59,48,0.9);color:white;padding:10px 15px;border-radius:6px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:opacity 0.3s ease;}.error-message.fade-out{opacity:0;}.training-status-container{width:100%;max-width:600px;margin:0 auto;padding:20px 0;}.training-status-card,.status-card{background:var(--theme-card-bg,rgba(31,31,31,0.35));border-radius:var(--theme-border-radius,14px);box-shadow:var(--theme-shadow,0 12px 24px rgba(0,0,0,0.2));padding:30px;text-align:center;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);}.training-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:20px;}.training-status{margin-bottom:15px;}.status-indicator{display:inline-flex;align-items:center;padding:8px 16px;border-radius:30px;font-weight:500;font-size:1.1rem;}.status-indicator i{margin-right:8px;}.status-indicator.pending,.status-indicator.processing{background-color:#e3f2fd;color:#1976d2;}.status-indicator.completed{background-color:#e8f5e9;color:#388e3c;}.status-indicator.failed{background-color:#ffebee;color:#d32f2f;}.model-name-display{font-size:1.4rem;font-weight:500;color:#555;margin:15px 0;padding-bottom:15px;border-bottom:1px solid #eee;}.training-info{display:flex;justify-content:center;gap:30px;margin:20px 0;}.info-item{display:flex;align-items:center;color:#666;font-size:1rem;}.info-item i{margin-right:8px;color:#0077CC;}.progress-container{margin:25px 0;}.progress-bar{height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#00C2FF,#0077CC);border-radius:3px;animation:progress-animation 2s infinite alternate,progress-width 30s linear forwards;}@keyframes progress-animation{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}@keyframes progress-width{0%{transform:scaleX(0.05);transform-origin:left;}100%{transform:scaleX(0.9);transform-origin:left;}}.training-message{color:#666;margin:20px 0;}.training-note{font-size:0.9rem;color:#888;margin-top:10px;font-style:italic;}.success-message,.error-message{margin:25px 0 15px;color:#555;}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.3s ease;margin-top:15px;}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,204,0.2);}:root{--sidebar-width:290px;--navbar-height:62px;--registration-sidebar-width:400px;--theme-primary-color:#FFD700;--theme-text-color:rgba(255,255,255,0.9);--theme-heading-color:rgba(255,255,255,1);--theme-bg-color:rgba(31,31,31,0.25);--theme-card-bg:rgba(31,31,31,0.35);--theme-transition:all 0.3s ease-in-out;--theme-border-radius:14px;--theme-shadow:0 12px 24px rgba(0,0,0,0.2);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(212,161,228,0.4) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.5) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{box-sizing:border-box;margin:0;padding:0;}html,body{max-width:100%;width:100%;overflow-x:hidden !important;overflow-y:auto;position:relative;}body{background:linear-gradient(
125deg,#111111,#08080E,#08080E,#0d0d0f
);background-size:200% 200%;background-position:center;min-height:100vh;margin:0;color:white;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;position:relative;}.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.05;z-index:-1;}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(
circle at 0% 0%,rgba(255,59,48,0.03) 0%,transparent 50%
),radial-gradient(
circle at 100% 100%,rgba(255,59,48,0.03) 0%,transparent 50%
);pointer-events:none;z-index:1;}.logo{font-size:1.75rem;font-weight:800;margin-left:1rem;margin-right:5rem;background:linear-gradient(135deg,#FFD1E2 0%,#FFD1E2 20%,#FBF9E1 50%,#B3D2FF 80%,#B3D2FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:0.01rem;opacity:0.7;transition:transform 0.5s ease;cursor:pointer;z-index:100;}.logo:hover{transform:scale(1.05);}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(
circle at center,transparent 0%,rgba(0,0,0,0.35) 100%
);pointer-events:none;z-index:3;}.icon-navbar{width:25px;height:25px;transition:transform 0.3s ease;}.balance-display:hover .icon-navbar{transform:scale(1.1);}.balance-icon{margin-left:auto;}.balance-display{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;cursor:default;transform:translateX(-50px);transition:transform 0.3s ease;}.balance-display:hover{transform:translateX(-50px) scale(1.1);}.balance-amount{font-family:'Inter',sans-serif;font-weight:700;font-size:1.2rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.25);}.balance-display:hover::after{opacity:1;}.balance-display::after{content:"Your current balance";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}li a{display:inline-block;color:rgba(255,255,255,0.4);text-align:center;padding:14px 16px;text-decoration:none;position:relative;transition:all 0.3s ease;}li a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background:rgba(255,255,255,0.15);transition:all 0.3s ease;transform:translateX(-50%);backdrop-filter:blur(4px);}li a:hover::after{width:100%;}li a:hover{color:rgba(255,255,255,0.7);transform:translateY(-2px);}.pricing-section{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;width:100%;}.pricing-header{text-align:center;margin-bottom:0rem;}.welcome-text{display:block;font-size:1rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;}.pricing-header h1{font-size:3.2rem;font-weight:700;color:#ffffff;margin-bottom:1rem;letter-spacing:-0.02em;}.pricing-header p{font-size:1.1rem;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto;line-height:1.6;}.pricing-welcome{text-align:center;margin-bottom:3rem;}.pricing-welcome h2{font-size:2.4rem;font-weight:600;background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-welcome p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.pricing-intro{text-align:center;margin-bottom:0.2rem;}.pricing-intro h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#a5d6a7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-intro p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.main-content{margin-left:var(--sidebar-width);margin-top:2vh;padding:20px;display:flex;flex-direction:column;width:calc(100% - var(--sidebar-width));}.content{margin-top:60px;padding:5px;display:flex;flex-direction:column;margin:60px auto 0;}.navbar-item{display:inline-block;margin:0 10px;color:white;text-decoration:none;}.navbar-text{font-weight:700;}.grid-item{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:12px;background:rgba(255,255,255,0.03);transition:all 0.4s ease;backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 20px rgba(255,255,255,0.05);&:nth-child(4n+1){transform:translateY(20px);}&:nth-child(4n+2){transform:translateY(-15px);}&:nth-child(4n+3){transform:translateY(25px);}}.grid-item::before{content:'';position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(
45deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05) 30%,rgba(255,255,255,0) 50%
);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.15);}.grid-item:hover img{transform:scale(1.05);}.pricing-container{display:flex;gap:15px;justify-content:center;align-items:stretch;max-width:1400px;margin:0 auto;transform:scale(0.8);}.pricing-table{text-decoration:none;display:flex;flex-direction:column;padding:40px;gap:10px;width:325px;height:580px;position:relative;background-color:#FFFFFF !important;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #E7EBFF;box-shadow:0px 26px 40px rgba(188,202,255,0.13);border-radius:26px;box-sizing:border-box;opacity:0.85 !important;backdrop-filter:none;-webkit-backdrop-filter:none;color:#000000;}.pricing-table:hover{background-color:#FFFFFF;opacity:1;}.pricing-table.featured{position:relative;background-color:#FFFFFF !important;opacity:1 !important;}.pricing-table::before{display:none;}.pricing-cta{width:100%;padding:0.8rem;border:none;border-radius:8px;background:#f5f5f5;color:#333;font-weight:700;font-size:1.2rem;min-height:50px;cursor:pointer;transition:all 0.3s ease;margin-top:auto;}.pricing-cta:hover{transform:translateY(-2px);}.featured .pricing-cta{background:linear-gradient(45deg,#FF6B6B,#FF8E53);color:white;}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(45deg,#FF6B6B,#FF8E53);padding:0.2rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:500;color:white;box-shadow:0 4px 15px rgba(255,107,107,0.2);}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#000000;}.price{font-size:2.5rem;font-weight:800;color:#000000;}.price span{font-size:0.9rem;font-weight:400;opacity:0.7;}.pricing-features{flex:1;margin-bottom:20px 0;}.pricing-form{width:100%;margin-top:auto;}.pricing-features ul{list-style:none;padding:0;margin:0;}.upload-instructions ul{list-style:none;padding:0;margin:0;}.upload-instructions li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li{padding:0.5rem 0;color:#000000;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li::before{content:"✓";color:#666;}.login-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem;margin-left:200px;width:calc(100% - 200px);margin-top:60px;position:relative;}50%{transform:rotate(180deg) scale(1.1);}100%{transform:rotate(360deg) scale(1);}}.login-form{position:relative;width:100%;max-width:360px;padding:2.5rem;border-radius:16px;background:linear-gradient(
169deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%
);backdrop-filter:blur(10px);box-shadow:0 4px 24px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.1);margin-top:2rem;overflow:hidden;}.login-form::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(
circle,rgba(255,255,255,0.1) 0%,transparent 50%
);animation:shimmer 8s linear infinite;pointer-events:none;}to{transform:rotate(360deg);}}.login-form h2{background:linear-gradient(45deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;font-size:1.8rem;text-align:center;font-weight:600;}.input-wrapper{display:flex;flex-direction:column;gap:0.375rem;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.input100{font-size:15px;color:#555555;line-height:1.2;display:block;width:100%;height:45px;background:transparent;padding:0 5px;border:none;border-radius:0;outline:none;box-shadow:none;}.input100::placeholder{color:transparent;}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:all 0.4s;background:#000;}.input100:focus + .focus-input100::after,.input100:not(:placeholder-shown) + .focus-input100::after{top:-15px;font-size:13px;}.input100:focus + .focus-input100::before,.input100:not(:placeholder-shown) + .focus-input100::before{width:100%;}.email-button{width:100%;height:44px;border-radius:8px;background:#000;color:white;font-size:16px;cursor:pointer;transition:background-color 0.2s ease;border:none;}.email-button:hover{opacity:0.9;}.input100:-webkit-autofill,.input100:-webkit-autofill:hover,.input100:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset !important;-webkit-text-fill-color:#555555 !important;}.password-container{position:relative;}.forgot-password{position:absolute;right:0;top:-15px;font-size:13px;color:#666;text-decoration:none;transition:color 0.2s ease;}.forgot-password:hover{color:#000;}.signup-prompt{text-align:center;margin-top:20px;font-size:14px;color:#666;}.signup-link{color:#000;text-decoration:none;margin-left:5px;font-weight:500;transition:opacity 0.2s ease;}.signup-link:hover{opacity:0.7;}.spinner-container{position:relative;}.htmx-indicator{opacity:0;transition:opacity 300ms ease-in;}.htmx-request .htmx-indicator{opacity:1;}img.htmx-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:1000;filter:invert(1);}.form-spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10;}.email-form{position:relative;min-height:180px;}.form-spinner{width:100px;height:100px;filter:invert(1);}.forgot-password-form .form-spinner-container{padding-bottom:30px;}.reset-password-form .form-spinner-container{padding-bottom:20px;}.modal-form .form-spinner-container{padding-bottom:0;}.htmx-request.spinner-fullscreen .spinner-overlay{opacity:1;pointer-events:all;}form.spinner-container{display:flex;flex-direction:column;position:relative;min-height:650px;}#spinner{filter:invert(1);}.login-button{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(
45deg,rgba(76,175,80,0.8),rgba(33,150,243,0.8)
);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:1rem;position:relative;overflow:hidden;}.login-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(
90deg,transparent,rgba(255,255,255,0.2),transparent
);transition:0.5s;}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2),0 2px 5px rgba(76,175,80,0.2);}.login-button:hover::before{left:100%;}.form-footer{margin-top:1.5rem;text-align:center;color:rgba(255,255,255,0.6);}.form-footer a{color:#4CAF50;text-decoration:none;font-weight:500;transition:all 0.3s ease;}.form-footer a:hover{color:#81C784;text-shadow:0 0 10px rgba(76,175,80,0.3);}.hero-section{width:100%;min-height:10rem;padding-top:0vh;padding:2.5rem 0rem 2rem !important;margin-bottom:0 !important;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}.hero-content{text-align:center;z-index:10;max-width:none;padding:0;}.generate-cta{position:relative;padding:0.8rem 2.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;color:#000000;background-color:#FF3E3E;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(255,62,62,0.4);}.generate-cta:hover{transform:translateY(-2px);background-color:#FF5252;box-shadow:0 6px 20px rgba(255,62,62,0.5);}.generate-cta:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(255,62,62,0.3);}.generate-text{display:inline-block;}.generate-icon{display:inline-block;margin-left:10px;transition:transform 0.2s ease;}.generate-cta:hover .generate-icon{transform:translateX(3px);}.CTA-button{display:flex;flex-direction:column;align-items:flex-start;padding:0px;position:absolute;width:423px;height:152px;left:492px;top:229px;}.CTA-text{width:auto;font-family:'Inter';font-style:normal;font-weight:800;font-size:3.85rem;line-height:1.2;margin:4rem 0 0rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}.CTA-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:2.55vh;line-height:1.5;color:rgba(255,255,255,0.8);margin:0 0 0.5rem 0;text-align:center;}.input-text{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 7px 8px 19px;gap:2vh;width:55vh;height:8.25vh;background:#FFFFFF;border:1px solid #F1F3F7;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:8px;margin:0 auto;}.email-input{border:none;outline:none;width:100%;font-family:'Inter',sans-serif;font-size:14px;color:#333;}.email-input::placeholder{color:#8E8E8E;}.primary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2.0vh;gap:0.512vh;width:13vh;height:5.85vh;background:#070707;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:0.6vh;border:none;color:white;font-family:'Inter',sans-serif;font-size:2.35vh;font-weight:400;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all 0.3s ease;}.primary-button:hover{transform:scale(1.02);}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}.display-container{max-width:202vh;margin:0 0;padding:0 0;padding-top:1rem;position:relative;display:block;justify-content:center;align-items:center;margin-bottom:1rem;}.display-text{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-text-grid{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-subtext{font-family:'Inter';font-style:normal;font-weight:100;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:4rem;}.display-subtext-demo{font-family:'Inter';font-style:normal;font-weight:300;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:0rem;}.display-section{text-align:center;margin-right:50vh;align-items:center;margin-bottom:3rem;padding:0 2rem;}.display-section-demo{text-align:center;align-items:center;margin-bottom:3rem;padding:0 2rem;}.image-row{display:flex;gap:5px;padding:0;width:calc(100% - 40px);justify-content:center;align-items:center;}.demo-section{display:flex;flex-direction:column;align-items:center;margin-top:5rem;justify-content:left;gap:2rem;width:100%;}.demo-content-row{display:flex;align-items:flex-start;gap:1rem;width:auto;}.demo-column{display:relative;flex-direction:column;align-items:center;text-align:center;width:100%;}.demo-column:nth-child(2){margin-top:8rem;}.demo-image-bucket-background{height:150px;width:150px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image-bucket{height:150px;width:150px;border-radius:7px;object-fit:cover;object-position:center;}.faq-header{display:flex;justify-content:center;margin-bottom:1.5rem;}.demo-image-container{position:relative;margin-left:2.5rem;width:305px;height:410px;}.demo-image-background{width:255px;height:360px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image{width:255px;height:360px;border-radius:12px;position:absolute;top:5px;left:5px;object-fit:cover;z-index:2;}.image-bucket{display:flex;justify-content:center;border-radius:12px;}.bucket-title{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#333;width:100%;text-align:center;margin:0;}.bucket-subtitle{font-family:'Inter';font-weight:400;font-size:1rem;color:#666;width:100%;text-align:center;margin:8px 0 0 0;}.demo-header{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#FFFFFF;margin-bottom:0.5rem;text-align:center;width:100%;}.demo-subheader{font-family:'Inter';font-weight:200;font-size:0.9rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;text-align:center;width:100%;}.bucket{width:20rem;height:23.75rem;display:flex;flex-direction:column;align-items:center;padding:5px 1px;overflow:hidden;flex-shrink:0;}.row-image{width:11.5352rem;height:18.107200000000002rem;border-radius:4.26vh;object-fit:cover;transition:all 0.3s ease;}.row-image:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,0.1);}.image-section{width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:0 4rem;margin-bottom:2rem;margin-top:1rem;}.image-row{display:flex;gap:20px;justify-content:center;align-items:center;max-width:1200px;width:100%;}.generate-page{display:flex;align-items:center;padding:40px;min-height:100vh;z-index:10;margin-top:100px;}.upload-section,.settings-panel{border-radius:12px;padding:20px;margin:20px;width:80%;max-width:600px;}.upload-section h2,.settings-panel h2{font-size:1.5rem;margin-bottom:10px;}.upload-button{background-color:#FF6B6B;color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;}.upload-button:hover{background-color:#FF8E53;}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:10px;}.preset-card{background:rgba(255,255,255,0.2);border-radius:12px;padding:15px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;}.preset-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(255,255,255,0.3);}.preset-card h4{margin:0;font-size:1.2rem;color:#FF6B6B;}.preset-card p{margin:5px 0 0;font-size:0.9rem;color:#ccc;}.tune-bar,.custom-settings{margin-top:20px;}.slider{width:100%;margin:10px 0;}.upload-icon-button{background:none;border:none;cursor:pointer;padding:0;transition:transform 0.2s ease;margin:0px 0;}.upload-icon-button:hover{transform:scale(1.1);}.upload-icon{width:50px;height:50px;filter:invert(1);}.upload-instructions{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50px;}.upload-instructions-text{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-instructions-list{list-style:none;padding:0;margin:0;margin-top:10px;}.upload-instructions-list li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;width:100%;position:relative;padding-left:20px;}.upload-instructions-list li::before{content:"✓";position:absolute;left:0;color:#4CAF50;font-weight:bold;font-size:1rem;}.upload-instructions-list li.x-mark::before{content:"✗";color:#FF6B6B;}.upload-instructions-list li i{margin-right:10px;color:#f0f0f0;}.upload-zone{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:20px 30px;width:90%;max-width:654px;height:150px;background:rgba(8,8,14,0.5);border:2px dashed rgba(203,208,220,0.3);border-radius:26px;transition:all 0.2s ease;position:relative;margin:20px auto;backdrop-filter:blur(10px);cursor:pointer;}.upload-zone:hover{border-color:rgba(203,208,220,0.5);background:rgba(8,8,14,0.1);}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;}.upload-icon{width:32px;height:32px;opacity:0.8;}.upload-title{font-family:'Inter',sans-serif;font-weight:200;font-size:0.95rem;color:rgba(255,255,255,0.6);margin:0;letter-spacing:0.03em;text-transform:none;font-feature-settings:"liga" 0;}.upload-section h2{font-family:'Inter';font-style:normal;font-weight:800;font-size:50px;line-height:1.2;margin:0 0 1.5rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;text-shadow:0px 0px 40px rgba(255,255,255,0.15);}.upload-preview-container{width:90%;max-width:654px;margin:20px auto;background:rgba(8,8,14,0.5);border-radius:16px;padding:20px;backdrop-filter:blur(10px);}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.preview-count{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;}.start-upload-btn{padding:8px 16px;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);border:none;border-radius:8px;color:#000;font-family:'Inter';font-weight:500;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(8,8,14,0.5);}.preview-item img{width:100%;height:100%;object-fit:cover;}.preview-item .remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;}.preview-item:hover .remove-btn{opacity:1;}.upload-progress{display:flex;align-items:center;gap:12px;}.progress-bar{flex-grow:1;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;width:0%;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);transition:width 0.3s ease;}.progress-text{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;min-width:40px;text-align:right;}.preferences-section{width:90%;max-width:654px;margin:20px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;border-radius:16px;}.preference-group{display:flex;flex-direction:column;gap:8px;}.preference-group label{font-family:'Inter',sans-serif;font-weight:300;font-size:0.9rem;color:rgba(255,255,255,0.8);letter-spacing:0.02em;}.preference-select{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(8,8,14,0.6);color:rgba(255,255,255,0.9);font-family:'Inter',sans-serif;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(10px);}.preference-select:hover{border-color:rgba(255,255,255,0.2);background:rgba(8,8,14,0.7);}.preference-select:focus{outline:none;border-color:rgba(255,255,255,0.3);background:rgba(8,8,14,0.8);}.preference-select option{background:rgb(8,8,14);color:rgba(255,255,255,0.9);padding:10px;}.train-button-container{width:90%;max-width:654px;margin:40px auto;display:flex;justify-content:center;}.train-button{font-family:'Inter';font-weight:800;font-size:2rem;padding:20px 30px;border:none;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#FF6B6B 0%,#FF8F8F 100%);color:white;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.03em;box-shadow:0px 4px 20px rgba(255,107,107,0.2);font-style:normal;position:relative;overflow:hidden;}.train-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#FF8F8F 0%,#FFA7A7 100%);opacity:0;transition:opacity 0.3s ease;}.train-button:hover{transform:translateY(-2px);box-shadow:0px 8px 30px rgba(255,107,107,0.3);}.train-button:active{transform:translateY(1px);}.train-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.spinner{width:50px;height:50px;border:3px solid rgba(141,141,141,0.1);border-radius:50%;border-left-color:#FF6B6B;animation:spin 0.8s ease-in-out infinite;margin:30px 0;}50%{transform:rotate(18000deg);}100%{transform:rotate(36000deg);}}.training-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:800px;padding:40px;text-align:center;}.loading{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;}.loading h2{font-family:'Inter';font-weight:700;font-size:2rem;color:white;margin-bottom:20px;}.loading p{font-family:'Inter';font-weight:400;font-size:1rem;color:rgba(255,255,255,0.8);line-height:1.5;}.section{min-height:100vh;width:100%;margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center;}.faq-list{flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:1rem;padding-left:0;}.faq-list-item{font-size:1rem;font-weight:200;display:block;padding-bottom:0.1rem;line-height:1.5;margin-bottom:0.1rem;}.faq{display:block;align-items:center;max-width:100vh;margin:0 auto;margin-bottom:3rem;}.faq-container{width:100%;margin-top:0.5rem;padding-bottom:0.2rem;cursor:pointer;border-bottom:1px solid #ffffff;}.faq-item{width:100%;}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding-bottom:0.2rem;cursor:pointer;}.faq-title{font-family:'Inter';font-weight:800;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 0px 40px rgba(255,255,255,0.15);font-size:2.5rem;max-width:60rem;margin:2rem 0rem;color:white;padding-bottom:3vh;}.faq-answer{max-height:0;padding-top:0.5rem;overflow:hidden;line-height:1.4;font-size:0.95rem;max-width:200vh;word-wrap:break-word;transition:max-height 0.5s ease-in-out;}.faq-container.active .faq-answer{max-height:100vh;}.faq-note{margin-top:1rem;}.faq{display:block;align-items:center;justify-content:center;}.image-grid-section{width:100%;max-width:1800px;margin:0rem auto;display:flex;padding:0 2rem;justify-content:center;}.image-grid-demo{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:0.5rem;}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);width:fit-content;gap:0.55rem;padding:0.1rem 0;}.image-grid-item{position:relative;width:13rem;height:19rem;overflow:hidden;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;transform:translateZ(0);backface-visibility:hidden;}.image-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;justify-content:center;transition:transform 0.3s ease;}.image-grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.image-grid-item:hover img{transform:scale(1.05);}.image-grid-item img.loading{opacity:0;}@media (max-width:1200px){.image-grid-section{width:95%;padding:0 1rem;}}@media (max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}}@media (max-width:480px){.image-grid{grid-template-columns:1fr;}.image-grid-section{padding:0 0.5rem;}}to{opacity:1;transform:translateY(0);}}.image-grid-item img.loading{opacity:0;}.image-grid-item img{animation:imageFadeIn 0.5s ease forwards;}@media (max-width:768px){.hero-section{padding:0.2rem;display:block;flex-direction:column;width:100%;height:100%;}.hero-content{width:100%;height:100%;min-height:0;}.CTA-text{font-size:9.0vw;margin-bottom:0.0rem;}.CTA-subtitle{font-size:2.5vh;}.input-text{width:75%;display:flex;align-items:center;justify-content:center;height:7vh;}.email-input{width:100%;}.primary-button{width:15vh;height:6vh;font-size:2.64vh;font-weight:400;padding:1.5vh;border-radius:0.6vh;margin-top:1vh;margin-bottom:1vh;}.logo{font-size:4vh;}.image-section{display:flex;margin-top:1vh;flex-direction:column;align-items:center;justify-content:center;}.image-row{display:flex;flex-direction:column;align-items:center;gap:4vh;justify-content:center;}.row-image{object-fit:cover;}.display-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:0.5rem;margin:0rem auto;}.display-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;margin:0;text-align:center;}.display-text{font-size:12vw;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.display-subtext{font-size:4.5vw;padding:0;margin:0 0 2rem 0;text-align:center;justify-content:center;line-height:1.2;word-wrap:break-word;position:relative;}.pricing-container{display:flex;flex-direction:column;align-items:center;margin-top:-10vh;justify-content:center;}.pricing-header{margin-top:0.5vh;margin-bottom:1vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}.faq-section{max-width:1200px;margin:0 auto;padding:0.5rem;}.faq-title{font-size:2.5rem;display:block;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.faq-item{padding:0.8rem 1rem;}.faq-question{font-size:1rem;}.faq-answer{font-size:0.9rem;padding:0 1rem;}.faq-list{padding-left:1rem;}}.footer{background:rgba(0,0,0,0.2);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);width:100%;padding:4rem 2rem 1rem;margin-top:auto;}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3rem;}.footer-brand h3{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;}.footer-brand p{color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:1.5rem;font-size:0.95rem;}.social-links{display:flex;gap:1rem;}.social-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:1.2rem;transition:color 0.2s ease;}.social-links a:hover{color:#fff;}.footer h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.2rem;}.footer ul{list-style:none;padding:0;margin:0;}.footer ul li{margin-bottom:0.8rem;}.footer ul a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.95rem;transition:color 0.2s ease;}.footer ul a:hover{color:#fff;}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:rgba(255,255,255,0.5);font-size:0.9rem;}@media (max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem;}.footer-brand{grid-column:1 / -1;}}@media (max-width:576px){.footer-content{grid-template-columns:1fr;}.footer{padding:3rem 1.5rem 1rem;}}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Helvetica,Verdana,Arial,sans-serif;}.modal-content{background:white;border-radius:10px;width:390px;max-width:90vw;position:relative;transition:opacity 0.2s ease;padding:30px;}.email-button{background:black !important;color:white !important;width:100%;height:52px;border:none;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:15px 0;padding:12px 20px;transition:opacity 0.2s ease;}.email-button:hover{opacity:0.9;}.sign-in-page-social-btn-container{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:0 20px;cursor:pointer;transition:background 0.2s ease;}.sign-in-page-social-btn-container:hover{background:#f8f8f8;}.sign-in-page-social-btn-container img{width:20px;height:20px;margin-right:12px;}.sign-in-divider{display:flex;align-items:center;margin:25px 0;}.sign-in-divider-line{flex:1;height:1px;background:#ccc;margin:0;}.sign-in-divider-text{color:#666;font-size:14px;padding:0 12px;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.signup-prompt{text-align:center;color:#666;margin:20px 0;}.signup-prompt a{color:#4169E1;text-decoration:none;font-weight:500;}.panel-context{color:#666;font-size:12px;text-align:center;margin:25px 0 0;line-height:1.5;}.panel-context a{color:#4169E1;text-decoration:none;}.social-text{color:#000000;font-size:0.95rem;font-weight:300;}.hidden{display:none;}.htmx-swapping{opacity:0;}.htmx-settling{opacity:1;}.success-content{text-align:center;padding:20px 0;}.success-icon{width:60px;height:60px;background:#000;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px;}.sidebar-icon{width:50%;justify-content:left;display:flex;height:50%;transition:transform 0.5s ease;}sidebar-icon:hover{transform:scale(1.05);}button:focus-within .sidebar-icon{transform:scale(1.1);}.success-message{color:#4e5652;font-size:16px;line-height:1.5;margin-bottom:25px;}.error-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem;}.error-content{text-align:center;max-width:600px;}.error-icon{width:80px;height:80px;background:#ff4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;}.error-icon span{color:white;font-size:40px;font-weight:bold;}.error-title{font-size:2rem;color:#333;margin-bottom:1rem;}.error-message{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.5;}.error-actions{display:flex;gap:1rem;justify-content:center;}.error-actions button{padding:0.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.error-actions .primary-button{background:#000;color:white;border:none;}.error-actions .primary-button:hover{background:#333;}.error-actions .secondary-button{background:transparent;color:#333;border:1px solid #ccc;}.error-actions .secondary-button:hover{background:#f5f5f5;}.sidebar-menu{width:var(--sidebar-width);background-color:#1f1f1f;height:100vh;padding:20px;position:fixed;top:0.90%;left:0.25%;border-radius:5px;overflow-y:auto;transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:2px 0 8px rgba(0,0,0,0.5);z-index:100;}.sidebar-menu.hidden{transform:translateX(-100%);}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);}.sidebar-header h2{font-size:1.3rem;font-weight:bold;color:white;}.close-sidebar{background:none;border:none;color:white;font-size:1.3rem;cursor:pointer;}.menu-toggle{position:fixed;top:15px;left:calc(var(--sidebar-width) + 10px);background-color:#1f1f1f;color:#ddd;justify-content:flex;border:none;padding:10px 12px;border-radius:50%;cursor:pointer;z-index:110;padding:20px;transition:left 0.4s cubic-bezier(0.68,-0.55,0.265,1.55),transform 0.4s ease;font-size:1.2rem;}.sidebar-menu.hidden + .menu-toggle{left:10px;transform:rotate(180deg);}.menu-toggle.toggle-visible{left:10px;transform:rotate(180deg);}body.sidebar-active .navbar{left:calc(var(--sidebar-width) + 0.5%);right:0.5%;}body.registrationbar-active .navbar{left:calc(var(--registration-sidebar-width) + 0.5%);right:0.5%;}.form-group{margin-bottom:15px;}.form-group label{display:block;margin-bottom:20px;font-size:0.9rem;color:#ccc;}.form-group textarea,.form-group select{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;}.form-group textarea::placeholder{color:#777;}.form-group textarea:focus,.form-group select:focus{background:#333;outline:none;}.generate-btn{width:100%;border:none;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;border-radius:4px;cursor:pointer;transition:background 0.3s ease;}.generate-btn:hover{background-position:100% 100%;filter:brightness(1.1);}.card{width:100%;aspect-ratio:2/3;height:auto;cursor:pointer;border-radius:12px;overflow:hidden;background:#1e1e1e;border:1px solid rgba(255,255,255,0.08);position:relative;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3);}.shine-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#141414;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;display:block;}.overlay{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;justify-content:flex-end;padding:5px;background:linear-gradient(
to bottom,rgba(0,0,0,0.4) 0%,transparent 30%
);opacity:0;transition:opacity 0.3s ease;}.card:hover .overlay{opacity:1;}.download-btn,.delete-btn{background:rgba(0,0,0,0.85);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.download-btn{background:rgba(255,255,255,0.15);}.delete-btn{background:rgba(220,38,38,0.15);}.download-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.delete-btn:hover{background:rgba(220,38,38,0.25);transform:translateY(-2px);}.shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(
to right,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%
);transform:skewX(-15deg);animation-duration:0.8s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-fill-mode:forwards;display:none;}.card:hover .shine{display:block;animation-name:shine;}to{left:200%;}}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;width:100%;padding:0;justify-content:start;align-content:start;}.shine-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#141414 0%,#1a1a1a 50%,#141414 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;opacity:0;transition:opacity 0.3s ease;}.shine-wrapper.loading::before{opacity:1;}100%{background-position:200% 0;}}@media (max-width:1200px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}}@media (max-width:900px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}}@media (max-width:600px){.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}}.expand-btn{background:rgba(255,255,255,0.15);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.expand-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.prompt-with-copy{position:relative;width:100%;}.copy-btn.copied .copy-feedback{opacity:1;transform:translateX(0);}.copy-feedback{position:absolute;background:rgba(0,0,0,0.8);color:white;padding:6px 12px;border-radius:4px;font-size:0.8rem;right:40px;white-space:nowrap;opacity:0;transform:translateX(10px);transition:all 0.2s ease;pointer-events:none;}.copy-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;}.copy-btn:hover{background:rgba(255,255,255,0.2);}.copy-icon{width:30px;height:30px;opacity:0.7;}#modal-prompt{resize:none;cursor:default;min-height:100px;height:auto;border-radius:6px;overflow:hidden;white-space:pre-wrap;padding-right:45px;}.stats-row{display:flex;gap:16px;width:100%;}.half-width{flex:1;}.info-input{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;cursor:default;}.info-input:focus{outline:none;}#modal-gallery{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;}.modal-content-image{position:relative;z-index:1002;width:800px;min-height:500px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;display:grid;grid-template-rows:auto 1fr;}.modal-info{padding:24px;background:#1a1a1a;border-left:1px solid rgba(255,255,255,0.1);height:100%;overflow-y:auto;}.info-section{display:flex;flex-direction:column;gap:24px;}.info-group{margin-bottom:20px;}.info-group label{display:block;color:#ccc;font-size:0.9rem;margin-bottom:8px;font-weight:500;}.info-group p{color:#fff;font-size:0.9375rem;line-height:1.5;margin:0;}.info-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}.stat-item{padding:12px;background:rgba(255,255,255,0.05);border-radius:8px;display:flex;flex-direction:column;gap:4px;}.stat-item label{color:#999;font-size:0.75rem;}.stat-item span{color:#fff;font-size:0.875rem;font-weight:500;}.modal-info h3{color:#ffffff;font-size:1.25rem;margin-bottom:24px;font-weight:500;}.modal-underlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:191;}#close-button-modal{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:99003;}#close-button:hover{background:rgba(255,255,255,0.2);}#close-button-modal img{width:14px;height:14px;opacity:0.8;}#close-button-modal:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform 0.3s ease;}to{opacity:1;transform:scale(1);}}.modal-content-image{position:relative;z-index:1002;width:1100px;height:600px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;}.modal-layout{display:grid;grid-template-columns:2fr 1fr;height:100%;}.modal-link{cursor:pointer;color:#007bff;text-decoration:underline;}.modal-link:hover{color:#0056b3;}.image-modal{height:100%;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}.prompt-container{background:rgba(42,42,42,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:16px;position:relative;backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.1);}.prompt-text{color:#f0f0f0;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:0.95rem;line-height:1.6;font-weight:400;letter-spacing:-0.01em;padding:12px;border-radius:4px;transition:all 0.2s ease;}@media (max-width:1200px){.modal-content-image{width:90vw;height:80vh;}}@media (max-width:768px){.modal-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;}.modal-info{border-left:none;border-top:1px solid rgba(255,255,255,0.1);}}.particle-loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:var(--theme-border-radius);background:transparent;}.particle-loading-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:12px;font-weight:600;color:rgba(255,215,0,0.8);letter-spacing:1px;z-index:15;text-align:center;pointer-events:none;}.ring::before{background-image:radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);background-size:100% 100%,200% 200%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite;}100%{background-position:0% 0%,200% 200%;}}@media (max-width:768px){.ring{width:160px;height:160px;}.ring::before{width:30px;height:30px;}.ring::after{font-size:10px;bottom:-25px;}}@media (max-width:480px){.ring{width:140px;height:140px;}.ring::before{width:25px;height:25px;}.ring::after{font-size:9px;bottom:-20px;letter-spacing:0.5px;}.ring span::before,.ring span::after{width:2px;height:2px;}}.ring::before{background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,0.3) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(139,69,19,0.3) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,182,193,0.2) 1px,transparent 1px),radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%);background-size:50px 50px,60px 60px,40px 40px,100% 100%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite,dustFloat 8s ease-in-out infinite;}25%{background-position:100% 0%,0% 100%,50% 50%,0% 0%;}50%{background-position:100% 100%,100% 100%,100% 0%,0% 0%;}75%{background-position:0% 100%,100% 0%,50% 100%,0% 0%;}}.ring,.ring::before,.ring::after,.ring span::before,.ring span::after{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;}.ring{position:relative;}.ring::after{content:'AI THINKING...';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:11px;font-weight:600;color:rgba(102,126,234,0.8);letter-spacing:1px;animation:textPulse 1.5s ease-in-out infinite;z-index:15;}.ring.stage-convergence::after{content:'CREATING MAGIC...';color:rgba(139,69,19,0.9);}.ring.stage-complete::after{content:'ALMOST READY!';color:rgba(34,197,94,0.9);}.ring.stage-convergence::before{box-shadow:0 0 20px rgba(102,126,234,0.7),inset 0 0 20px rgba(139,69,19,0.5),0 0 40px rgba(102,126,234,0.3);}.ring.stage-complete::before{box-shadow:0 0 25px rgba(34,197,94,0.8),inset 0 0 25px rgba(139,69,19,0.6),0 0 50px rgba(34,197,94,0.4);}#why-boothai-section{display:flex;justify-content:center;padding:2rem 1rem;margin:2rem auto;}.why-card{background:rgba(20,20,20,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.5);max-width:800px;width:100%;padding:1.5rem;}.why-content{display:flex;align-items:stretch;gap:0.5rem;}.why-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0.5rem;color:#fff;}.why-title{font-size:2rem;font-weight:700;margin-bottom:0.5rem;color:#fff;}.why-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:#ddd;}.why-description{font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#ccc;}.why-features{list-style:none;padding:0;margin-bottom:0.5rem;}.why-features li{font-size:0.95rem;margin-bottom:0.25rem;display:block;align-items:center;text-align:left;color:#eee;}.why-features li strong{margin:0;padding:0;line-height:1;display:inline;font-weight:bold;}.why-cta{display:inline-block;height:50px;width:325px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:gradientShift 3s ease infinite;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.why-cta:hover{box-shadow:0 6px 12px rgba(0,0,0,0.3);}.why-cta:active{transform:translateY(0);box-shadow:0 3px 6px rgba(0,0,0,0.25);}.why-img{flex:1;display:flex;align-items:center;justify-content:center;padding:0.5rem;max-width:300px;}.why-img img{width:300px;height:450px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);object-fit:cover;}@media (max-width:768px){.why-content{flex-direction:column;align-items:center;gap:1.5rem;}.why-text{text-align:center;}}#reg-split{position:fixed;top:0;left:0;width:var(--registration-sidebar-width,400px);height:100vh;background:rgba(8,8,14,0.95);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,0.1);z-index:1000;overflow-y:auto;}.reg-container{padding:2rem;height:100%;}.reg-form{display:flex;flex-direction:column;gap:2rem;}.reg-nav{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:0.1rem;}.reg-step{font-size:0.9rem;color:rgba(255,255,255,0.6);cursor:pointer;padding:0.5rem;position:relative;transition:color 0.3s ease;}.reg-step::after{content:'';position:absolute;bottom:-1rem;left:0;width:100%;height:2px;background:transparent;transition:background-color 0.3s ease;}.reg-step.active{color:#FF6B6B;}.reg-step.active::after{background:linear-gradient(90deg,#FF6B6B,#FF8E53);}.reg-step-content{display:none;flex-direction:column;gap:1.5rem;}.reg-step-content.active{display:flex;animation:fadeIn 0.3s ease;}.reg-form label{display:block;margin-bottom:0.1rem;color:rgba(255,255,255,0.9);font-size:0.95rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.reg-form input{width:100%;padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:1rem;transition:all 0.3s ease;}.reg-form input:focus{outline:none;border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plans{display:grid;gap:1rem;}.reg-plan{padding:1rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.3s ease;}.reg-plan:hover{border-color:#FF6B6B;transform:translateY(-2px);}.reg-plan.selected{border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plan h3{color:#fff;margin-bottom:0.1rem;}.reg-plan p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn{width:100%;padding:0.75rem;background:linear-gradient(135deg,#FF6B6B,#FF8E53);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.reg-btn:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,0.1);}.reg-btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){#reg-split{width:100%;}.reg-container{padding:1.5rem;}}.reg-header{text-align:center;margin-bottom:0.1rem;}.reg-title{font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,#FFD1E2,#B3D2FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.1rem;}.reg-subtitle{color:rgba(255,255,255,0.7);font-size:1rem;}.reg-step-header{margin-bottom:0.0rem;}.reg-step-header h2{font-size:1.2rem;color:#fff;margin-bottom:0.25rem;}.reg-step-header p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-divider{position:relative;text-align:center;margin:1.5rem 0;}.reg-divider::before,.reg-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 70px);height:1px;background:rgba(255,255,255,0.1);}.reg-divider::before{left:0;}.reg-divider::after{right:0;}.reg-divider span{background:rgba(8,8,14,0.95);padding:0 1rem;color:rgba(255,255,255,0.5);font-size:0.9rem;}.reg-social-buttons{display:grid;margin-top:0.25rem;}.reg-btn-social{padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;}.reg-btn-social:hover{background:rgba(255,255,255,0.1);}.reg-password-requirements{background:rgba(26,26,36,0.5);padding:1rem;border-radius:8px;margin:1rem 0;}.reg-password-requirements p{color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}.reg-password-requirements ul{list-style:none;padding:0;margin:0;}.reg-password-requirements li{color:rgba(255,255,255,0.6);font-size:0.9rem;margin-bottom:0.25rem;padding-left:1.5rem;position:relative;}.reg-password-requirements li::before{content:'•';position:absolute;left:0.5rem;color:#FF6B6B;}.reg-code-help{display:flex;align-items:center;gap:0.5rem;margin:1rem 0;}.reg-code-help p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn-text{background:none;border:none;color:#FF6B6B;font-size:0.9rem;cursor:pointer;padding:0;}.reg-btn-text:hover{text-decoration:underline;}.reg-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.1rem;}.reg-plan-price{color:#FF6B6B;font-weight:600;}.reg-plan-features{list-style:none;padding:0;margin:0;}.reg-plan-features li{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:0.1rem;padding-left:1.5rem;position:relative;}.reg-plan-features li::before{content:'✓';position:absolute;left:0;color:#FF6B6B;}.reg-footer{margin-top:0.5rem;text-align:center;}.reg-terms{margin-top:0.2rem;font-size:0.8rem;color:rgba(255,255,255,0.5);}.reg-terms a{color:#FF6B6B;text-decoration:none;}.reg-terms a:hover{text-decoration:underline;}@media screen and (max-width:768px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.5rem;margin-right:1rem;}.navbar-left ul{gap:5px;}.navbar-left li{margin:0 5px;}li a{padding:10px 12px;font-size:0.9rem;}.balance-display{gap:4px;padding:2px 8px;transform:translateX(-30px);}.icon-navbar{width:22px;height:22px;}.balance-amount{font-size:1rem;}}@media screen and (max-width:480px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.25rem;margin-right:2rem;}.navbar-left ul{gap:3px;}.navbar-left li{margin:0 3px;}li a{font-size:0.85rem;padding:8px 10px;}.balance-display{padding:2px 6px;gap:3px;transform:translateX(-20px);}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:0.9rem;}}@media screen and (max-width:350px){.navbar{left:2%;right:2%;padding:0 0.3rem;}.logo{font-size:1rem;margin-right:1rem;}.navbar-left ul{gap:2px;}.navbar-left li{margin:0 2px;}li a{font-size:0.8rem;padding:6px 8px;}.balance-display{padding:2px 4px;gap:2px;transform:translateX(-10px);}.icon-navbar{width:18px;height:18px;}.balance-amount{font-size:0.85rem;}}@media screen and (max-width:768px){body.sidebar-active .navbar{position:fixed;top:0;left:0%;right:0%;width:100%;padding:0 1rem;z-index:1100;background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;}.navbar-left,.navbar-right{display:flex;justify-content:center;align-items:center;flex:1;}.navbar-list{display:flex;gap:10px;justify-content:center;}.sidebar-menu{position:fixed;margin-top:5px;top:55px;width:100%;height:300px;background:rgba(31,31,31,0.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;display:flex;border-radius:0;flex-direction:column;padding:15px;}.control-panel{height:100%;display:flex;flex-direction:column;position:relative;}.main-content{padding:15px;margin:0 auto;margin-top:40vh;}.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}.card{flex:0 1 auto;min-width:220px;width:auto;margin:0 auto;}.navbar-right{display:flex;align-items:center;justify-content:center;flex:1;}.balance-display{display:flex;align-items:center;justify-content:center;gap:5px;}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:1rem;font-weight:bold;}.shine-wrapper{width:100%;height:100%;position:relative;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;}.overlay{position:absolute;top:0;left:0;right:0;border-radius:0px;padding:2px;background:linear-gradient(
to bottom,rgba(0,0,0,0.6) 0%,transparent 50%
);display:flex;justify-content:flex-end;opacity:1;}.user-gallery-content{text-align:center;}.control-panel h2{font-size:1.2rem;margin:0 0 15px 0;color:#fff;margin-bottom:5vh;border-radius:0px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;}form{flex:1;overflow-y:auto;padding-right:10px;padding-bottom:60px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent;}.generate-btn{position:absolute;bottom:0;left:0;right:0;width:100%;padding:12px;font-size:1rem;border-radius:6px;color:white;border:none;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,0.2);}form::-webkit-scrollbar{width:5px;}form::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px;}form::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;transition:background 0.3s ease;}form::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}.form-group{margin-bottom:2px;background:rgba(255,255,255,0.03);padding:10px;border-radius:8px;}.form-group label{display:block;margin-bottom:0px;font-size:0.9rem;color:rgba(255,255,255,0.9);}.form-group textarea{height:70px;min-height:70px;resize:none;}.generate-btn{padding:10px;}.form-group textarea,.form-group select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.download-btn,.delete-btn,.expand-btn{width:40px;height:40px;margin-left:8px;border-radius:8px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}.ring{width:100px;height:100px;}}@media screen and (max-width:480px){.sidebar-menu{height:280px;padding:12px;}.form-group{padding:10px;margin-bottom:10px;}.generate-btn{padding:10px;}.card{height:calc(100vh - 310px);}}@media screen and (max-width:768px){.pricing-container{flex-direction:column;align-items:center;gap:24px;padding:20px;}.pricing-table{width:100%;max-width:325px;height:580px;position:relative;padding:24px;margin:0;}.pricing-table form{position:absolute;bottom:24px;left:24px;right:24px;width:calc(100% - 48px);z-index:2;}.pricing-table form button.pricing-cta{width:100%;height:48px;padding:0 24px;font-size:16px;box-sizing:border-box;}}@media screen and (max-width:768px){#modal-gallery{padding:10px;}.modal-content-image{width:95vw;max-height:90vh;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.3);overflow:hidden;}.modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;}.image-modal{padding:12px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{width:100%;height:auto;max-height:50vh;overflow:hidden;}.modal-image{width:100%;height:100%;object-fit:contain;max-height:50vh;}.modal-info{padding:12px;max-height:40vh;overflow-y:auto;}#close-button-modal{top:8px;right:8px;width:28px;height:28px;}#close-button-modal img{width:12px;height:12px;}}.tab-nav{display:flex;gap:1px;background:rgba(255,255,255,0.1);padding:2px;border-radius:8px;margin-bottom:20px;}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:#999;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;}.tab-btn i{font-size:1rem;}.tab-btn.active{background:rgba(255,255,255,0.05);color:white;}.tab-btn:not(.active):hover{color:#ccc;}.tab-content{position:relative;}.tab-pane{display:none;opacity:0;transform:translateY(10px);transition:all 0.3s ease;}.tab-pane.active{display:block;opacity:1;transform:translateY(0);}button,input,form{touch-action:manipulation;}.training-guidelines{background:rgba(255,255,255,0.03);border-radius:8px;padding:15px;margin:15px 0;}.guideline-group{margin-bottom:15px;}.guideline-group:last-child{margin-bottom:0;}.guideline-group h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:0.95rem;margin-bottom:8px;}.guideline-group h3 i{font-size:0.9rem;}.guideline-group h3 i.fa-check-circle{color:#4ADE80;}.guideline-group h3 i.fa-times-circle{color:#FF6B6B;}.guideline-group ul{list-style:none;padding:0;margin:0;}.guideline-group li{color:#ccc;font-size:0.9rem;padding:4px 0;padding-left:15px;position:relative;}.guideline-group li:before{content:"•";position:absolute;left:0;color:#666;}.upload-zone{border:2px dashed rgba(255,255,255,0.1);border-radius:8px;padding:20px;text-align:center;transition:all 0.3s ease;background:rgba(255,255,255,0.02);}.upload-zone.drag-active{border-color:#4ADE80;background:rgba(74,222,128,0.05);}.upload-zone i{font-size:1.5rem;color:#666;margin-bottom:8px;}.upload-zone p{color:#999;margin:8px 0;font-size:0.9rem;}.upload-btn{background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.9rem;transition:all 0.3s ease;display:inline-block;}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,194,255,0.2);}.upload-status{margin:15px 0;font-size:0.9rem;color:#999;text-align:center;}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;}.preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;}.preview-item img{width:100%;height:100%;object-fit:cover;}.remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.6);border:none;color:white;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.remove-preview:hover{background:#FF6B6B;}.train-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC);border:none;border-radius:6px;color:white;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;}.train-btn:disabled{background:linear-gradient(135deg,#666,#444);cursor:not-allowed;}@media (max-width:768px){.preview-grid{grid-template-columns:repeat(2,1fr);}}.preferences-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}.preferences-section .form-group{flex:1;min-width:150px;}.preference-select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}#training-form input[type="text"]{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.error-message{position:fixed;top:20px;right:20px;background:rgba(255,59,48,0.9);color:white;padding:10px 15px;border-radius:6px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:opacity 0.3s ease;}.error-message.fade-out{opacity:0;}.training-status-container{width:100%;max-width:600px;margin:0 auto;padding:20px 0;}.training-status-card{background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:30px;text-align:center;}.training-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:20px;}.training-status{margin-bottom:15px;}.status-indicator{display:inline-flex;align-items:center;padding:8px 16px;border-radius:30px;font-weight:500;font-size:1.1rem;}.status-indicator i{margin-right:8px;}.status-indicator.pending,.status-indicator.processing{background-color:#e3f2fd;color:#1976d2;}.status-indicator.completed{background-color:#e8f5e9;color:#388e3c;}.status-indicator.failed{background-color:#ffebee;color:#d32f2f;}.model-name-display{font-size:1.4rem;font-weight:500;color:#555;margin:15px 0;padding-bottom:15px;border-bottom:1px solid #eee;}.training-info{display:flex;justify-content:center;gap:30px;margin:20px 0;}.info-item{display:flex;align-items:center;color:#666;font-size:1rem;}.info-item i{margin-right:8px;color:#0077CC;}.progress-container{margin:25px 0;}.progress-bar{height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#00C2FF,#0077CC);border-radius:3px;animation:progress-animation 2s infinite alternate,progress-width 30s linear forwards;}@keyframes progress-animation{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}@keyframes progress-width{0%{transform:scaleX(0.05);transform-origin:left;}100%{transform:scaleX(0.9);transform-origin:left;}}.training-message{color:#666;margin:20px 0;}.training-note{font-size:0.9rem;color:#888;margin-top:10px;font-style:italic;}.success-message,.error-message{margin:25px 0 15px;color:#555;}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.3s ease;margin-top:15px;}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,204,0.2);}.action-button.retry{background:linear-gradient(135deg,#ff9800,#f57c00);}.action-button.retry:hover{box-shadow:0 4px 12px rgba(255,152,0,0.2);}@media (max-width:600px){.training-info{flex-direction:column;gap:10px;}.training-status-card{padding:20px;}}#spinner-test{width:20px;height:20px;display:inline-block;margin-left:5px;vertical-align:middle;}@media (max-width:768px){.demo-section{margin-top:3rem;}.demo-content-row{flex-direction:column;gap:2rem;align-items:center;}.demo-column{width:90%;margin-bottom:0rem;}.demo-column:nth-child(2){margin-top:0;}.demo-arrow{transform:rotate(90deg);scale:3;margin:6.5rem 0;}.demo-image-container{margin-left:0;width:100%;display:flex;justify-content:center;position:relative;}.demo-image-background{width:220px;height:310px;}.demo-image{width:220px;height:310px;top:1px;left:50%;transform:translateX(-50%);}.bucket{width:100%;height:auto;max-width:300px;}.image-grid-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.demo-image-bucket{height:120px;width:120px;}.demo-header{font-size:1.3rem;}.demo-subheader{font-size:0.8rem;margin-bottom:1rem;}}@media (max-width:480px){.demo-image-bucket{height:100px;width:100px;}.demo-image-background{width:200px;height:280px;}.demo-image{width:200px;height:280px;}}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto;}100%{transform:rotate(360deg);}}#checkout-section{max-width:600px;margin:40px auto;padding:20px;background:white;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}#checkout{min-height:500px;margin:0 auto;}.StripeElement{background-color:white;border-radius:8px;border:1px solid #e0e0e0;}:root{--sidebar-width:290px;--navbar-height:62px;--registration-sidebar-width:400px;--theme-primary-color:#FFD700;--theme-text-color:rgba(255,255,255,0.9);--theme-heading-color:rgba(255,255,255,1);--theme-bg-color:rgba(31,31,31,0.25);--theme-card-bg:rgba(31,31,31,0.35);--theme-transition:all 0.3s ease-in-out;--theme-border-radius:14px;--theme-shadow:0 12px 24px rgba(0,0,0,0.2);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(212,161,228,0.4) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.5) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{box-sizing:border-box;margin:0;padding:0;}html,body{max-width:100%;width:100%;overflow-x:hidden !important;overflow-y:auto;position:relative;}body{background:linear-gradient(
125deg,#111111,#08080E,#08080E,#0d0d0f
);background-size:200% 200%;background-position:center;min-height:100vh;margin:0;color:white;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;position:relative;}.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.05;z-index:-1;}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(
circle at 0% 0%,rgba(255,59,48,0.03) 0%,transparent 50%
),radial-gradient(
circle at 100% 100%,rgba(255,59,48,0.03) 0%,transparent 50%
);pointer-events:none;z-index:1;}.logo{font-size:1.75rem;font-weight:800;margin-left:1rem;margin-right:5rem;background:linear-gradient(135deg,#FFD1E2 0%,#FFD1E2 20%,#FBF9E1 50%,#B3D2FF 80%,#B3D2FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:0.01rem;opacity:0.7;transition:transform 0.5s ease;cursor:pointer;z-index:100;}.logo:hover{transform:scale(1.05);}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(
circle at center,transparent 0%,rgba(0,0,0,0.35) 100%
);pointer-events:none;z-index:3;}.icon-navbar{width:25px;height:25px;transition:transform 0.3s ease;}.balance-display:hover .icon-navbar{transform:scale(1.1);}.balance-icon{margin-left:auto;}.balance-display{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;cursor:default;transform:translateX(-50px);transition:transform 0.3s ease;}.balance-display:hover{transform:translateX(-50px) scale(1.1);}.balance-amount{font-family:'Inter',sans-serif;font-weight:700;font-size:1.2rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.25);}.balance-display:hover::after{opacity:1;}.balance-display::after{content:"Your current balance";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}li a{display:inline-block;color:rgba(255,255,255,0.4);text-align:center;padding:14px 16px;text-decoration:none;position:relative;transition:all 0.3s ease;}li a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background:rgba(255,255,255,0.15);transition:all 0.3s ease;transform:translateX(-50%);backdrop-filter:blur(4px);}li a:hover::after{width:100%;}li a:hover{color:rgba(255,255,255,0.7);transform:translateY(-2px);}.pricing-section{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;width:100%;}.pricing-header{text-align:center;margin-bottom:0rem;}.welcome-text{display:block;font-size:1rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;}.pricing-header h1{font-size:3.2rem;font-weight:700;color:#ffffff;margin-bottom:1rem;letter-spacing:-0.02em;}.pricing-header p{font-size:1.1rem;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto;line-height:1.6;}.pricing-welcome{text-align:center;margin-bottom:3rem;}.pricing-welcome h2{font-size:2.4rem;font-weight:600;background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-welcome p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.pricing-intro{text-align:center;margin-bottom:0.2rem;}.pricing-intro h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#a5d6a7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-intro p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.main-content{margin-left:var(--sidebar-width);margin-top:2vh;padding:20px;display:flex;flex-direction:column;width:calc(100% - var(--sidebar-width));}.content{margin-top:60px;padding:5px;display:flex;flex-direction:column;margin:60px auto 0;}.navbar-item{display:inline-block;margin:0 10px;color:white;text-decoration:none;}.navbar-text{font-weight:700;}.grid-item{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:12px;background:rgba(255,255,255,0.03);transition:all 0.4s ease;backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 20px rgba(255,255,255,0.05);&:nth-child(4n+1){transform:translateY(20px);}&:nth-child(4n+2){transform:translateY(-15px);}&:nth-child(4n+3){transform:translateY(25px);}}.grid-item::before{content:'';position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(
45deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05) 30%,rgba(255,255,255,0) 50%
);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.15);}.grid-item:hover img{transform:scale(1.05);}.pricing-container{display:flex;gap:15px;justify-content:center;align-items:stretch;max-width:1400px;margin:0 auto;transform:scale(0.8);}.pricing-table{text-decoration:none;display:flex;flex-direction:column;padding:40px;gap:10px;width:325px;height:580px;position:relative;background-color:#FFFFFF !important;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #E7EBFF;box-shadow:0px 26px 40px rgba(188,202,255,0.13);border-radius:26px;box-sizing:border-box;opacity:0.85 !important;backdrop-filter:none;-webkit-backdrop-filter:none;color:#000000;}.pricing-table:hover{background-color:#FFFFFF;opacity:1;}.pricing-table.featured{position:relative;background-color:#FFFFFF !important;opacity:1 !important;}.pricing-table::before{display:none;}.pricing-cta{width:100%;padding:0.8rem;border:none;border-radius:8px;background:#f5f5f5;color:#333;font-weight:700;font-size:1.2rem;min-height:50px;cursor:pointer;transition:all 0.3s ease;margin-top:auto;}.pricing-cta:hover{transform:translateY(-2px);}.featured .pricing-cta{background:linear-gradient(45deg,#FF6B6B,#FF8E53);color:white;}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(45deg,#FF6B6B,#FF8E53);padding:0.2rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:500;color:white;box-shadow:0 4px 15px rgba(255,107,107,0.2);}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#000000;}.price{font-size:2.5rem;font-weight:800;color:#000000;}.price span{font-size:0.9rem;font-weight:400;opacity:0.7;}.pricing-features{flex:1;margin-bottom:20px 0;}.pricing-form{width:100%;margin-top:auto;}.pricing-features ul{list-style:none;padding:0;margin:0;}.upload-instructions ul{list-style:none;padding:0;margin:0;}.upload-instructions li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li{padding:0.5rem 0;color:#000000;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li::before{content:"✓";color:#666;}.login-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem;margin-left:200px;width:calc(100% - 200px);margin-top:60px;position:relative;}50%{transform:rotate(180deg) scale(1.1);}100%{transform:rotate(360deg) scale(1);}}.login-form{position:relative;width:100%;max-width:360px;padding:2.5rem;border-radius:16px;background:linear-gradient(
169deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%
);backdrop-filter:blur(10px);box-shadow:0 4px 24px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.1);margin-top:2rem;overflow:hidden;}.login-form::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(
circle,rgba(255,255,255,0.1) 0%,transparent 50%
);animation:shimmer 8s linear infinite;pointer-events:none;}to{transform:rotate(360deg);}}.login-form h2{background:linear-gradient(45deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;font-size:1.8rem;text-align:center;font-weight:600;}.input-wrapper{display:flex;flex-direction:column;gap:0.375rem;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.input100{font-size:15px;color:#555555;line-height:1.2;display:block;width:100%;height:45px;background:transparent;padding:0 5px;border:none;border-radius:0;outline:none;box-shadow:none;}.input100::placeholder{color:transparent;}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:all 0.4s;background:#000;}.input100:focus + .focus-input100::after,.input100:not(:placeholder-shown) + .focus-input100::after{top:-15px;font-size:13px;}.input100:focus + .focus-input100::before,.input100:not(:placeholder-shown) + .focus-input100::before{width:100%;}.email-button{width:100%;height:44px;border-radius:8px;background:#000;color:white;font-size:16px;cursor:pointer;transition:background-color 0.2s ease;border:none;}.email-button:hover{opacity:0.9;}.input100:-webkit-autofill,.input100:-webkit-autofill:hover,.input100:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset !important;-webkit-text-fill-color:#555555 !important;}.password-container{position:relative;}.forgot-password{position:absolute;right:0;top:-15px;font-size:13px;color:#666;text-decoration:none;transition:color 0.2s ease;}.forgot-password:hover{color:#000;}.signup-prompt{text-align:center;margin-top:20px;font-size:14px;color:#666;}.signup-link{color:#000;text-decoration:none;margin-left:5px;font-weight:500;transition:opacity 0.2s ease;}.signup-link:hover{opacity:0.7;}.spinner-container{position:relative;}.htmx-indicator{opacity:0;transition:opacity 300ms ease-in;}.htmx-request .htmx-indicator{opacity:1;}img.htmx-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:1000;filter:invert(1);}.form-spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10;}.email-form{position:relative;min-height:180px;}.form-spinner{width:100px;height:100px;filter:invert(1);}.forgot-password-form .form-spinner-container{padding-bottom:30px;}.reset-password-form .form-spinner-container{padding-bottom:20px;}.modal-form .form-spinner-container{padding-bottom:0;}.htmx-request.spinner-fullscreen .spinner-overlay{opacity:1;pointer-events:all;}form.spinner-container{display:flex;flex-direction:column;position:relative;min-height:650px;}#spinner{filter:invert(1);}.login-button{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(
45deg,rgba(76,175,80,0.8),rgba(33,150,243,0.8)
);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:1rem;position:relative;overflow:hidden;}.login-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(
90deg,transparent,rgba(255,255,255,0.2),transparent
);transition:0.5s;}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2),0 2px 5px rgba(76,175,80,0.2);}.login-button:hover::before{left:100%;}.form-footer{margin-top:1.5rem;text-align:center;color:rgba(255,255,255,0.6);}.form-footer a{color:#4CAF50;text-decoration:none;font-weight:500;transition:all 0.3s ease;}.form-footer a:hover{color:#81C784;text-shadow:0 0 10px rgba(76,175,80,0.3);}.hero-section{width:100%;min-height:10rem;padding-top:0vh;padding:2.5rem 0rem 2rem !important;margin-bottom:0 !important;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}.hero-content{text-align:center;z-index:10;max-width:none;padding:0;}.generate-cta{position:relative;padding:0.8rem 2.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;color:#000000;background-color:#FF3E3E;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(255,62,62,0.4);}.generate-cta:hover{transform:translateY(-2px);background-color:#FF5252;box-shadow:0 6px 20px rgba(255,62,62,0.5);}.generate-cta:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(255,62,62,0.3);}.generate-text{display:inline-block;}.generate-icon{display:inline-block;margin-left:10px;transition:transform 0.2s ease;}.generate-cta:hover .generate-icon{transform:translateX(3px);}.CTA-button{display:flex;flex-direction:column;align-items:flex-start;padding:0px;position:absolute;width:423px;height:152px;left:492px;top:229px;}.CTA-text{width:auto;font-family:'Inter';font-style:normal;font-weight:800;font-size:3.85rem;line-height:1.2;margin:4rem 0 0rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}.CTA-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:2.55vh;line-height:1.5;color:rgba(255,255,255,0.8);margin:0 0 0.5rem 0;text-align:center;}.input-text{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 7px 8px 19px;gap:2vh;width:55vh;height:8.25vh;background:#FFFFFF;border:1px solid #F1F3F7;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:8px;margin:0 auto;}.email-input{border:none;outline:none;width:100%;font-family:'Inter',sans-serif;font-size:14px;color:#333;}.email-input::placeholder{color:#8E8E8E;}.primary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2.0vh;gap:0.512vh;width:13vh;height:5.85vh;background:#070707;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:0.6vh;border:none;color:white;font-family:'Inter',sans-serif;font-size:2.35vh;font-weight:400;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all 0.3s ease;}.primary-button:hover{transform:scale(1.02);}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}.display-container{max-width:202vh;margin:0 0;padding:0 0;padding-top:1rem;position:relative;display:block;justify-content:center;align-items:center;margin-bottom:1rem;}.display-text{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-text-grid{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-subtext{font-family:'Inter';font-style:normal;font-weight:100;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:4rem;}.display-subtext-demo{font-family:'Inter';font-style:normal;font-weight:300;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:0rem;}.display-section{text-align:center;margin-right:50vh;align-items:center;margin-bottom:3rem;padding:0 2rem;}.display-section-demo{text-align:center;align-items:center;margin-bottom:3rem;padding:0 2rem;}.image-row{display:flex;gap:5px;padding:0;width:calc(100% - 40px);justify-content:center;align-items:center;}.demo-section{display:flex;flex-direction:column;align-items:center;margin-top:5rem;justify-content:left;gap:2rem;width:100%;}.demo-content-row{display:flex;align-items:flex-start;gap:1rem;width:auto;}.demo-column{display:relative;flex-direction:column;align-items:center;text-align:center;width:100%;}.demo-column:nth-child(2){margin-top:8rem;}.demo-image-bucket-background{height:150px;width:150px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image-bucket{height:150px;width:150px;border-radius:7px;object-fit:cover;object-position:center;}.faq-header{display:flex;justify-content:center;margin-bottom:1.5rem;}.demo-arrow{scale:4.2;margin-right:2.5rem;margin-left:5.5rem;margin-top:3.5rem;fill:#ffffff;filter:brightness(0) invert(1);flex-shrink:0;}.demo-image-container{position:relative;margin-left:2.5rem;width:305px;height:410px;}.demo-image-background{width:255px;height:360px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image{width:255px;height:360px;border-radius:12px;position:absolute;top:5px;left:5px;object-fit:cover;z-index:2;}.image-bucket{display:flex;justify-content:center;border-radius:12px;}.bucket-title{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#333;width:100%;text-align:center;margin:0;}.bucket-subtitle{font-family:'Inter';font-weight:400;font-size:1rem;color:#666;width:100%;text-align:center;margin:8px 0 0 0;}.demo-header{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#FFFFFF;margin-bottom:0.5rem;text-align:center;width:100%;}.demo-subheader{font-family:'Inter';font-weight:200;font-size:0.9rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;text-align:center;width:100%;}.bucket{width:20rem;height:23.75rem;display:flex;flex-direction:column;align-items:center;padding:5px 1px;overflow:hidden;flex-shrink:0;}.row-image{width:11.5352rem;height:18.107200000000002rem;border-radius:4.26vh;object-fit:cover;transition:all 0.3s ease;}.row-image:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,0.1);}.image-section{width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:0 4rem;margin-bottom:2rem;margin-top:1rem;}.image-row{display:flex;gap:20px;justify-content:center;align-items:center;max-width:1200px;width:100%;}.generate-page{display:flex;align-items:center;padding:40px;min-height:100vh;z-index:10;margin-top:100px;}.upload-section,.settings-panel{border-radius:12px;padding:20px;margin:20px;width:80%;max-width:600px;}.upload-section h2,.settings-panel h2{font-size:1.5rem;margin-bottom:10px;}.upload-button{background-color:#FF6B6B;color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;}.upload-button:hover{background-color:#FF8E53;}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:10px;}.preset-card{background:rgba(255,255,255,0.2);border-radius:12px;padding:15px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;}.preset-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(255,255,255,0.3);}.preset-card h4{margin:0;font-size:1.2rem;color:#FF6B6B;}.preset-card p{margin:5px 0 0;font-size:0.9rem;color:#ccc;}.tune-bar,.custom-settings{margin-top:20px;}.slider{width:100%;margin:10px 0;}.upload-icon-button{background:none;border:none;cursor:pointer;padding:0;transition:transform 0.2s ease;margin:0px 0;}.upload-icon-button:hover{transform:scale(1.1);}.upload-icon{width:50px;height:50px;filter:invert(1);}.upload-instructions{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50px;}.upload-instructions-text{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-instructions-list{list-style:none;padding:0;margin:0;margin-top:10px;}.upload-instructions-list li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;width:100%;position:relative;padding-left:20px;}.upload-instructions-list li::before{content:"✓";position:absolute;left:0;color:#4CAF50;font-weight:bold;font-size:1rem;}.upload-instructions-list li.x-mark::before{content:"✗";color:#FF6B6B;}.upload-instructions-list li i{margin-right:10px;color:#f0f0f0;}.upload-zone{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:20px 30px;width:90%;max-width:654px;height:150px;background:rgba(8,8,14,0.5);border:2px dashed rgba(203,208,220,0.3);border-radius:26px;transition:all 0.2s ease;position:relative;margin:20px auto;backdrop-filter:blur(10px);cursor:pointer;}.upload-zone:hover{border-color:rgba(203,208,220,0.5);background:rgba(8,8,14,0.1);}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;}.upload-icon{width:32px;height:32px;opacity:0.8;}.upload-title{font-family:'Inter',sans-serif;font-weight:200;font-size:0.95rem;color:rgba(255,255,255,0.6);margin:0;letter-spacing:0.03em;text-transform:none;font-feature-settings:"liga" 0;}.upload-section h2{font-family:'Inter';font-style:normal;font-weight:800;font-size:50px;line-height:1.2;margin:0 0 1.5rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;text-shadow:0px 0px 40px rgba(255,255,255,0.15);}.upload-preview-container{width:90%;max-width:654px;margin:20px auto;background:rgba(8,8,14,0.5);border-radius:16px;padding:20px;backdrop-filter:blur(10px);}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.preview-count{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;}.start-upload-btn{padding:8px 16px;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);border:none;border-radius:8px;color:#000;font-family:'Inter';font-weight:500;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(8,8,14,0.5);}.preview-item img{width:100%;height:100%;object-fit:cover;}.preview-item .remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;}.preview-item:hover .remove-btn{opacity:1;}.upload-progress{display:flex;align-items:center;gap:12px;}.progress-bar{flex-grow:1;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;width:0%;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);transition:width 0.3s ease;}.progress-text{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;min-width:40px;text-align:right;}.preferences-section{width:90%;max-width:654px;margin:20px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;border-radius:16px;}.preference-group{display:flex;flex-direction:column;gap:8px;}.preference-group label{font-family:'Inter',sans-serif;font-weight:300;font-size:0.9rem;color:rgba(255,255,255,0.8);letter-spacing:0.02em;}.preference-select{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(8,8,14,0.6);color:rgba(255,255,255,0.9);font-family:'Inter',sans-serif;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(10px);}.preference-select:hover{border-color:rgba(255,255,255,0.2);background:rgba(8,8,14,0.7);}.preference-select:focus{outline:none;border-color:rgba(255,255,255,0.3);background:rgba(8,8,14,0.8);}.preference-select option{background:rgb(8,8,14);color:rgba(255,255,255,0.9);padding:10px;}.train-button-container{width:90%;max-width:654px;margin:40px auto;display:flex;justify-content:center;}.train-button{font-family:'Inter';font-weight:800;font-size:2rem;padding:20px 30px;border:none;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#FF6B6B 0%,#FF8F8F 100%);color:white;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.03em;box-shadow:0px 4px 20px rgba(255,107,107,0.2);font-style:normal;position:relative;overflow:hidden;}.train-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#FF8F8F 0%,#FFA7A7 100%);opacity:0;transition:opacity 0.3s ease;}.train-button:hover{transform:translateY(-2px);box-shadow:0px 8px 30px rgba(255,107,107,0.3);}.train-button:active{transform:translateY(1px);}.train-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.spinner{width:50px;height:50px;border:3px solid rgba(141,141,141,0.1);border-radius:50%;border-left-color:#FF6B6B;animation:spin 0.8s ease-in-out infinite;margin:30px 0;}50%{transform:rotate(18000deg);}100%{transform:rotate(36000deg);}}.training-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:800px;padding:40px;text-align:center;}.loading{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;}.loading h2{font-family:'Inter';font-weight:700;font-size:2rem;color:white;margin-bottom:20px;}.loading p{font-family:'Inter';font-weight:400;font-size:1rem;color:rgba(255,255,255,0.8);line-height:1.5;}.section{min-height:100vh;width:100%;margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center;}.faq-list{flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:1rem;padding-left:0;}.faq-list-item{font-size:1rem;font-weight:200;display:block;padding-bottom:0.1rem;line-height:1.5;margin-bottom:0.1rem;}.faq{display:block;align-items:center;max-width:100vh;margin:0 auto;margin-bottom:3rem;}.faq-container{width:100%;margin-top:0.5rem;padding-bottom:0.2rem;cursor:pointer;border-bottom:1px solid #ffffff;}.faq-item{width:100%;}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding-bottom:0.2rem;cursor:pointer;}.faq-title{font-family:'Inter';font-weight:800;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 0px 40px rgba(255,255,255,0.15);font-size:2.5rem;max-width:60rem;margin:2rem 0rem;color:white;padding-bottom:3vh;}.faq-answer{max-height:0;padding-top:0.5rem;overflow:hidden;line-height:1.4;font-size:0.95rem;max-width:200vh;word-wrap:break-word;transition:max-height 0.5s ease-in-out;}.faq-container.active .faq-answer{max-height:100vh;}.faq-note{margin-top:1rem;}.faq{display:block;align-items:center;justify-content:center;}.image-grid-section{width:100%;max-width:1800px;margin:0rem auto;display:flex;padding:0 2rem;justify-content:center;}.image-grid-demo{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:0.5rem;}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);width:fit-content;gap:0.55rem;padding:0.1rem 0;}.image-grid-item{position:relative;width:13rem;height:19rem;overflow:hidden;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;transform:translateZ(0);backface-visibility:hidden;}.image-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;justify-content:center;transition:transform 0.3s ease;}.image-grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.image-grid-item:hover img{transform:scale(1.05);}.image-grid-item img.loading{opacity:0;}@media (max-width:1200px){.image-grid-section{width:95%;padding:0 1rem;}}@media (max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}}@media (max-width:480px){.image-grid{grid-template-columns:1fr;}.image-grid-section{padding:0 0.5rem;}}to{opacity:1;transform:translateY(0);}}.image-grid-item img.loading{opacity:0;}.image-grid-item img{animation:imageFadeIn 0.5s ease forwards;}@media (max-width:768px){.hero-section{padding:0.2rem;display:block;flex-direction:column;width:100%;height:100%;}.hero-content{width:100%;height:100%;min-height:0;}.CTA-text{font-size:9.0vw;margin-bottom:0.0rem;}.CTA-subtitle{font-size:2.5vh;}.input-text{width:75%;display:flex;align-items:center;justify-content:center;height:7vh;}.email-input{width:100%;}.primary-button{width:15vh;height:6vh;font-size:2.64vh;font-weight:400;padding:1.5vh;border-radius:0.6vh;margin-top:1vh;margin-bottom:1vh;}.logo{font-size:4vh;}.image-section{display:flex;margin-top:1vh;flex-direction:column;align-items:center;justify-content:center;}.image-row{display:flex;flex-direction:column;align-items:center;gap:4vh;justify-content:center;}.row-image{object-fit:cover;}.display-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:0.5rem;margin:0rem auto;}.display-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;margin:0;text-align:center;}.display-text{font-size:12vw;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.display-subtext{font-size:4.5vw;padding:0;margin:0 0 2rem 0;text-align:center;justify-content:center;line-height:1.2;word-wrap:break-word;position:relative;}.pricing-container{display:flex;flex-direction:column;align-items:center;margin-top:-10vh;justify-content:center;}.pricing-header{margin-top:0.5vh;margin-bottom:1vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}.faq-section{max-width:1200px;margin:0 auto;padding:0.5rem;}.faq-title{font-size:2.5rem;display:block;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.faq-item{padding:0.8rem 1rem;}.faq-question{font-size:1rem;}.faq-answer{font-size:0.9rem;padding:0 1rem;}.faq-list{padding-left:1rem;}}.footer{background:rgba(0,0,0,0.2);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);width:100%;padding:4rem 2rem 1rem;margin-top:auto;}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3rem;}.footer-brand h3{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;}.footer-brand p{color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:1.5rem;font-size:0.95rem;}.social-links{display:flex;gap:1rem;}.social-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:1.2rem;transition:color 0.2s ease;}.social-links a:hover{color:#fff;}.footer h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.2rem;}.footer ul{list-style:none;padding:0;margin:0;}.footer ul li{margin-bottom:0.8rem;}.footer ul a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.95rem;transition:color 0.2s ease;}.footer ul a:hover{color:#fff;}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:rgba(255,255,255,0.5);font-size:0.9rem;}@media (max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem;}.footer-brand{grid-column:1 / -1;}}@media (max-width:576px){.footer-content{grid-template-columns:1fr;}.footer{padding:3rem 1.5rem 1rem;}}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Helvetica,Verdana,Arial,sans-serif;}.modal-content{background:white;border-radius:10px;width:390px;max-width:90vw;position:relative;transition:opacity 0.2s ease;padding:30px;}.email-button{background:black !important;color:white !important;width:100%;height:52px;border:none;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:15px 0;padding:12px 20px;transition:opacity 0.2s ease;}.email-button:hover{opacity:0.9;}.sign-in-page-social-btn-container{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:0 20px;cursor:pointer;transition:background 0.2s ease;}.sign-in-page-social-btn-container:hover{background:#f8f8f8;}.sign-in-page-social-btn-container img{width:20px;height:20px;margin-right:12px;}.sign-in-divider{display:flex;align-items:center;margin:25px 0;}.sign-in-divider-line{flex:1;height:1px;background:#ccc;margin:0;}.sign-in-divider-text{color:#666;font-size:14px;padding:0 12px;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.signup-prompt{text-align:center;color:#666;margin:20px 0;}.signup-prompt a{color:#4169E1;text-decoration:none;font-weight:500;}.panel-context{color:#666;font-size:12px;text-align:center;margin:25px 0 0;line-height:1.5;}.panel-context a{color:#4169E1;text-decoration:none;}.social-text{color:#000000;font-size:0.95rem;font-weight:300;}.hidden{display:none;}.htmx-swapping{opacity:0;}.htmx-settling{opacity:1;}.success-content{text-align:center;padding:20px 0;}.success-icon{width:60px;height:60px;background:#000;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px;}.sidebar-icon{width:50%;justify-content:left;display:flex;height:50%;transition:transform 0.5s ease;}sidebar-icon:hover{transform:scale(1.05);}button:focus-within .sidebar-icon{transform:scale(1.1);}.success-message{color:#4e5652;font-size:16px;line-height:1.5;margin-bottom:25px;}.error-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem;}.error-content{text-align:center;max-width:600px;}.error-icon{width:80px;height:80px;background:#ff4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;}.error-icon span{color:white;font-size:40px;font-weight:bold;}.error-title{font-size:2rem;color:#333;margin-bottom:1rem;}.error-message{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.5;}.error-actions{display:flex;gap:1rem;justify-content:center;}.error-actions button{padding:0.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.error-actions .primary-button{background:#000;color:white;border:none;}.error-actions .primary-button:hover{background:#333;}.error-actions .secondary-button{background:transparent;color:#333;border:1px solid #ccc;}.error-actions .secondary-button:hover{background:#f5f5f5;}.sidebar-menu{width:var(--sidebar-width);background-color:#1f1f1f;height:100vh;padding:20px;position:fixed;top:0.90%;left:0.25%;border-radius:5px;overflow-y:auto;transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:2px 0 8px rgba(0,0,0,0.5);z-index:100;}.sidebar-menu.hidden{transform:translateX(-100%);}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);}.sidebar-header h2{font-size:1.3rem;font-weight:bold;color:white;}.close-sidebar{background:none;border:none;color:white;font-size:1.3rem;cursor:pointer;}.menu-toggle{position:fixed;top:15px;left:calc(var(--sidebar-width) + 10px);background-color:#1f1f1f;color:#ddd;justify-content:flex;border:none;padding:10px 12px;border-radius:50%;cursor:pointer;z-index:110;padding:20px;transition:left 0.4s cubic-bezier(0.68,-0.55,0.265,1.55),transform 0.4s ease;font-size:1.2rem;}.sidebar-menu.hidden + .menu-toggle{left:10px;transform:rotate(180deg);}.menu-toggle.toggle-visible{left:10px;transform:rotate(180deg);}body.sidebar-active .navbar{left:calc(var(--sidebar-width) + 0.5%);right:0.5%;}body.registrationbar-active .navbar{left:calc(var(--registration-sidebar-width) + 0.5%);right:0.5%;}.form-group{margin-bottom:15px;}.form-group label{display:block;margin-bottom:20px;font-size:0.9rem;color:#ccc;}.form-group textarea,.form-group select{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;}.form-group textarea::placeholder{color:#777;}.form-group textarea:focus,.form-group select:focus{background:#333;outline:none;}.generate-btn{width:100%;border:none;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:gradientShift 3s ease infinite;border-radius:4px;cursor:pointer;transition:background 0.3s ease;}.generate-btn:hover{background-position:100% 100%;filter:brightness(1.1);}.card{width:100%;aspect-ratio:2/3;height:auto;cursor:pointer;border-radius:12px;overflow:hidden;background:#1e1e1e;border:1px solid rgba(255,255,255,0.08);position:relative;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3);}.shine-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#141414;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;display:block;}.overlay{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;justify-content:flex-end;padding:5px;background:linear-gradient(
to bottom,rgba(0,0,0,0.4) 0%,transparent 30%
);opacity:0;transition:opacity 0.3s ease;}.card:hover .overlay{opacity:1;}.download-btn,.delete-btn{background:rgba(0,0,0,0.85);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.download-btn{background:rgba(255,255,255,0.15);}.delete-btn{background:rgba(220,38,38,0.15);}.download-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.delete-btn:hover{background:rgba(220,38,38,0.25);transform:translateY(-2px);}.shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(
to right,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%
);transform:skewX(-15deg);animation-duration:0.8s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-fill-mode:forwards;display:none;}.card:hover .shine{display:block;animation-name:shine;}to{left:200%;}}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;width:100%;padding:0;justify-content:start;align-content:start;}.shine-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#141414 0%,#1a1a1a 50%,#141414 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;opacity:0;transition:opacity 0.3s ease;}.shine-wrapper.loading::before{opacity:1;}100%{background-position:200% 0;}}@media (max-width:1200px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}}@media (max-width:900px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}}@media (max-width:600px){.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}}.expand-btn{background:rgba(255,255,255,0.15);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.expand-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.prompt-with-copy{position:relative;width:100%;}.copy-btn.copied .copy-feedback{opacity:1;transform:translateX(0);}.copy-feedback{position:absolute;background:rgba(0,0,0,0.8);color:white;padding:6px 12px;border-radius:4px;font-size:0.8rem;right:40px;white-space:nowrap;opacity:0;transform:translateX(10px);transition:all 0.2s ease;pointer-events:none;}.copy-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;}.copy-btn:hover{background:rgba(255,255,255,0.2);}.copy-icon{width:30px;height:30px;opacity:0.7;}#modal-prompt{resize:none;cursor:default;min-height:100px;height:auto;border-radius:6px;overflow:hidden;white-space:pre-wrap;padding-right:45px;}.stats-row{display:flex;gap:16px;width:100%;}.half-width{flex:1;}.info-input{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;cursor:default;}.info-input:focus{outline:none;}#modal-gallery{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;}.modal-content-image{position:relative;z-index:1002;width:800px;min-height:500px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;display:grid;grid-template-rows:auto 1fr;}.modal-info{padding:24px;background:#1a1a1a;border-left:1px solid rgba(255,255,255,0.1);height:100%;overflow-y:auto;}.info-section{display:flex;flex-direction:column;gap:24px;}.info-group{margin-bottom:20px;}.info-group label{display:block;color:#ccc;font-size:0.9rem;margin-bottom:8px;font-weight:500;}.info-group p{color:#fff;font-size:0.9375rem;line-height:1.5;margin:0;}.info-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}.stat-item{padding:12px;background:rgba(255,255,255,0.05);border-radius:8px;display:flex;flex-direction:column;gap:4px;}.stat-item label{color:#999;font-size:0.75rem;}.stat-item span{color:#fff;font-size:0.875rem;font-weight:500;}.modal-info h3{color:#ffffff;font-size:1.25rem;margin-bottom:24px;font-weight:500;}.modal-underlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:191;}#close-button-modal{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:99003;}#close-button:hover{background:rgba(255,255,255,0.2);}#close-button-modal img{width:14px;height:14px;opacity:0.8;}#close-button-modal:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform 0.3s ease;}to{opacity:1;transform:scale(1);}}.modal-content-image{position:relative;z-index:1002;width:1100px;height:600px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;}.modal-layout{display:grid;grid-template-columns:2fr 1fr;height:100%;}.modal-link{cursor:pointer;color:#007bff;text-decoration:underline;}.modal-link:hover{color:#0056b3;}.image-modal{height:100%;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}.prompt-container{background:rgba(42,42,42,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:16px;position:relative;backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.1);}.prompt-text{color:#f0f0f0;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:0.95rem;line-height:1.6;font-weight:400;letter-spacing:-0.01em;padding:12px;border-radius:4px;transition:all 0.2s ease;}@media (max-width:1200px){.modal-content-image{width:90vw;height:80vh;}}@media (max-width:768px){.modal-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;}.modal-info{border-left:none;border-top:1px solid rgba(255,255,255,0.1);}}.particle-loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:var(--theme-border-radius);background:transparent;}.particle-loading-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:12px;font-weight:600;color:rgba(255,215,0,0.8);letter-spacing:1px;z-index:15;text-align:center;pointer-events:none;}.ring::before{background-image:radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);background-size:100% 100%,200% 200%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite;}100%{background-position:0% 0%,200% 200%;}}@media (max-width:768px){.ring{width:160px;height:160px;}.ring::before{width:30px;height:30px;}.ring::after{font-size:10px;bottom:-25px;}}@media (max-width:480px){.ring{width:140px;height:140px;}.ring::before{width:25px;height:25px;}.ring::after{font-size:9px;bottom:-20px;letter-spacing:0.5px;}.ring span::before,.ring span::after{width:2px;height:2px;}}.ring::before{background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,0.3) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(139,69,19,0.3) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,182,193,0.2) 1px,transparent 1px),radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%);background-size:50px 50px,60px 60px,40px 40px,100% 100%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite,dustFloat 8s ease-in-out infinite;}25%{background-position:100% 0%,0% 100%,50% 50%,0% 0%;}50%{background-position:100% 100%,100% 100%,100% 0%,0% 0%;}75%{background-position:0% 100%,100% 0%,50% 100%,0% 0%;}}.ring,.ring::before,.ring::after,.ring span::before,.ring span::after{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;}.ring{position:relative;}.ring::after{content:'AI THINKING...';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:11px;font-weight:600;color:rgba(102,126,234,0.8);letter-spacing:1px;animation:textPulse 1.5s ease-in-out infinite;z-index:15;}.ring.stage-convergence::after{content:'CREATING MAGIC...';color:rgba(139,69,19,0.9);}.ring.stage-complete::after{content:'ALMOST READY!';color:rgba(34,197,94,0.9);}.ring.stage-convergence::before{box-shadow:0 0 20px rgba(102,126,234,0.7),inset 0 0 20px rgba(139,69,19,0.5),0 0 40px rgba(102,126,234,0.3);}.ring.stage-complete::before{box-shadow:0 0 25px rgba(34,197,94,0.8),inset 0 0 25px rgba(139,69,19,0.6),0 0 50px rgba(34,197,94,0.4);}#why-boothai-section{display:flex;justify-content:center;padding:2rem 1rem;margin:2rem auto;}.why-card{background:rgba(20,20,20,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.5);max-width:800px;width:100%;padding:1.5rem;}.why-content{display:flex;align-items:stretch;gap:0.5rem;}.why-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0.5rem;color:#fff;}.why-title{font-size:2rem;font-weight:700;margin-bottom:0.5rem;color:#fff;}.why-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:#ddd;}.why-description{font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#ccc;}.why-features{list-style:none;padding:0;margin-bottom:0.5rem;}.why-features li{font-size:0.95rem;margin-bottom:0.25rem;display:block;align-items:center;text-align:left;color:#eee;}.why-features li strong{margin:0;padding:0;line-height:1;display:inline;font-weight:bold;}.why-cta{display:inline-block;height:50px;width:325px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:gradientShift 3s ease infinite;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.why-cta:hover{box-shadow:0 6px 12px rgba(0,0,0,0.3);}.why-cta:active{transform:translateY(0);box-shadow:0 3px 6px rgba(0,0,0,0.25);}.why-img{flex:1;display:flex;align-items:center;justify-content:center;padding:0.5rem;max-width:300px;}.why-img img{width:300px;height:450px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);object-fit:cover;}@media (max-width:768px){.why-content{flex-direction:column;align-items:center;gap:1.5rem;}.why-text{text-align:center;}}#reg-split{position:fixed;top:0;left:0;width:var(--registration-sidebar-width,400px);height:100vh;background:rgba(8,8,14,0.95);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,0.1);z-index:1000;overflow-y:auto;}.reg-container{padding:2rem;height:100%;}.reg-form{display:flex;flex-direction:column;gap:2rem;}.reg-nav{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:0.1rem;}.reg-step{font-size:0.9rem;color:rgba(255,255,255,0.6);cursor:pointer;padding:0.5rem;position:relative;transition:color 0.3s ease;}.reg-step::after{content:'';position:absolute;bottom:-1rem;left:0;width:100%;height:2px;background:transparent;transition:background-color 0.3s ease;}.reg-step.active{color:#FF6B6B;}.reg-step.active::after{background:linear-gradient(90deg,#FF6B6B,#FF8E53);}.reg-step-content{display:none;flex-direction:column;gap:1.5rem;}.reg-step-content.active{display:flex;animation:fadeIn 0.3s ease;}.reg-form label{display:block;margin-bottom:0.1rem;color:rgba(255,255,255,0.9);font-size:0.95rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.reg-form input{width:100%;padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:1rem;transition:all 0.3s ease;}.reg-form input:focus{outline:none;border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plans{display:grid;gap:1rem;}.reg-plan{padding:1rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.3s ease;}.reg-plan:hover{border-color:#FF6B6B;transform:translateY(-2px);}.reg-plan.selected{border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plan h3{color:#fff;margin-bottom:0.1rem;}.reg-plan p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn{width:100%;padding:0.75rem;background:linear-gradient(135deg,#FF6B6B,#FF8E53);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.reg-btn:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,0.1);}.reg-btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){#reg-split{width:100%;}.reg-container{padding:1.5rem;}}.reg-header{text-align:center;margin-bottom:0.1rem;}.reg-title{font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,#FFD1E2,#B3D2FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.1rem;}.reg-subtitle{color:rgba(255,255,255,0.7);font-size:1rem;}.reg-step-header{margin-bottom:0.0rem;}.reg-step-header h2{font-size:1.2rem;color:#fff;margin-bottom:0.25rem;}.reg-step-header p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-divider{position:relative;text-align:center;margin:1.5rem 0;}.reg-divider::before,.reg-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 70px);height:1px;background:rgba(255,255,255,0.1);}.reg-divider::before{left:0;}.reg-divider::after{right:0;}.reg-divider span{background:rgba(8,8,14,0.95);padding:0 1rem;color:rgba(255,255,255,0.5);font-size:0.9rem;}.reg-social-buttons{display:grid;margin-top:0.25rem;}.reg-btn-social{padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;}.reg-btn-social:hover{background:rgba(255,255,255,0.1);}.reg-password-requirements{background:rgba(26,26,36,0.5);padding:1rem;border-radius:8px;margin:1rem 0;}.reg-password-requirements p{color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}.reg-password-requirements ul{list-style:none;padding:0;margin:0;}.reg-password-requirements li{color:rgba(255,255,255,0.6);font-size:0.9rem;margin-bottom:0.25rem;padding-left:1.5rem;position:relative;}.reg-password-requirements li::before{content:'•';position:absolute;left:0.5rem;color:#FF6B6B;}.reg-code-help{display:flex;align-items:center;gap:0.5rem;margin:1rem 0;}.reg-code-help p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn-text{background:none;border:none;color:#FF6B6B;font-size:0.9rem;cursor:pointer;padding:0;}.reg-btn-text:hover{text-decoration:underline;}.reg-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.1rem;}.reg-plan-price{color:#FF6B6B;font-weight:600;}.reg-plan-features{list-style:none;padding:0;margin:0;}.reg-plan-features li{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:0.1rem;padding-left:1.5rem;position:relative;}.reg-plan-features li::before{content:'✓';position:absolute;left:0;color:#FF6B6B;}.reg-footer{margin-top:0.5rem;text-align:center;}.reg-terms{margin-top:0.2rem;font-size:0.8rem;color:rgba(255,255,255,0.5);}.reg-terms a{color:#FF6B6B;text-decoration:none;}.reg-terms a:hover{text-decoration:underline;}@media screen and (max-width:768px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.5rem;margin-right:1rem;}.navbar-left ul{gap:5px;}.navbar-left li{margin:0 5px;}li a{padding:10px 12px;font-size:0.9rem;}.balance-display{gap:4px;padding:2px 8px;transform:translateX(-30px);}.icon-navbar{width:22px;height:22px;}.balance-amount{font-size:1rem;}}@media screen and (max-width:480px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.25rem;margin-right:2rem;}.navbar-left ul{gap:3px;}.navbar-left li{margin:0 3px;}li a{font-size:0.85rem;padding:8px 10px;}.balance-display{padding:2px 6px;gap:3px;transform:translateX(-20px);}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:0.9rem;}}@media screen and (max-width:350px){.navbar{left:2%;right:2%;padding:0 0.3rem;}.logo{font-size:1rem;margin-right:1rem;}.navbar-left ul{gap:2px;}.navbar-left li{margin:0 2px;}li a{font-size:0.8rem;padding:6px 8px;}.balance-display{padding:2px 4px;gap:2px;transform:translateX(-10px);}.icon-navbar{width:18px;height:18px;}.balance-amount{font-size:0.85rem;}}@media screen and (max-width:768px){body.sidebar-active .navbar{position:fixed;top:0;left:0%;right:0%;width:100%;padding:0 1rem;z-index:1100;background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;}.navbar-left,.navbar-right{display:flex;justify-content:center;align-items:center;flex:1;}.navbar-list{display:flex;gap:10px;justify-content:center;}.sidebar-menu{position:fixed;margin-top:5px;top:55px;width:100%;height:300px;background:rgba(31,31,31,0.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;display:flex;border-radius:0;flex-direction:column;padding:15px;}.control-panel{height:100%;display:flex;flex-direction:column;position:relative;}.main-content{padding:15px;margin:0 auto;margin-top:40vh;}.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}.card{flex:0 1 auto;min-width:220px;width:auto;margin:0 auto;}.navbar-right{display:flex;align-items:center;justify-content:center;flex:1;}.balance-display{display:flex;align-items:center;justify-content:center;gap:5px;}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:1rem;font-weight:bold;}.shine-wrapper{width:100%;height:100%;position:relative;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;}.overlay{position:absolute;top:0;left:0;right:0;border-radius:0px;padding:2px;background:linear-gradient(
to bottom,rgba(0,0,0,0.6) 0%,transparent 50%
);display:flex;justify-content:flex-end;opacity:1;}.user-gallery-content{text-align:center;}.control-panel h2{font-size:1.2rem;margin:0 0 15px 0;color:#fff;margin-bottom:5vh;border-radius:0px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;}form{flex:1;overflow-y:auto;padding-right:10px;padding-bottom:60px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent;}.generate-btn{position:absolute;bottom:0;left:0;right:0;width:100%;padding:12px;font-size:1rem;border-radius:6px;color:white;border:none;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,0.2);}form::-webkit-scrollbar{width:5px;}form::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px;}form::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;transition:background 0.3s ease;}form::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}.form-group{margin-bottom:2px;background:rgba(255,255,255,0.03);padding:10px;border-radius:8px;}.form-group label{display:block;margin-bottom:0px;font-size:0.9rem;color:rgba(255,255,255,0.9);}.form-group textarea{height:70px;min-height:70px;resize:none;}.generate-btn{padding:10px;}.form-group textarea,.form-group select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.download-btn,.delete-btn,.expand-btn{width:40px;height:40px;margin-left:8px;border-radius:8px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}.ring{width:100px;height:100px;}}@media screen and (max-width:480px){.sidebar-menu{height:280px;padding:12px;}.form-group{padding:10px;margin-bottom:10px;}.generate-btn{padding:10px;}.card{height:calc(100vh - 310px);}}@media screen and (max-width:768px){.pricing-container{flex-direction:column;align-items:center;gap:24px;padding:20px;}.pricing-table{width:100%;max-width:325px;height:580px;position:relative;padding:24px;margin:0;}.pricing-table form{position:absolute;bottom:24px;left:24px;right:24px;width:calc(100% - 48px);z-index:2;}.pricing-table form button.pricing-cta{width:100%;height:48px;padding:0 24px;font-size:16px;box-sizing:border-box;}}@media screen and (max-width:768px){#modal-gallery{padding:10px;}.modal-content-image{width:95vw;max-height:90vh;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.3);overflow:hidden;}.modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;}.image-modal{padding:12px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{width:100%;height:auto;max-height:50vh;overflow:hidden;}.modal-image{width:100%;height:100%;object-fit:contain;max-height:50vh;}.modal-info{padding:12px;max-height:40vh;overflow-y:auto;}#close-button-modal{top:8px;right:8px;width:28px;height:28px;}#close-button-modal img{width:12px;height:12px;}}.tab-nav{display:flex;gap:1px;background:rgba(255,255,255,0.1);padding:2px;border-radius:8px;margin-bottom:20px;}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:#999;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;}.tab-btn i{font-size:1rem;}.tab-btn.active{background:rgba(255,255,255,0.05);color:white;}.tab-btn:not(.active):hover{color:#ccc;}.tab-content{position:relative;}.tab-pane{display:none;opacity:0;transform:translateY(10px);transition:all 0.3s ease;}.tab-pane.active{display:block;opacity:1;transform:translateY(0);}button,input,form{touch-action:manipulation;}.training-guidelines{background:rgba(255,255,255,0.03);border-radius:8px;padding:15px;margin:15px 0;}.guideline-group{margin-bottom:15px;}.guideline-group:last-child{margin-bottom:0;}.guideline-group h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:0.95rem;margin-bottom:8px;}.guideline-group h3 i{font-size:0.9rem;}.guideline-group h3 i.fa-check-circle{color:#4ADE80;}.guideline-group h3 i.fa-times-circle{color:#FF6B6B;}.guideline-group ul{list-style:none;padding:0;margin:0;}.guideline-group li{color:#ccc;font-size:0.9rem;padding:4px 0;padding-left:15px;position:relative;}.guideline-group li:before{content:"•";position:absolute;left:0;color:#666;}.upload-zone{border:2px dashed rgba(255,255,255,0.1);border-radius:8px;padding:20px;text-align:center;transition:all 0.3s ease;background:rgba(255,255,255,0.02);}.upload-zone.drag-active{border-color:#4ADE80;background:rgba(74,222,128,0.05);}.upload-zone i{font-size:1.5rem;color:#666;margin-bottom:8px;}.upload-zone p{color:#999;margin:8px 0;font-size:0.9rem;}.upload-btn{background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.9rem;transition:all 0.3s ease;display:inline-block;}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,194,255,0.2);}.upload-status{margin:15px 0;font-size:0.9rem;color:#999;text-align:center;}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;}.preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;}.preview-item img{width:100%;height:100%;object-fit:cover;}.remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.6);border:none;color:white;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.remove-preview:hover{background:#FF6B6B;}.train-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC);border:none;border-radius:6px;color:white;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;}.train-btn:disabled{background:linear-gradient(135deg,#666,#444);cursor:not-allowed;}@media (max-width:768px){.preview-grid{grid-template-columns:repeat(2,1fr);}}.preferences-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}.preferences-section .form-group{flex:1;min-width:150px;}.preference-select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}#training-form input[type="text"]{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.error-message{position:fixed;top:20px;right:20px;background:rgba(255,59,48,0.9);color:white;padding:10px 15px;border-radius:6px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:opacity 0.3s ease;}.error-message.fade-out{opacity:0;}.training-status-container{width:100%;max-width:600px;margin:0 auto;padding:20px 0;}.training-status-card{background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:30px;text-align:center;}.training-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:20px;}.training-status{margin-bottom:15px;}.status-indicator{display:inline-flex;align-items:center;padding:8px 16px;border-radius:30px;font-weight:500;font-size:1.1rem;}.status-indicator i{margin-right:8px;}.status-indicator.pending,.status-indicator.processing{background-color:#e3f2fd;color:#1976d2;}.status-indicator.completed{background-color:#e8f5e9;color:#388e3c;}.status-indicator.failed{background-color:#ffebee;color:#d32f2f;}.model-name-display{font-size:1.4rem;font-weight:500;color:#555;margin:15px 0;padding-bottom:15px;border-bottom:1px solid #eee;}.training-info{display:flex;justify-content:center;gap:30px;margin:20px 0;}.info-item{display:flex;align-items:center;color:#666;font-size:1rem;}.info-item i{margin-right:8px;color:#0077CC;}.progress-container{margin:25px 0;}.progress-bar{height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#00C2FF,#0077CC);border-radius:3px;animation:progress-animation 2s infinite alternate,progress-width 30s linear forwards;}@keyframes progress-animation{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}@keyframes progress-width{0%{transform:scaleX(0.05);transform-origin:left;}100%{transform:scaleX(0.9);transform-origin:left;}}.training-message{color:#666;margin:20px 0;}.training-note{font-size:0.9rem;color:#888;margin-top:10px;font-style:italic;}.success-message,.error-message{margin:25px 0 15px;color:#555;}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.3s ease;margin-top:15px;}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,204,0.2);}:root{--sidebar-width:290px;--navbar-height:62px;--registration-sidebar-width:400px;--theme-primary-color:#FFD700;--theme-text-color:rgba(255,255,255,0.9);--theme-heading-color:rgba(255,255,255,1);--theme-bg-color:rgba(31,31,31,0.25);--theme-card-bg:rgba(31,31,31,0.35);--theme-transition:all 0.3s ease-in-out;--theme-border-radius:14px;--theme-shadow:0 12px 24px rgba(0,0,0,0.2);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(212,161,228,0.4) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{scrollbar-width:thin;scrollbar-color:rgba(212,161,228,0.4) rgba(31,31,31,0.2);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(31,31,31,0.15);border-radius:4px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.5) 0%,rgba(179,210,255,0.4) 50%,rgba(251,249,225,0.3) 100%);border-radius:4px;border:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.7) 0%,rgba(179,210,255,0.6) 50%,rgba(251,249,225,0.5) 100%);box-shadow:0 2px 8px rgba(255,209,226,0.2);transform:scale(1.05);}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(255,209,226,0.9) 0%,rgba(179,210,255,0.8) 50%,rgba(251,249,225,0.7) 100%);}::-webkit-scrollbar-corner{background:rgba(31,31,31,0.15);}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(31,31,31,0.1);border-radius:5px;}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,209,226,0.6) 0%,rgba(179,210,255,0.5) 50%,rgba(251,249,225,0.4) 100%);border-radius:5px;border:2px solid rgba(17,17,17,0.1);}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,209,226,0.8) 0%,rgba(179,210,255,0.7) 50%,rgba(251,249,225,0.6) 100%);box-shadow:0 3px 12px rgba(255,209,226,0.25);}*{box-sizing:border-box;margin:0;padding:0;}html,body{max-width:100%;width:100%;overflow-x:hidden !important;overflow-y:auto;position:relative;}body{background:linear-gradient(
125deg,#111111,#08080E,#08080E,#0d0d0f
);background-size:200% 200%;background-position:center;min-height:100vh;margin:0;color:white;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;position:relative;}.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.05;z-index:-1;}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(
circle at 0% 0%,rgba(255,59,48,0.03) 0%,transparent 50%
),radial-gradient(
circle at 100% 100%,rgba(255,59,48,0.03) 0%,transparent 50%
);pointer-events:none;z-index:1;}.logo{font-size:1.75rem;font-weight:800;margin-left:1rem;margin-right:5rem;background:linear-gradient(135deg,#FFD1E2 0%,#FFD1E2 20%,#FBF9E1 50%,#B3D2FF 80%,#B3D2FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:0.01rem;opacity:0.7;transition:transform 0.5s ease;cursor:pointer;z-index:100;}.logo:hover{transform:scale(1.05);}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(
circle at center,transparent 0%,rgba(0,0,0,0.35) 100%
);pointer-events:none;z-index:3;}.icon-navbar{width:25px;height:25px;transition:transform 0.3s ease;}.balance-display:hover .icon-navbar{transform:scale(1.1);}.balance-icon{margin-left:auto;}.balance-display{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;cursor:default;transform:translateX(-50px);transition:transform 0.3s ease;}.balance-display:hover{transform:translateX(-50px) scale(1.1);}.balance-amount{font-family:'Inter',sans-serif;font-weight:700;font-size:1.2rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.25);}.balance-display:hover::after{opacity:1;}.balance-display::after{content:"Your current balance";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}li a{display:inline-block;color:rgba(255,255,255,0.4);text-align:center;padding:14px 16px;text-decoration:none;position:relative;transition:all 0.3s ease;}li a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background:rgba(255,255,255,0.15);transition:all 0.3s ease;transform:translateX(-50%);backdrop-filter:blur(4px);}li a:hover::after{width:100%;}li a:hover{color:rgba(255,255,255,0.7);transform:translateY(-2px);}.pricing-section{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;width:100%;}.pricing-header{text-align:center;margin-bottom:0rem;}.welcome-text{display:block;font-size:1rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;}.pricing-header h1{font-size:3.2rem;font-weight:700;color:#ffffff;margin-bottom:1rem;letter-spacing:-0.02em;}.pricing-header p{font-size:1.1rem;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto;line-height:1.6;}.pricing-welcome{text-align:center;margin-bottom:3rem;}.pricing-welcome h2{font-size:2.4rem;font-weight:600;background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-welcome p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.pricing-intro{text-align:center;margin-bottom:0.2rem;}.pricing-intro h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#a5d6a7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem;letter-spacing:-0.02em;}.pricing-intro p{font-size:1.1rem;color:rgba(255,255,255,0.7);font-weight:400;letter-spacing:0.01em;}.main-content{margin-left:var(--sidebar-width);margin-top:2vh;padding:20px;display:flex;flex-direction:column;width:calc(100% - var(--sidebar-width));}.content{margin-top:60px;padding:5px;display:flex;flex-direction:column;margin:60px auto 0;}.navbar-item{display:inline-block;margin:0 10px;color:white;text-decoration:none;}.navbar-text{font-weight:700;}.grid-item{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:12px;background:rgba(255,255,255,0.03);transition:all 0.4s ease;backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 20px rgba(255,255,255,0.05);&:nth-child(4n+1){transform:translateY(20px);}&:nth-child(4n+2){transform:translateY(-15px);}&:nth-child(4n+3){transform:translateY(25px);}}.grid-item::before{content:'';position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(
45deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05) 30%,rgba(255,255,255,0) 50%
);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.15);}.grid-item:hover img{transform:scale(1.05);}.pricing-container{display:flex;gap:15px;justify-content:center;align-items:stretch;max-width:1400px;margin:0 auto;transform:scale(0.8);}.pricing-table{text-decoration:none;display:flex;flex-direction:column;padding:40px;gap:10px;width:325px;height:580px;position:relative;background-color:#FFFFFF !important;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #E7EBFF;box-shadow:0px 26px 40px rgba(188,202,255,0.13);border-radius:26px;box-sizing:border-box;opacity:0.85 !important;backdrop-filter:none;-webkit-backdrop-filter:none;color:#000000;}.pricing-table:hover{background-color:#FFFFFF;opacity:1;}.pricing-table.featured{position:relative;background-color:#FFFFFF !important;opacity:1 !important;}.pricing-table::before{display:none;}.pricing-cta{width:100%;padding:0.8rem;border:none;border-radius:8px;background:#f5f5f5;color:#333;font-weight:700;font-size:1.2rem;min-height:50px;cursor:pointer;transition:all 0.3s ease;margin-top:auto;}.pricing-cta:hover{transform:translateY(-2px);}.featured .pricing-cta{background:linear-gradient(45deg,#FF6B6B,#FF8E53);color:white;}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(45deg,#FF6B6B,#FF8E53);padding:0.2rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:500;color:white;box-shadow:0 4px 15px rgba(255,107,107,0.2);}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#000000;}.price{font-size:2.5rem;font-weight:800;color:#000000;}.price span{font-size:0.9rem;font-weight:400;opacity:0.7;}.pricing-features{flex:1;margin-bottom:20px 0;}.pricing-form{width:100%;margin-top:auto;}.pricing-features ul{list-style:none;padding:0;margin:0;}.upload-instructions ul{list-style:none;padding:0;margin:0;}.upload-instructions li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li{padding:0.5rem 0;color:#000000;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.pricing-features li::before{content:"✓";color:#666;}.login-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem;margin-left:200px;width:calc(100% - 200px);margin-top:60px;position:relative;}50%{transform:rotate(180deg) scale(1.1);}100%{transform:rotate(360deg) scale(1);}}.login-form{position:relative;width:100%;max-width:360px;padding:2.5rem;border-radius:16px;background:linear-gradient(
169deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%
);backdrop-filter:blur(10px);box-shadow:0 4px 24px -1px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.1);margin-top:2rem;overflow:hidden;}.login-form::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(
circle,rgba(255,255,255,0.1) 0%,transparent 50%
);animation:shimmer 8s linear infinite;pointer-events:none;}to{transform:rotate(360deg);}}.login-form h2{background:linear-gradient(45deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;font-size:1.8rem;text-align:center;font-weight:600;}.input-wrapper{display:flex;flex-direction:column;gap:0.375rem;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.input100{font-size:15px;color:#000000 !important;line-height:1.2;display:block;width:100%;height:45px;background:white !important;padding:0 12px;border:none;border-radius:6px;outline:none;box-shadow:none;}.input100:focus{color:#000000;}.input100::placeholder{color:transparent;}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;}.focus-input100::after{font-size:15px;color:#6b7280;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left:0px;padding-left:5px;transition:all 0.4s;}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:all 0.4s;background:#000;}.input100:focus + .focus-input100::after,.input100:not(:placeholder-shown) + .focus-input100::after{top:-15px;font-size:13px;}.input100:focus + .focus-input100::before,.input100:not(:placeholder-shown) + .focus-input100::before{width:100%;}.email-button{width:100%;height:44px;border-radius:8px;background:#000;color:white;font-size:16px;cursor:pointer;transition:background-color 0.2s ease;border:none;}.email-button:hover{opacity:0.9;}.input100:-webkit-autofill,.input100:-webkit-autofill:hover,.input100:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset !important;-webkit-text-fill-color:#555555 !important;}.password-container{position:relative;}.forgot-password{position:absolute;right:0;top:-15px;font-size:13px;color:#666;text-decoration:none;transition:color 0.2s ease;}.forgot-password:hover{color:#000;}.signup-prompt{text-align:center;margin-top:20px;font-size:14px;color:#666;}.signup-link{color:#000;text-decoration:none;margin-left:5px;font-weight:500;transition:opacity 0.2s ease;}.signup-link:hover{opacity:0.7;}.spinner-container{position:relative;}.htmx-indicator{opacity:0;transition:opacity 300ms ease-in;}.htmx-request .htmx-indicator{opacity:1;}img.htmx-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:1000;filter:invert(1);}.form-spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10;}.email-form{position:relative;min-height:180px;}.form-spinner{width:100px;height:100px;filter:invert(1);}.forgot-password-form .form-spinner-container{padding-bottom:30px;}.reset-password-form .form-spinner-container{padding-bottom:20px;}.modal-form .form-spinner-container{padding-bottom:0;}.htmx-request.spinner-fullscreen .spinner-overlay{opacity:1;pointer-events:all;}form.spinner-container{display:flex;flex-direction:column;position:relative;min-height:650px;}#spinner{filter:invert(1);}.login-button{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(
45deg,rgba(76,175,80,0.8),rgba(33,150,243,0.8)
);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:1rem;position:relative;overflow:hidden;}.login-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(
90deg,transparent,rgba(255,255,255,0.2),transparent
);transition:0.5s;}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2),0 2px 5px rgba(76,175,80,0.2);}.login-button:hover::before{left:100%;}.form-footer{margin-top:1.5rem;text-align:center;color:rgba(255,255,255,0.6);}.form-footer a{color:#4CAF50;text-decoration:none;font-weight:500;transition:all 0.3s ease;}.form-footer a:hover{color:#81C784;text-shadow:0 0 10px rgba(76,175,80,0.3);}.hero-section{width:100%;min-height:10rem;padding-top:0vh;padding:2.5rem 0rem 2rem !important;margin-bottom:0 !important;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}.hero-content{text-align:center;z-index:10;max-width:none;padding:0;}.generate-cta{position:relative;padding:0.8rem 2.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;color:#000000;background-color:#FF3E3E;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(255,62,62,0.4);}.generate-cta:hover{transform:translateY(-2px);background-color:#FF5252;box-shadow:0 6px 20px rgba(255,62,62,0.5);}.generate-cta:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(255,62,62,0.3);}.generate-text{display:inline-block;}.generate-icon{display:inline-block;margin-left:10px;transition:transform 0.2s ease;}.generate-cta:hover .generate-icon{transform:translateX(3px);}.CTA-button{display:flex;flex-direction:column;align-items:flex-start;padding:0px;position:absolute;width:423px;height:152px;left:492px;top:229px;}.CTA-text{width:auto;font-family:'Inter';font-style:normal;font-weight:800;font-size:3.85rem;line-height:1.2;margin:4rem 0 0rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}.CTA-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:2.55vh;line-height:1.5;color:rgba(255,255,255,0.8);margin:0 0 0.5rem 0;text-align:center;}.input-text{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 7px 8px 19px;gap:2vh;width:55vh;height:8.25vh;background:#FFFFFF;border:1px solid #F1F3F7;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:8px;margin:0 auto;}.email-input{border:none;outline:none;width:100%;font-family:'Inter',sans-serif;font-size:14px;color:#333;}.email-input::placeholder{color:#8E8E8E;}.primary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2.0vh;gap:0.512vh;width:13vh;height:5.85vh;background:#070707;box-shadow:0px 1px 4px rgba(25,33,61,0.08);border-radius:0.6vh;border:none;color:white;font-family:'Inter',sans-serif;font-size:2.35vh;font-weight:400;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all 0.3s ease;}.primary-button:hover{transform:scale(1.02);}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}.display-container{max-width:202vh;margin:0 0;padding:0 0;padding-top:1rem;position:relative;display:block;justify-content:center;align-items:center;margin-bottom:1rem;}.display-text{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-text-grid{font-family:'Inter';font-style:normal;font-weight:900;font-size:2.5rem;color:#FFFFFF;}.display-subtext{font-family:'Inter';font-style:normal;font-weight:100;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:4rem;}.display-subtext-demo{font-family:'Inter';font-style:normal;font-weight:300;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:0;padding-left:0rem;}.display-section{text-align:center;margin-right:50vh;align-items:center;margin-bottom:3rem;padding:0 2rem;}.display-section-demo{text-align:center;align-items:center;margin-bottom:3rem;padding:0 2rem;}.image-row{display:flex;gap:5px;padding:0;width:calc(100% - 40px);justify-content:center;align-items:center;}.demo-section{display:flex;flex-direction:column;align-items:center;margin-top:5rem;justify-content:left;gap:2rem;width:100%;}.demo-content-row{display:flex;align-items:flex-start;gap:1rem;width:auto;}.demo-column{display:relative;flex-direction:column;align-items:center;text-align:center;width:100%;}.demo-column:nth-child(2){margin-top:8rem;}.demo-image-bucket-background{height:150px;width:150px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image-bucket{height:150px;width:150px;border-radius:7px;object-fit:cover;object-position:center;}.faq-header{display:flex;justify-content:center;margin-bottom:1.5rem;}.demo-arrow{scale:4.6;margin-right:2.9rem;margin-left:4.9rem;padding-left:2.5rem;padding-right:2.5rem;margin-top:3.5rem;fill:#ffffff;filter:brightness(0) invert(1);flex-shrink:0;}.demo-image-container{position:relative;margin-left:2.5rem;width:305px;height:410px;}.demo-image-background{width:255px;height:360px;background-color:white;border-radius:12px;opacity:0.85;}.demo-image{width:255px;height:360px;border-radius:12px;position:absolute;top:5px;left:5px;object-fit:cover;z-index:2;}.image-bucket{display:flex;justify-content:center;border-radius:12px;}.bucket-title{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#333;width:100%;text-align:center;margin:0;}.bucket-subtitle{font-family:'Inter';font-weight:400;font-size:1rem;color:#666;width:100%;text-align:center;margin:8px 0 0 0;}.demo-header{font-family:'Inter';font-weight:700;font-size:1.5rem;color:#FFFFFF;margin-bottom:0.5rem;text-align:center;width:100%;}.demo-subheader{font-family:'Inter';font-weight:200;font-size:0.9rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;text-align:center;width:100%;}.bucket{width:20rem;height:23.75rem;display:flex;flex-direction:column;align-items:center;padding:5px 1px;overflow:hidden;flex-shrink:0;}.row-image{width:11.5352rem;height:18.107200000000002rem;border-radius:4.26vh;object-fit:cover;transition:all 0.3s ease;}.row-image:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,0.1);}.image-section{width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:0 4rem;margin-bottom:2rem;margin-top:1rem;}.image-row{display:flex;gap:20px;justify-content:center;align-items:center;max-width:1200px;width:100%;}.generate-page{display:flex;align-items:center;padding:40px;min-height:100vh;z-index:10;margin-top:100px;}.upload-section,.settings-panel{border-radius:12px;padding:20px;margin:20px;width:80%;max-width:600px;}.upload-section h2,.settings-panel h2{font-size:1.5rem;margin-bottom:10px;}.upload-button{background-color:#FF6B6B;color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;}.upload-button:hover{background-color:#FF8E53;}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:10px;}.preset-card{background:rgba(255,255,255,0.2);border-radius:12px;padding:15px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;}.preset-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(255,255,255,0.3);}.preset-card h4{margin:0;font-size:1.2rem;color:#FF6B6B;}.preset-card p{margin:5px 0 0;font-size:0.9rem;color:#ccc;}.tune-bar,.custom-settings{margin-top:20px;}.slider{width:100%;margin:10px 0;}.upload-icon-button{background:none;border:none;cursor:pointer;padding:0;transition:transform 0.2s ease;margin:0px 0;}.upload-icon-button:hover{transform:scale(1.1);}.upload-icon{width:50px;height:50px;filter:invert(1);}.upload-instructions{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50px;}.upload-instructions-text{margin-top:5px;font-size:0.9rem;color:#ccc;}.upload-instructions-list{list-style:none;padding:0;margin:0;margin-top:10px;}.upload-instructions-list li{padding:0.5rem 0;color:#f0f0f0;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;width:100%;position:relative;padding-left:20px;}.upload-instructions-list li::before{content:"✓";position:absolute;left:0;color:#4CAF50;font-weight:bold;font-size:1rem;}.upload-instructions-list li.x-mark::before{content:"✗";color:#FF6B6B;}.upload-instructions-list li i{margin-right:10px;color:#f0f0f0;}.upload-zone{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:20px 30px;width:90%;max-width:654px;height:150px;background:rgba(8,8,14,0.5);border:2px dashed rgba(203,208,220,0.3);border-radius:26px;transition:all 0.2s ease;position:relative;margin:20px auto;backdrop-filter:blur(10px);cursor:pointer;}.upload-zone:hover{border-color:rgba(203,208,220,0.5);background:rgba(8,8,14,0.1);}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;}.upload-icon{width:32px;height:32px;opacity:0.8;}.upload-title{font-family:'Inter',sans-serif;font-weight:200;font-size:0.95rem;color:rgba(255,255,255,0.6);margin:0;letter-spacing:0.03em;text-transform:none;font-feature-settings:"liga" 0;}.upload-section h2{font-family:'Inter';font-style:normal;font-weight:800;font-size:50px;line-height:1.2;margin:0 0 1.5rem 0;display:inline-block;text-align:center;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;text-shadow:0px 0px 40px rgba(255,255,255,0.15);}.upload-preview-container{width:90%;max-width:654px;margin:20px auto;background:rgba(8,8,14,0.5);border-radius:16px;padding:20px;backdrop-filter:blur(10px);}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.preview-count{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;}.start-upload-btn{padding:8px 16px;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);border:none;border-radius:8px;color:#000;font-family:'Inter';font-weight:500;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(8,8,14,0.5);}.preview-item img{width:100%;height:100%;object-fit:cover;}.preview-item .remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;}.preview-item:hover .remove-btn{opacity:1;}.upload-progress{display:flex;align-items:center;gap:12px;}.progress-bar{flex-grow:1;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;width:0%;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);transition:width 0.3s ease;}.progress-text{font-family:'Inter';font-weight:300;color:rgba(255,255,255,0.8);font-size:0.9rem;min-width:40px;text-align:right;}.preferences-section{width:90%;max-width:654px;margin:20px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;border-radius:16px;}.preference-group{display:flex;flex-direction:column;gap:8px;}.preference-group label{font-family:'Inter',sans-serif;font-weight:300;font-size:0.9rem;color:rgba(255,255,255,0.8);letter-spacing:0.02em;}.preference-select{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(8,8,14,0.6);color:rgba(255,255,255,0.9);font-family:'Inter',sans-serif;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(10px);}.preference-select:hover{border-color:rgba(255,255,255,0.2);background:rgba(8,8,14,0.7);}.preference-select:focus{outline:none;border-color:rgba(255,255,255,0.3);background:rgba(8,8,14,0.8);}.preference-select option{background:rgb(8,8,14);color:rgba(255,255,255,0.9);padding:10px;}.train-button-container{width:90%;max-width:654px;margin:40px auto;display:flex;justify-content:center;}.train-button{font-family:'Inter';font-weight:800;font-size:2rem;padding:20px 30px;border:none;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#FF6B6B 0%,#FF8F8F 100%);color:white;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.03em;box-shadow:0px 4px 20px rgba(255,107,107,0.2);font-style:normal;position:relative;overflow:hidden;}.train-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#FF8F8F 0%,#FFA7A7 100%);opacity:0;transition:opacity 0.3s ease;}.train-button:hover{transform:translateY(-2px);box-shadow:0px 8px 30px rgba(255,107,107,0.3);}.train-button:active{transform:translateY(1px);}.train-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.spinner{width:50px;height:50px;border:3px solid rgba(141,141,141,0.1);border-radius:50%;border-left-color:#FF6B6B;animation:spin 0.8s ease-in-out infinite;margin:30px 0;}50%{transform:rotate(18000deg);}100%{transform:rotate(36000deg);}}.training-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:800px;padding:40px;text-align:center;}.loading{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;}.loading h2{font-family:'Inter';font-weight:700;font-size:2rem;color:white;margin-bottom:20px;}.loading p{font-family:'Inter';font-weight:400;font-size:1rem;color:rgba(255,255,255,0.8);line-height:1.5;}.section{min-height:100vh;width:100%;margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center;}.faq-list{flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:1rem;padding-left:0;}.faq-list-item{font-size:1rem;font-weight:200;display:block;padding-bottom:0.1rem;line-height:1.5;margin-bottom:0.1rem;}.faq{display:block;align-items:center;max-width:100vh;margin:0 auto;margin-bottom:3rem;}.faq-container{width:100%;margin-top:0.5rem;padding-bottom:0.2rem;cursor:pointer;border-bottom:1px solid #ffffff;}.faq-item{width:100%;}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding-bottom:0.2rem;cursor:pointer;}.faq-title{font-family:'Inter';font-weight:800;background:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 0px 40px rgba(255,255,255,0.15);font-size:2.5rem;max-width:60rem;margin:2rem 0rem;color:white;padding-bottom:3vh;}.faq-answer{max-height:0;padding-top:0.5rem;overflow:hidden;line-height:1.4;font-size:0.95rem;max-width:200vh;word-wrap:break-word;transition:max-height 0.5s ease-in-out;}.faq-container.active .faq-answer{max-height:100vh;}.faq-note{margin-top:1rem;}.faq{display:block;align-items:center;justify-content:center;}.image-grid-section{width:100%;max-width:1800px;margin:0rem auto;display:flex;padding:0 2rem;justify-content:center;}.image-grid-demo{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:0.5rem;}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);width:fit-content;gap:0.55rem;padding:0.1rem 0;}.image-grid-item{position:relative;width:13rem;height:19rem;overflow:hidden;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;transform:translateZ(0);backface-visibility:hidden;}.image-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;justify-content:center;transition:transform 0.3s ease;}.image-grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.image-grid-item:hover img{transform:scale(1.05);}.image-grid-item img.loading{opacity:0;}@media (max-width:1200px){.image-grid-section{width:95%;padding:0 1rem;}}@media (max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}}@media (max-width:480px){.image-grid{grid-template-columns:1fr;}.image-grid-section{padding:0 0.5rem;}}to{opacity:1;transform:translateY(0);}}.image-grid-item img.loading{opacity:0;}.image-grid-item img{animation:imageFadeIn 0.5s ease forwards;}@media (max-width:768px){.hero-section{padding:0.2rem;display:block;flex-direction:column;width:100%;height:100%;}.hero-content{width:100%;height:100%;min-height:0;}.CTA-text{font-size:9.0vw;margin-bottom:0.0rem;}.CTA-subtitle{font-size:2.5vh;}.input-text{width:75%;display:flex;align-items:center;justify-content:center;height:7vh;}.email-input{width:100%;}.primary-button{width:15vh;height:6vh;font-size:2.64vh;font-weight:400;padding:1.5vh;border-radius:0.6vh;margin-top:1vh;margin-bottom:1vh;}.logo{font-size:4vh;}.image-section{display:flex;margin-top:1vh;flex-direction:column;align-items:center;justify-content:center;}.image-row{display:flex;flex-direction:column;align-items:center;gap:4vh;justify-content:center;}.row-image{object-fit:cover;}.display-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:0.5rem;margin:0rem auto;}.display-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;margin:0;text-align:center;}.display-text{font-size:12vw;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.display-subtext{font-size:4.5vw;padding:0;margin:0 0 2rem 0;text-align:center;justify-content:center;line-height:1.2;word-wrap:break-word;position:relative;}.pricing-container{display:flex;flex-direction:column;align-items:center;margin-top:-10vh;justify-content:center;}.pricing-header{margin-top:0.5vh;margin-bottom:1vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}.faq-section{max-width:1200px;margin:0 auto;padding:0.5rem;}.faq-title{font-size:2.5rem;display:block;line-height:1.0;margin:0 0 0 0;padding:0;text-align:center;white-space:normal;width:100%;}.faq-item{padding:0.8rem 1rem;}.faq-question{font-size:1rem;}.faq-answer{font-size:0.9rem;padding:0 1rem;}.faq-list{padding-left:1rem;}}.footer{background:rgba(0,0,0,0.2);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);width:100%;padding:4rem 2rem 1rem;margin-top:auto;}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3rem;}.footer-brand h3{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#fff,#a5d6a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;}.footer-brand p{color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:1.5rem;font-size:0.95rem;}.social-links{display:flex;gap:1rem;}.social-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:1.2rem;transition:color 0.2s ease;}.social-links a:hover{color:#fff;}.footer h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.2rem;}.footer ul{list-style:none;padding:0;margin:0;}.footer ul li{margin-bottom:0.8rem;}.footer ul a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.95rem;transition:color 0.2s ease;}.footer ul a:hover{color:#fff;}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;color:rgba(255,255,255,0.5);font-size:0.9rem;}@media (max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem;}.footer-brand{grid-column:1 / -1;}}@media (max-width:576px){.footer-content{grid-template-columns:1fr;}.footer{padding:3rem 1.5rem 1rem;}}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Helvetica,Verdana,Arial,sans-serif;}.modal-content{background:white;border-radius:10px;width:390px;max-width:90vw;position:relative;transition:opacity 0.2s ease;padding:30px;}.email-button{background:black !important;color:white !important;width:100%;height:52px;border:none;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:15px 0;padding:12px 20px;transition:opacity 0.2s ease;}.email-button:hover{opacity:0.9;}.sign-in-page-social-btn-container{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:0 20px;cursor:pointer;transition:background 0.2s ease;}.sign-in-page-social-btn-container:hover{background:#f8f8f8;}.sign-in-page-social-btn-container img{width:20px;height:20px;margin-right:12px;}.sign-in-divider{display:flex;align-items:center;margin:25px 0;}.sign-in-divider-line{flex:1;height:1px;background:#ccc;margin:0;}.sign-in-divider-text{color:#666;font-size:14px;padding:0 12px;}.modal-header{text-align:center;margin-bottom:20px;}.modal-header h2{color:#4e5652;font-size:24px;font-weight:600;margin:0 0 10px;}#close-button{position:absolute;top:15px;right:15px;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease;}#close-button:hover{opacity:1;}#close-button img{width:15px;height:15px;}.signup-prompt{text-align:center;color:#666;margin:20px 0;}.signup-prompt a{color:#4169E1;text-decoration:none;font-weight:500;}.panel-context{color:#666;font-size:12px;text-align:center;margin:25px 0 0;line-height:1.5;}.panel-context a{color:#4169E1;text-decoration:none;}.social-text{color:#000000;font-size:0.95rem;font-weight:300;}.hidden{display:none;}.htmx-swapping{opacity:0;}.htmx-settling{opacity:1;}.success-content{text-align:center;padding:20px 0;}.success-icon{width:60px;height:60px;background:#000;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px;}.sidebar-icon{width:50%;justify-content:left;display:flex;height:50%;transition:transform 0.5s ease;}sidebar-icon:hover{transform:scale(1.05);}button:focus-within .sidebar-icon{transform:scale(1.1);}.success-message{color:#4e5652;font-size:16px;line-height:1.5;margin-bottom:25px;}.error-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem;}.error-content{text-align:center;max-width:600px;}.error-icon{width:80px;height:80px;background:#ff4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;}.error-icon span{color:white;font-size:40px;font-weight:bold;}.error-title{font-size:2rem;color:#333;margin-bottom:1rem;}.error-message{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.5;}.error-actions{display:flex;gap:1rem;justify-content:center;}.error-actions button{padding:0.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.error-actions .primary-button{background:#000;color:white;border:none;}.error-actions .primary-button:hover{background:#333;}.error-actions .secondary-button{background:transparent;color:#333;border:1px solid #ccc;}.error-actions .secondary-button:hover{background:#f5f5f5;}.sidebar-menu{width:var(--sidebar-width);background-color:#1f1f1f;height:100vh;padding:20px;position:fixed;top:0.90%;left:0.25%;border-radius:5px;overflow-y:auto;transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:2px 0 8px rgba(0,0,0,0.5);z-index:100;}.sidebar-menu.hidden{transform:translateX(-100%);}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);}.sidebar-header h2{font-size:1.3rem;font-weight:bold;color:white;}.close-sidebar{background:none;border:none;color:white;font-size:1.3rem;cursor:pointer;}.menu-toggle{position:fixed;top:15px;left:calc(var(--sidebar-width) + 10px);background-color:#1f1f1f;color:#ddd;justify-content:flex;border:none;padding:10px 12px;border-radius:50%;cursor:pointer;z-index:110;padding:20px;transition:left 0.4s cubic-bezier(0.68,-0.55,0.265,1.55),transform 0.4s ease;font-size:1.2rem;}.sidebar-menu.hidden + .menu-toggle{left:10px;transform:rotate(180deg);}.menu-toggle.toggle-visible{left:10px;transform:rotate(180deg);}body.sidebar-active .navbar{left:calc(var(--sidebar-width) + 0.5%);right:0.5%;}body.registrationbar-active .navbar{left:calc(var(--registration-sidebar-width) + 0.5%);right:0.5%;}.form-group{margin-bottom:15px;}.form-group label{display:block;margin-bottom:20px;font-size:0.9rem;color:#ccc;}.form-group textarea,.form-group select{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;}.form-group textarea::placeholder{color:#777;}.form-group textarea:focus,.form-group select:focus{background:#333;outline:none;}.generate-btn{width:100%;border:none;padding:12px;background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;border-radius:4px;cursor:pointer;transition:background 0.3s ease;}.card{width:100%;aspect-ratio:2/3;height:auto;cursor:pointer;border-radius:12px;overflow:hidden;background:#1e1e1e;border:1px solid rgba(255,255,255,0.08);position:relative;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3);}.shine-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#141414;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;display:block;}.overlay{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;justify-content:flex-end;padding:5px;background:linear-gradient(
to bottom,rgba(0,0,0,0.4) 0%,transparent 30%
);opacity:0;transition:opacity 0.3s ease;}.card:hover .overlay{opacity:1;}.download-btn,.delete-btn{background:rgba(0,0,0,0.85);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.download-btn{background:rgba(255,255,255,0.15);}.delete-btn{background:rgba(220,38,38,0.15);}.download-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.delete-btn:hover{background:rgba(220,38,38,0.25);transform:translateY(-2px);}.shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(
to right,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%
);transform:skewX(-15deg);animation-duration:0.8s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-fill-mode:forwards;display:none;}.card:hover .shine{display:block;animation-name:shine;}to{left:200%;}}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;width:100%;padding:0;justify-content:start;align-content:start;}.shine-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#141414 0%,#1a1a1a 50%,#141414 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;opacity:0;transition:opacity 0.3s ease;}.shine-wrapper.loading::before{opacity:1;}100%{background-position:200% 0;}}@media (max-width:1200px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}}@media (max-width:900px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}}@media (max-width:600px){.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}}.expand-btn{background:rgba(255,255,255,0.15);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin-left:8px;}.expand-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.prompt-with-copy{position:relative;width:100%;}.copy-btn.copied .copy-feedback{opacity:1;transform:translateX(0);}.copy-feedback{position:absolute;background:rgba(0,0,0,0.8);color:white;padding:6px 12px;border-radius:4px;font-size:0.8rem;right:40px;white-space:nowrap;opacity:0;transform:translateX(10px);transition:all 0.2s ease;pointer-events:none;}.copy-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;}.copy-btn:hover{background:rgba(255,255,255,0.2);}.copy-icon{width:30px;height:30px;opacity:0.7;}#modal-prompt{resize:none;cursor:default;min-height:100px;height:auto;border-radius:6px;overflow:hidden;white-space:pre-wrap;padding-right:45px;}.stats-row{display:flex;gap:16px;width:100%;}.half-width{flex:1;}.info-input{width:100%;padding:8px;border-radius:4px;background:#2a2a2a;border:1px solid #333;color:#ddd;font-size:0.95rem;cursor:default;}.info-input:focus{outline:none;}#modal-gallery{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;}.modal-content-image{position:relative;z-index:1002;width:800px;min-height:500px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;display:grid;grid-template-rows:auto 1fr;}.modal-info{padding:24px;background:#1a1a1a;border-left:1px solid rgba(255,255,255,0.1);height:100%;overflow-y:auto;}.info-section{display:flex;flex-direction:column;gap:24px;}.info-group{margin-bottom:20px;}.info-group label{display:block;color:#ccc;font-size:0.9rem;margin-bottom:8px;font-weight:500;}.info-group p{color:#fff;font-size:0.9375rem;line-height:1.5;margin:0;}.info-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}.stat-item{padding:12px;background:rgba(255,255,255,0.05);border-radius:8px;display:flex;flex-direction:column;gap:4px;}.stat-item label{color:#999;font-size:0.75rem;}.stat-item span{color:#fff;font-size:0.875rem;font-weight:500;}.modal-info h3{color:#ffffff;font-size:1.25rem;margin-bottom:24px;font-weight:500;}.modal-underlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:191;}#close-button-modal{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:99003;}#close-button:hover{background:rgba(255,255,255,0.2);}#close-button-modal img{width:14px;height:14px;opacity:0.8;}#close-button-modal:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform 0.3s ease;}to{opacity:1;transform:scale(1);}}.modal-content-image{position:relative;z-index:1002;width:1100px;height:600px;background-color:#141414;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;}.modal-layout{display:grid;grid-template-columns:2fr 1fr;height:100%;}.modal-link{cursor:pointer;color:#007bff;text-decoration:underline;}.modal-link:hover{color:#0056b3;}.image-modal{height:100%;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}.prompt-container{background:rgba(42,42,42,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:16px;position:relative;backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.1);}.prompt-text{color:#f0f0f0;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:0.95rem;line-height:1.6;font-weight:400;letter-spacing:-0.01em;padding:12px;border-radius:4px;transition:all 0.2s ease;}@media (max-width:1200px){.modal-content-image{width:90vw;height:80vh;}}@media (max-width:768px){.modal-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;}.modal-info{border-left:none;border-top:1px solid rgba(255,255,255,0.1);}}.particle-loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:var(--theme-border-radius);background:transparent;}.particle-loading-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:12px;font-weight:600;color:rgba(255,215,0,0.8);letter-spacing:1px;z-index:15;text-align:center;pointer-events:none;}.ring::before{background-image:radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);background-size:100% 100%,200% 200%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite;}100%{background-position:0% 0%,200% 200%;}}@media (max-width:768px){.ring{width:160px;height:160px;}.ring::before{width:30px;height:30px;}.ring::after{font-size:10px;bottom:-25px;}}@media (max-width:480px){.ring{width:140px;height:140px;}.ring::before{width:25px;height:25px;}.ring::after{font-size:9px;bottom:-20px;letter-spacing:0.5px;}.ring span::before,.ring span::after{width:2px;height:2px;}}.ring::before{background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,0.3) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(139,69,19,0.3) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,182,193,0.2) 1px,transparent 1px),radial-gradient(circle,rgba(102,126,234,0.8) 0%,transparent 70%);background-size:50px 50px,60px 60px,40px 40px,100% 100%;animation:coreThinking 2s ease-in-out infinite,shimmerMove 3s linear infinite,dustFloat 8s ease-in-out infinite;}25%{background-position:100% 0%,0% 100%,50% 50%,0% 0%;}50%{background-position:100% 100%,100% 100%,100% 0%,0% 0%;}75%{background-position:0% 100%,100% 0%,50% 100%,0% 0%;}}.ring,.ring::before,.ring::after,.ring span::before,.ring span::after{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;}.ring{position:relative;}.ring::after{content:'AI THINKING...';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-family:'Courier New',monospace;font-size:11px;font-weight:600;color:rgba(102,126,234,0.8);letter-spacing:1px;animation:textPulse 1.5s ease-in-out infinite;z-index:15;}.ring.stage-convergence::after{content:'CREATING MAGIC...';color:rgba(139,69,19,0.9);}.ring.stage-complete::after{content:'ALMOST READY!';color:rgba(34,197,94,0.9);}.ring.stage-convergence::before{box-shadow:0 0 20px rgba(102,126,234,0.7),inset 0 0 20px rgba(139,69,19,0.5),0 0 40px rgba(102,126,234,0.3);}.ring.stage-complete::before{box-shadow:0 0 25px rgba(34,197,94,0.8),inset 0 0 25px rgba(139,69,19,0.6),0 0 50px rgba(34,197,94,0.4);}#why-boothai-section{display:flex;justify-content:center;padding:2rem 1rem;margin:2rem auto;}.why-card{background:rgba(20,20,20,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.5);max-width:800px;width:100%;padding:1.5rem;}.why-content{display:flex;align-items:stretch;gap:0.5rem;}.why-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0.5rem;color:#fff;}.why-title{font-size:2rem;font-weight:700;margin-bottom:0.5rem;color:#fff;}.why-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:#ddd;}.why-description{font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#ccc;}.why-features{list-style:none;padding:0;margin-bottom:0.5rem;}.why-features li{font-size:0.95rem;margin-bottom:0.25rem;display:block;align-items:center;text-align:left;color:#eee;}.why-features li strong{margin:0;padding:0;line-height:1;display:inline;font-weight:bold;}.why-cta{display:inline-block;height:50px;width:325px;background:linear-gradient(135deg,#00C2FF,#0077CC,#00C2FF);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:gradientShift 3s ease infinite;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.why-cta:hover{box-shadow:0 6px 12px rgba(0,0,0,0.3);}.why-cta:active{transform:translateY(0);box-shadow:0 3px 6px rgba(0,0,0,0.25);}.why-img{flex:1;display:flex;align-items:center;justify-content:center;padding:0.5rem;max-width:300px;}.why-img img{width:300px;height:450px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);object-fit:cover;}@media (max-width:768px){.why-content{flex-direction:column;align-items:center;gap:1.5rem;}.why-text{text-align:center;}}#reg-split{position:fixed;top:0;left:0;width:var(--registration-sidebar-width,400px);height:100vh;background:rgba(8,8,14,0.95);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,0.1);z-index:1000;overflow-y:auto;}.reg-container{padding:2rem;height:100%;}.reg-form{display:flex;flex-direction:column;gap:2rem;}.reg-nav{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:0.1rem;}.reg-step{font-size:0.9rem;color:rgba(255,255,255,0.6);cursor:pointer;padding:0.5rem;position:relative;transition:color 0.3s ease;}.reg-step::after{content:'';position:absolute;bottom:-1rem;left:0;width:100%;height:2px;background:transparent;transition:background-color 0.3s ease;}.reg-step.active{color:#FF6B6B;}.reg-step.active::after{background:linear-gradient(90deg,#FF6B6B,#FF8E53);}.reg-step-content{display:none;flex-direction:column;gap:1.5rem;}.reg-step-content.active{display:flex;animation:fadeIn 0.3s ease;}.reg-form label{display:block;margin-bottom:0.1rem;color:rgba(255,255,255,0.9);font-size:0.95rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.reg-form input{width:100%;padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:1rem;transition:all 0.3s ease;}.reg-form input:focus{outline:none;border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plans{display:grid;gap:1rem;}.reg-plan{padding:1rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.3s ease;}.reg-plan:hover{border-color:#FF6B6B;transform:translateY(-2px);}.reg-plan.selected{border-color:#FF6B6B;box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-plan h3{color:#fff;margin-bottom:0.1rem;}.reg-plan p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn{width:100%;padding:0.75rem;background:linear-gradient(135deg,#FF6B6B,#FF8E53);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.reg-btn:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 0 15px rgba(255,107,107,0.3);}.reg-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,0.1);}.reg-btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){#reg-split{width:100%;}.reg-container{padding:1.5rem;}}.reg-header{text-align:center;margin-bottom:0.1rem;}.reg-title{font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,#FFD1E2,#B3D2FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.1rem;}.reg-subtitle{color:rgba(255,255,255,0.7);font-size:1rem;}.reg-step-header{margin-bottom:0.0rem;}.reg-step-header h2{font-size:1.2rem;color:#fff;margin-bottom:0.25rem;}.reg-step-header p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-divider{position:relative;text-align:center;margin:1.5rem 0;}.reg-divider::before,.reg-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 70px);height:1px;background:rgba(255,255,255,0.1);}.reg-divider::before{left:0;}.reg-divider::after{right:0;}.reg-divider span{background:rgba(8,8,14,0.95);padding:0 1rem;color:rgba(255,255,255,0.5);font-size:0.9rem;}.reg-social-buttons{display:grid;margin-top:0.25rem;}.reg-btn-social{padding:0.75rem;background:rgba(26,26,36,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;}.reg-btn-social:hover{background:rgba(255,255,255,0.1);}.reg-password-requirements{background:rgba(26,26,36,0.5);padding:1rem;border-radius:8px;margin:1rem 0;}.reg-password-requirements p{color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}.reg-password-requirements ul{list-style:none;padding:0;margin:0;}.reg-password-requirements li{color:rgba(255,255,255,0.6);font-size:0.9rem;margin-bottom:0.25rem;padding-left:1.5rem;position:relative;}.reg-password-requirements li::before{content:'•';position:absolute;left:0.5rem;color:#FF6B6B;}.reg-code-help{display:flex;align-items:center;gap:0.5rem;margin:1rem 0;}.reg-code-help p{color:rgba(255,255,255,0.7);font-size:0.9rem;}.reg-btn-text{background:none;border:none;color:#FF6B6B;font-size:0.9rem;cursor:pointer;padding:0;}.reg-btn-text:hover{text-decoration:underline;}.reg-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.1rem;}.reg-plan-price{color:#FF6B6B;font-weight:600;}.reg-plan-features{list-style:none;padding:0;margin:0;}.reg-plan-features li{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:0.1rem;padding-left:1.5rem;position:relative;}.reg-plan-features li::before{content:'✓';position:absolute;left:0;color:#FF6B6B;}.reg-footer{margin-top:0.5rem;text-align:center;}.reg-terms{margin-top:0.2rem;font-size:0.8rem;color:rgba(255,255,255,0.5);}.reg-terms a{color:#FF6B6B;text-decoration:none;}.reg-terms a:hover{text-decoration:underline;}@media screen and (max-width:768px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.5rem;margin-right:1rem;}.navbar-left ul{gap:5px;}.navbar-left li{margin:0 5px;}li a{padding:10px 12px;font-size:0.9rem;}.balance-display{gap:4px;padding:2px 8px;transform:translateX(-30px);}.icon-navbar{width:22px;height:22px;}.balance-amount{font-size:1rem;}}@media screen and (max-width:480px){.navbar{left:2%;right:2%;padding:0 0.5rem;}.logo{font-size:1.25rem;margin-right:2rem;}.navbar-left ul{gap:3px;}.navbar-left li{margin:0 3px;}li a{font-size:0.85rem;padding:8px 10px;}.balance-display{padding:2px 6px;gap:3px;transform:translateX(-20px);}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:0.9rem;}}@media screen and (max-width:350px){.navbar{left:2%;right:2%;padding:0 0.3rem;}.logo{font-size:1rem;margin-right:1rem;}.navbar-left ul{gap:2px;}.navbar-left li{margin:0 2px;}li a{font-size:0.8rem;padding:6px 8px;}.balance-display{padding:2px 4px;gap:2px;transform:translateX(-10px);}.icon-navbar{width:18px;height:18px;}.balance-amount{font-size:0.85rem;}}@media screen and (max-width:768px){body.sidebar-active .navbar{position:fixed;top:0;left:0%;right:0%;width:100%;padding:0 1rem;z-index:1100;background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;}.navbar-left,.navbar-right{display:flex;justify-content:center;align-items:center;flex:1;}.navbar-list{display:flex;gap:10px;justify-content:center;}.sidebar-menu{position:fixed;margin-top:5px;top:55px;width:100%;height:300px;background:rgba(31,31,31,0.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;display:flex;border-radius:0;flex-direction:column;padding:15px;}.control-panel{height:100%;display:flex;flex-direction:column;position:relative;}.main-content{padding:15px;margin:0 auto;margin-top:40vh;}.user-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}.card{flex:0 1 auto;min-width:220px;width:auto;margin:0 auto;}.navbar-right{display:flex;align-items:center;justify-content:center;flex:1;}.balance-display{display:flex;align-items:center;justify-content:center;gap:5px;}.icon-navbar{width:20px;height:20px;}.balance-amount{font-size:1rem;font-weight:bold;}.shine-wrapper{width:100%;height:100%;position:relative;}.shine-wrapper img{width:100%;height:100%;object-fit:cover;}.overlay{position:absolute;top:0;left:0;right:0;border-radius:0px;padding:2px;background:linear-gradient(
to bottom,rgba(0,0,0,0.6) 0%,transparent 50%
);display:flex;justify-content:flex-end;opacity:1;}.user-gallery-content{text-align:center;}.control-panel h2{font-size:1.2rem;margin:0 0 15px 0;color:#fff;margin-bottom:5vh;border-radius:0px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;}form{flex:1;overflow-y:auto;padding-right:10px;padding-bottom:60px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent;}.generate-btn{position:absolute;bottom:0;left:0;right:0;width:100%;padding:12px;font-size:1rem;border-radius:6px;color:white;border:none;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,0.2);}form::-webkit-scrollbar{width:5px;}form::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px;}form::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;transition:background 0.3s ease;}form::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}.form-group{margin-bottom:2px;background:rgba(255,255,255,0.03);padding:10px;border-radius:8px;}.form-group label{display:block;margin-bottom:0px;font-size:0.9rem;color:rgba(255,255,255,0.9);}.form-group textarea{height:70px;min-height:70px;resize:none;}.generate-btn{padding:10px;}.form-group textarea,.form-group select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.download-btn,.delete-btn,.expand-btn{width:40px;height:40px;margin-left:8px;border-radius:8px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}.ring{width:100px;height:100px;}}@media screen and (max-width:480px){.sidebar-menu{height:280px;padding:12px;}.form-group{padding:10px;margin-bottom:10px;}.generate-btn{padding:10px;}.card{height:calc(100vh - 310px);}}@media screen and (max-width:768px){.pricing-container{flex-direction:column;align-items:center;gap:24px;padding:20px;}.pricing-table{width:100%;max-width:325px;height:580px;position:relative;padding:24px;margin:0;}.pricing-table form{position:absolute;bottom:24px;left:24px;right:24px;width:calc(100% - 48px);z-index:2;}.pricing-table form button.pricing-cta{width:100%;height:48px;padding:0 24px;font-size:16px;box-sizing:border-box;}}@media screen and (max-width:768px){#modal-gallery{padding:10px;}.modal-content-image{width:95vw;max-height:90vh;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.3);overflow:hidden;}.modal-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;}.image-modal{padding:12px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,0.4);}.image-container{width:100%;height:auto;max-height:50vh;overflow:hidden;}.modal-image{width:100%;height:100%;object-fit:contain;max-height:50vh;}.modal-info{padding:12px;max-height:40vh;overflow-y:auto;}#close-button-modal{top:8px;right:8px;width:28px;height:28px;}#close-button-modal img{width:12px;height:12px;}}.tab-nav{display:flex;gap:1px;background:rgba(255,255,255,0.1);padding:2px;border-radius:8px;margin-bottom:20px;}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:#999;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;}.tab-btn i{font-size:1rem;}.tab-btn.active{background:rgba(255,255,255,0.05);color:white;}.tab-btn:not(.active):hover{color:#ccc;}.tab-content{position:relative;}.tab-pane{display:none;opacity:0;transform:translateY(10px);transition:all 0.3s ease;}.tab-pane.active{display:block;opacity:1;transform:translateY(0);}button,input,form{touch-action:manipulation;}.training-guidelines{background:rgba(255,255,255,0.03);border-radius:8px;padding:15px;margin:15px 0;}.guideline-group{margin-bottom:15px;}.guideline-group:last-child{margin-bottom:0;}.guideline-group h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:0.95rem;margin-bottom:8px;}.guideline-group h3 i{font-size:0.9rem;}.guideline-group h3 i.fa-check-circle{color:#4ADE80;}.guideline-group h3 i.fa-times-circle{color:#FF6B6B;}.guideline-group ul{list-style:none;padding:0;margin:0;}.guideline-group li{color:#ccc;font-size:0.9rem;padding:4px 0;padding-left:15px;position:relative;}.guideline-group li:before{content:"•";position:absolute;left:0;color:#666;}.upload-zone{border:2px dashed rgba(255,255,255,0.1);border-radius:8px;padding:20px;text-align:center;transition:all 0.3s ease;background:rgba(255,255,255,0.02);}.upload-zone.drag-active{border-color:#4ADE80;background:rgba(74,222,128,0.05);}.upload-zone i{font-size:1.5rem;color:#666;margin-bottom:8px;}.upload-zone p{color:#999;margin:8px 0;font-size:0.9rem;}.upload-btn{background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.9rem;transition:all 0.3s ease;display:inline-block;}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,194,255,0.2);}.upload-status{margin:15px 0;font-size:0.9rem;color:#999;text-align:center;}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;}.preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;}.preview-item img{width:100%;height:100%;object-fit:cover;}.remove-preview{position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.6);border:none;color:white;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.remove-preview:hover{background:#FF6B6B;}.train-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00C2FF,#0077CC);border:none;border-radius:6px;color:white;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;}.train-btn:disabled{background:linear-gradient(135deg,#666,#444);cursor:not-allowed;}@media (max-width:768px){.preview-grid{grid-template-columns:repeat(2,1fr);}}.preferences-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}.preferences-section .form-group{flex:1;min-width:150px;}.preference-select{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}#training-form input[type="text"]{width:100%;padding:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:14px;}.error-message{position:fixed;top:20px;right:20px;background:rgba(255,59,48,0.9);color:white;padding:10px 15px;border-radius:6px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:opacity 0.3s ease;}.error-message.fade-out{opacity:0;}.training-status-container{width:100%;max-width:600px;margin:0 auto;padding:20px 0;}.training-status-card{background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:30px;text-align:center;}.training-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:20px;}.training-status{margin-bottom:15px;}.status-indicator{display:inline-flex;align-items:center;padding:8px 16px;border-radius:30px;font-weight:500;font-size:1.1rem;}.status-indicator i{margin-right:8px;}.status-indicator.pending,.status-indicator.processing{background-color:#e3f2fd;color:#1976d2;}.status-indicator.completed{background-color:#e8f5e9;color:#388e3c;}.status-indicator.failed{background-color:#ffebee;color:#d32f2f;}.model-name-display{font-size:1.4rem;font-weight:500;color:#555;margin:15px 0;padding-bottom:15px;border-bottom:1px solid #eee;}.training-info{display:flex;justify-content:center;gap:30px;margin:20px 0;}.info-item{display:flex;align-items:center;color:#666;font-size:1rem;}.info-item i{margin-right:8px;color:#0077CC;}.progress-container{margin:25px 0;}.progress-bar{height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#00C2FF,#0077CC);border-radius:3px;animation:progress-animation 2s infinite alternate,progress-width 30s linear forwards;}@keyframes progress-animation{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}@keyframes progress-width{0%{transform:scaleX(0.05);transform-origin:left;}100%{transform:scaleX(0.9);transform-origin:left;}}.training-message{color:#666;margin:20px 0;}.training-note{font-size:0.9rem;color:#888;margin-top:10px;font-style:italic;}.success-message,.error-message{margin:25px 0 15px;color:#555;}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00C2FF,#0077CC);color:white;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.3s ease;margin-top:15px;}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,204,0.2);}.action-button.retry{background:linear-gradient(135deg,#ff9800,#f57c00);}.action-button.retry:hover{box-shadow:0 4px 12px rgba(255,152,0,0.2);}@media (max-width:600px){.training-info{flex-direction:column;gap:10px;}.training-status-card{padding:20px;}}#spinner-test{width:20px;height:20px;display:inline-block;margin-left:5px;vertical-align:middle;}@media (max-width:768px){.demo-section{margin-top:3rem;}.demo-content-row{flex-direction:column;gap:2rem;align-items:center;}.demo-column{width:90%;margin-bottom:0rem;}.demo-column:nth-child(2){margin-top:0;}.demo-arrow{transform:rotate(90deg);scale:3;margin:6.5rem 0;}.demo-image-container{margin-left:0;width:100%;display:flex;justify-content:center;position:relative;}.demo-image-background{width:220px;height:310px;}.demo-image{width:220px;height:310px;top:1px;left:50%;transform:translateX(-50%);}.bucket{width:100%;height:auto;max-width:300px;}.image-grid-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.demo-image-bucket{height:120px;width:120px;}.demo-header{font-size:1.3rem;}.demo-subheader{font-size:0.8rem;margin-bottom:1rem;}}@media (max-width:480px){.demo-image-bucket{height:100px;width:100px;}.demo-image-background{width:200px;height:280px;}.demo-image{width:200px;height:280px;}}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto;}100%{transform:rotate(360deg);}}#checkout-section{max-width:600px;margin:40px auto;padding:20px;background:white;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}#checkout{min-height:500px;margin:0 auto;}.StripeElement{background-color:white;border-radius:8px;border:1px solid #e0e0e0;}.profile-container{max-width:700px;margin:40px auto;padding:0 20px;}.profile-title{font-family:'Inter',sans-serif;font-weight:700;font-size:32px;line-height:40px;color:#F9F9F9;margin-bottom:40px;text-align:center;}.profile-section{margin-bottom:32px;border:1px solid #31343E;border-radius:12px;background:rgba(49,52,62,0.3);backdrop-filter:blur(10px);overflow:hidden;transition:all 0.3s ease;}.profile-section:hover{border-color:#66BCFF;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,188,255,0.1);}.section-header{background:linear-gradient(135deg,#31343E 0%,#383B47 100%);padding:16px 20px;border-bottom:1px solid rgba(102,188,255,0.1);}.section-header h2{font-family:'Inter',sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#66BCFF;margin:0;text-transform:uppercase;letter-spacing:0.5px;}.section-content{padding:0;}.detail-row{display:flex;align-items:center;padding:20px;border-bottom:1px solid rgba(49,52,62,0.5);transition:background-color 0.2s ease;}.detail-row:last-child{border-bottom:none;}.detail-row:hover{background:rgba(102,188,255,0.05);}.detail-row:first-child{border-top:none;}.detail-label{font-family:'Inter',sans-serif;font-weight:500;font-size:15px;line-height:24px;color:#F9F9F9;flex:1;}.detail-value{font-family:'Inter',sans-serif;font-weight:400;font-size:15px;line-height:24px;color:#A8A9AD;margin-right:16px;min-width:0;flex-shrink:1;}.edit-button{background:rgba(102,188,255,0.1);border:1px solid rgba(102,188,255,0.3);border-radius:8px;cursor:pointer;padding:8px;color:#66BCFF;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}.edit-button:hover{background:rgba(102,188,255,0.2);border-color:#66BCFF;transform:scale(1.05);}.edit-button svg{width:16px;height:16px;}.logout-button:hover{text-decoration:underline;}.subscription-tier{font-weight:600;color:#66BCFF;font-size:16px;}.subscription-status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;margin-left:12px;text-transform:uppercase;letter-spacing:0.8px;}.subscription-status.active{background:rgba(46,204,113,0.2);color:#2ecc71;border:1px solid rgba(46,204,113,0.4);}.subscription-status.expired{background:rgba(231,76,60,0.2);color:#e74c3c;border:1px solid rgba(231,76,60,0.4);}.subscription-upsell{padding:24px;text-align:center;}.subscription-upsell p{font-family:'Inter',sans-serif;font-weight:400;font-size:15px;line-height:24px;color:#A8A9AD;margin-bottom:20px;}.no-subscription{text-align:center;padding:32px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;color:white;position:relative;overflow:hidden;}.no-subscription::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer 2s infinite;}100%{transform:translateX(100%);}}.no-subscription i{font-size:3.5rem;margin-bottom:20px;opacity:0.9;}.no-subscription h3{margin:0 0 12px 0;font-size:1.6rem;font-weight:700;}.no-subscription p{margin:0 0 24px 0;opacity:0.9;font-size:1.1rem;line-height:1.6;}.subscribe-button{display:inline-block;background:#66BCFF;color:#1A1D29;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;line-height:24px;padding:12px 24px;border-radius:8px;text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden;}.subscribe-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}.subscribe-button:hover::before{left:100%;}.subscribe-button:hover{background:#4DABFF;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,188,255,0.4);}.credit-amount{font-weight:700;font-size:18px;color:#66BCFF;}.credit-label{font-size:13px;color:#A8A9AD;margin-left:6px;font-weight:500;}.toggle-row{justify-content:space-between;}.toggle-switch{position:relative;display:inline-block;width:43px;height:15px;}.toggle-switch input{opacity:0;width:0;height:0;}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4B4E5A;border-radius:15.5px;transition:.4s;}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:0;bottom:-4px;background-color:#CACACA;border-radius:50%;transition:.4s;box-shadow:0px 3px 3px rgba(0,0,0,0.05),0px 2px 2px rgba(0,0,0,0.1),0px 3px 1px rgba(0,0,0,0.05);}input:checked + .toggle-slider:before{transform:translateX(22px);}.detail-info{font-family:'Inter',sans-serif;font-weight:400;font-size:11px;line-height:18px;color:#CACACA;padding:0 16px 16px;}.danger-section{border-color:rgba(231,76,60,0.3) !important;}.danger-section:hover{border-color:#e74c3c !important;box-shadow:0 8px 25px rgba(231,76,60,0.1) !important;}.danger-section .section-header{background:linear-gradient(135deg,rgba(231,76,60,0.1) 0%,rgba(231,76,60,0.05) 100%);border-bottom-color:rgba(231,76,60,0.2);}.danger-section .section-header h2{color:#e74c3c;}.danger-button{background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:8px;font-family:'Inter',sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#e74c3c;padding:8px 16px;cursor:pointer;transition:all 0.2s ease;}.danger-button:hover{background:rgba(231,76,60,0.2);border-color:#e74c3c;transform:scale(1.05);}.profile-footer{margin-top:40px;padding:24px 0;border-top:1px solid rgba(102,188,255,0.2);text-align:center;}.profile-footer p{font-family:'Inter',sans-serif;font-weight:400;font-size:14px;line-height:22px;color:#A8A9AD;margin:0;}.profile-footer a{color:#66BCFF;text-decoration:none;font-weight:500;transition:all 0.2s ease;}.profile-footer a:hover{color:#4DABFF;text-decoration:underline;}.modal-dropdwon{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);backdrop-filter:blur(4px);animation:modalFadeIn 0.3s ease;}.modal-content-user{background:linear-gradient(135deg,#1A1D29 0%,#252A3A 100%);border:1px solid rgba(102,188,255,0.2);border-radius:16px;margin:8% auto;padding:0;width:450px;max-width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease;}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}to{opacity:1;}}.modal-header-user{background:linear-gradient(135deg,#31343E 0%,#383B47 100%);padding:20px 24px;border-bottom:1px solid rgba(102,188,255,0.1);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;}.modal-header-user h3{font-family:'Inter',sans-serif;font-weight:700;font-size:18px;line-height:24px;color:#66BCFF;margin:0;}.close-modal{background:rgba(102,188,255,0.1);border:1px solid rgba(102,188,255,0.3);border-radius:8px;color:#66BCFF;font-size:16px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.close-modal:hover{background:rgba(102,188,255,0.2);transform:scale(1.1);}.modal-body{padding:32px 24px 24px;}.form-group{margin-bottom:24px;}.form-group label{font-family:'Inter',sans-serif;font-weight:500;font-size:15px;line-height:24px;color:#F9F9F9;display:block;margin-bottom:10px;}.form-group input,.form-group-user input{width:100%;background:rgba(49,52,62,0.5);border:1px solid rgba(102,188,255,0.2);border-radius:8px;font-family:'Inter',sans-serif;font-weight:400;font-size:15px;line-height:24px;color:#F9F9F9;padding:12px 16px;box-sizing:border-box;transition:all 0.2s ease;}.form-group input::placeholder,.form-group-user input::placeholder{color:#A8A9AD;}.form-group input:focus,.form-group-user input:focus{outline:none;border-color:#66BCFF;background:rgba(49,52,62,0.8);box-shadow:0 0 0 3px rgba(102,188,255,0.1);}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(49,52,62,0.5);}.cancel-button{background:rgba(168,169,173,0.1);border:1px solid rgba(168,169,173,0.3);border-radius:8px;font-family:'Inter',sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#A8A9AD;padding:10px 20px;cursor:pointer;transition:all 0.2s ease;}.cancel-button:hover{background:rgba(168,169,173,0.2);border-color:#A8A9AD;}.save-button{background:linear-gradient(135deg,#66BCFF 0%,#4DABFF 100%);border:none;border-radius:8px;font-family:'Inter',sans-serif;font-weight:600;font-size:14px;line-height:24px;color:#1A1D29;padding:10px 20px;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden;}.save-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}.save-button:hover::before{left:100%;}.save-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(102,188,255,0.3);}.confirm-delete{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%) !important;color:white !important;}.confirm-delete:hover{box-shadow:0 8px 20px rgba(231,76,60,0.3) !important;}.confirm-delete:disabled{opacity:0.5;cursor:not-allowed;transform:none !important;box-shadow:none !important;}@media (max-width:768px){.profile-container{margin:20px auto;padding:0 16px;}.profile-title{font-size:28px;margin-bottom:32px;}.profile-section{margin-bottom:24px;}.detail-row{padding:16px;flex-direction:column;align-items:flex-start;gap:12px;}.detail-value{margin-right:0;order:2;}.edit-button{order:3;align-self:flex-end;}.modal-content-user{margin:5% auto;width:95%;}.modal-header-user{padding:16px 20px;}.modal-body{padding:24px 20px 20px;}}@media (max-width:600px){.profile-container{padding:0 12px;}.profile-title{font-size:24px;margin-bottom:24px;}.section-header{padding:12px 16px;}.section-header h2{font-size:14px;}.detail-row{padding:12px;}.form-actions{flex-direction:column;gap:12px;}.form-actions button{width:100%;}.modal-header-user{padding:16px;}.modal-body{padding:20px 16px 16px;}.no-subscription{padding:24px 16px;}.no-subscription h3{font-size:1.4rem;}.no-subscription p{font-size:1rem;}}.elegant-divider{position:relative;height:2px;width:65%;margin:2px auto 40px;opacity:0.35;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.3) 50%,rgba(255,255,255,0));position:relative;overflow:visible;}.elegant-divider::before{content:"";position:absolute;top:0;left:0;right:0;height:100%;filter:blur(2px);background:inherit;}.elegant-divider::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:radial-gradient(circle,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 70%);border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,0.1);}@media (max-width:768px){.elegant-divider{width:50%;}.elegant-divider::before{filter:blur(3px);}}.theme-container{width:100%;max-width:900px;margin:0 auto;padding:0 40px;}.theme-section-title{font-family:'Inter',sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--theme-heading-color);margin-bottom:30px;}.elegant-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.1),transparent);margin:0 auto;width:80%;max-width:1000px;}.theme-hero{padding:60px 0;text-align:center;}.theme-hero-content{max-width:900px;margin:0 auto;animation:fadeInUp 0.8s ease-out;}.theme-hero-title{font-family:'Inter',sans-serif;font-size:clamp(3rem,5vw,4.8rem);font-weight:700;color:var(--theme-heading-color);margin-bottom:20px;line-height:1.2;}.theme-hero-subtitle{font-family:'Inter',sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:400;color:var(--theme-text-color);margin:0 auto 40px;line-height:1.5;}.theme-cta-button{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,var(--theme-primary-color),#FFA500);color:#000;font-family:'Inter',sans-serif;font-weight:600;font-size:16px;text-decoration:none;border-radius:8px;transition:var(--theme-transition);border:none;cursor:pointer;box-shadow:0 4px 12px rgba(255,215,0,0.3);}.theme-cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgba(255,215,0,0.4);}.theme-bento-section{padding:30px 0;}.theme-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,320px);gap:40px;justify-content:center;width:100%;}.theme-bento-card{width:320px;background-color:var(--theme-card-bg);border-radius:var(--theme-border-radius);overflow:hidden;box-shadow:var(--theme-shadow);transition:var(--theme-transition);position:relative;display:flex;flex-direction:column;}.theme-bento-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,0.3);}.theme-card-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#FF6B6B,#FF8E53);color:white;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;z-index:2;}.theme-card-image-container{width:320px;height:380px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-color:rgba(31,31,31,0.2);}.theme-card-image{width:100%;height:100%;object-fit:cover;transition:var(--theme-transition);}.theme-bento-card:hover .theme-card-image{transform:scale(1.05);}.theme-card-content{padding:20px;}.theme-card-tag{display:inline-block;font-size:12px;font-weight:500;color:var(--theme-text-color);background-color:rgba(255,255,255,0.1);padding:4px 10px;border-radius:4px;margin-bottom:10px;}.theme-card-title{font-family:'Inter',sans-serif;font-size:18px;font-weight:600;color:var(--theme-heading-color);margin-bottom:10px;}.theme-card-description{font-family:'Inter',sans-serif;font-size:14px;color:var(--theme-text-color);margin-bottom:15px;line-height:1.5;}.theme-card-link{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--theme-primary-color);text-decoration:none;transition:var(--theme-transition);display:flex;align-items:center;gap:8px;}.theme-card-link:hover{transform:translateX(5px);cursor:pointer;}.theme-gallery-section{padding:60px 0;}.theme-masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}.theme-masonry-item{aspect-ratio:3/5;overflow:hidden;border-radius:var(--theme-border-radius);box-shadow:var(--theme-shadow);transition:var(--theme-transition);position:relative;height:auto;}.theme-masonry-item:hover{transform:scale(1.03);box-shadow:0 16px 32px rgba(0,0,0,0.3);z-index:1;}.theme-masonry-image{width:100%;height:100%;object-fit:cover;display:block;transition:var(--theme-transition);}.theme-seo-section{padding:60px 0;}.theme-seo-wrapper{max-width:900px;margin:0 auto;text-align:center;}.theme-seo-content{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:var(--theme-text-color);text-align:left;}.theme-seo-content p{margin-bottom:20px;}.theme-final-cta{padding:80px 0;text-align:center;}.theme-cta-title{font-family:'Inter',sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--theme-heading-color);margin-bottom:30px;}.theme-cta-button-pulse{animation:pulse 2s infinite;}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,215,0,0.4);}70%{box-shadow:0 0 0 15px rgba(255,215,0,0);}100%{box-shadow:0 0 0 0 rgba(255,215,0,0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media (max-width:1200px){.theme-container{max-width:960px;}}@media (max-width:900px){.theme-container{max-width:720px;}.theme-hero{padding:40px 0;}.theme-bento-section,.theme-gallery-section,.theme-seo-section,.theme-final-cta{padding:40px 0;}.theme-masonry-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}}@media (max-width:720px){.theme-bento-grid{grid-template-columns:minmax(280px,320px);gap:30px;}.theme-card-image-container{width:100%;max-width:320px;}.theme-bento-card{width:100%;max-width:320px;}.theme-container{padding:0 15px;}.theme-hero{padding:30px 0;}.theme-bento-section,.theme-gallery-section,.theme-seo-section,.theme-final-cta{padding:30px 0;}.theme-masonry-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}.theme-cta-button{padding:12px 24px;font-size:14px;}}.or-divider{display:flex;align-items:center;text-align:center;margin:24px 0;}.or-divider hr{flex:1;border:none;height:1px;background:rgba(255,255,255,0.2);}.or-divider span{padding:0 16px;color:rgba(255,255,255,0.6);font-size:14px;text-transform:uppercase;letter-spacing:1px;}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:35vh;padding:12px 14px;background:#ffffff;border:1px solid rgba(0,0,0,0.1);border-radius:8px;font-size:16px;font-weight:500;color:#3c4043;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.2s ease;}.google-btn:active{background:#f1f3f4;box-shadow:0 1px 2px rgba(0,0,0,0.05);transform:translateY(0);}.google-btn img{width:20px;height:20px;}.google-btn span{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;}@media (max-width:400px){.theme-bento-grid{grid-template-columns:1fr;gap:20px;}}:root{--bg-rich-black:#111111;--bg-deep-blue:#08080E;--text-cream:rgba(255,255,255,0.9);--text-subtle:rgba(255,255,255,0.6);--accent-gradient:linear-gradient(90.03deg,#FFD1E2 0.68%,#FBF9E1 27.16%,#B3D2FF 50.01%);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--glow:0 0 40px rgba(255,255,255,0.15);}.onboarding-container{display:flex;min-height:100vh;background:linear-gradient(125deg,#111111,#08080E,#08080E,#0d0d0f);position:relative;overflow:hidden;}.onboarding-content{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;}.onboarding-header{margin-bottom:3rem;}.onboarding-title{font-family:'Inter',sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--glow);opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease forwards;}.onboarding-subtitle{font-size:1.2rem;color:var(--text-subtle);line-height:1.6;max-width:80%;opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease forwards 0.2s;}.onboarding-visual{flex:1;position:relative;overflow:hidden;background:rgba(8,8,14,0.95);display:flex;align-items:center;justify-content:center;}.ai-image-container{position:relative;width:80%;height:80%;overflow:visible;margin:10% auto;}.ai-image{width:100%;height:100%;opacity:0.65;object-fit:cover;-webkit-mask-image:radial-gradient(
ellipse 120% 50% at center,black 20%,rgba(0,0,0,0.8) 45%,transparent 70%
);mask-image:radial-gradient(
ellipse 78% 70% at center,black 20%,rgba(0,0,0,0.8) 45%,transparent 70%
);filter:drop-shadow(0 0 40px rgba(0,0,0,0.5));}.ai-image-container::after{content:'';position:absolute;inset:-50%;width:200%;height:200%;background:inherit;background-image:var(--ai-image-url);background-size:50% 50%;background-position:center;filter:blur(60px);opacity:0.6;z-index:-1;}@keyframes pulseGlow{0%,100%{opacity:0.5;}50%{opacity:0.7;}}.particles-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.1) 1px,transparent 1px),radial-gradient(circle at 70% 40%,rgba(255,255,255,0.1) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(255,255,255,0.1) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;animation:floatParticles 20s linear infinite;opacity:0.6;}.floating-element{position:absolute;border-radius:50%;filter:blur(50px);opacity:0.15;background:rgba(255,209,226,0.3);animation:float 20s infinite ease-in-out;}.floating-element:nth-child(1){width:300px;height:300px;top:20%;right:10%;animation-delay:0s;}.floating-element:nth-child(2){width:200px;height:200px;bottom:20%;right:30%;animation-delay:-5s;background:rgba(179,210,255,0.3);}.form-group{margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease forwards 0.4s;}.form-input{width:100%;padding:1rem 1.2rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:var(--text-cream);font-size:1rem;transition:var(--transition);backdrop-filter:blur(10px);}.form-input:focus{border-color:#FFD1E2;box-shadow:0 0 0 3px rgba(255,209,226,0.1);background:rgba(255,255,255,0.05);}.onboarding-button{width:100%;padding:1.2rem;border:none;border-radius:12px;background:var(--accent-gradient);color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease forwards 0.6s;}.onboarding-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,209,226,0.2);}.progress-tracker{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:3;}.progress-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.1);transition:var(--transition);position:relative;}.progress-dot::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:var(--accent-gradient);opacity:0;transition:var(--transition);}.progress-dot.active::after{opacity:1;}to{opacity:1;transform:translateY(0);}}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}@keyframes floatParticles{0%{background-position:0 0;}100%{background-position:50px 50px;}}@media (max-width:1200px){.onboarding-title{font-size:3rem;}.onboarding-content{padding:3rem;}}@media (max-width:768px){.onboarding-container{flex-direction:column-reverse;}.onboarding-visual{height:40vh;}.onboarding-content{padding:2rem;}.progress-tracker{display:none;}.onboarding-title{font-size:2.5rem;}}.boothai-demo-section{max-width:1200px;margin:3rem auto;padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem;}@media (min-width:768px){.boothai-demo-section{grid-template-columns:3fr 2fr;gap:2rem;}}.demo-video{display:flex;flex-direction:column;}.demo-title{margin-bottom:1rem;}.video-wrapper{border-radius:12px;overflow:hidden;}.video-wrapper video{width:100%;height:auto;object-fit:cover;pointer-events:none;}.demo-content-video{display:flex;flex-direction:column;gap:0.75rem;}.demo-heading{font-family:'Inter',sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2;margin:0;color:#ffffff;}.demo-subheading{font-family:'Inter',sans-serif;font-size:1.375rem;font-weight:600;line-height:1.3;margin:0.75rem 0 0.25rem;color:#ffffff;}.demo-content-video > p{font-family:'Inter',sans-serif;font-size:1.2625rem;line-height:1.5;margin:0;color:#e0e0e0;}.feature-list{display:grid;grid-template-columns:1fr;gap:0.75rem 1rem;margin:1rem 0;}@media (min-width:768px){.feature-list{grid-template-columns:1fr 1fr;}}.feature-item{display:flex;align-items:flex-start;gap:0.5rem;}.feature-icon{font-size:1.5rem;line-height:1;margin-top:0.2rem;flex-shrink:0;}.feature-text{display:flex;flex-direction:column;gap:0.2rem;margin:0;}.feature-text > strong{font-family:'Inter',sans-serif;font-size:1.125rem;font-weight:700;line-height:1.3;color:#ffffff;margin:0;}.feature-desc{font-family:'Inter',sans-serif;font-size:1rem;line-height:1.4;color:#e0e0e0;margin:0;}@media (max-width:767px){.demo-heading{font-size:2rem;}.demo-subheading{font-size:1.25rem;}.demo-content-video > p{font-size:1rem;}}.creative-controls-section{margin-bottom:24px;}.creative-controls-title{font-size:0.95rem;color:#ddd;font-weight:500;}.creative-controls-content{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:24px;margin-top:16px;}.creative-controls-content textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:#fff;font-size:0.9rem;transition:all 0.2s ease;resize:vertical;min-height:80px;}.creative-controls-content textarea:focus{outline:none;border-color:#6c5ce7;background:rgba(255,255,255,0.08);}.controls-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:4px;}.creative-input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:#fff;font-size:0.9rem;transition:all 0.2s ease;}.creative-input:focus{outline:none;border-color:#6c5ce7;background:rgba(255,255,255,0.08);}.creative-select{width:100%;padding:12px 16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:#fff;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;}.creative-select:focus{outline:none;border-color:#6c5ce7;background:rgba(255,255,255,0.08);}.background-selector{display:flex;align-items:center;gap:12px;margin-top:12px;}.bg-nav{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:#fff;padding:8px 12px;cursor:pointer;font-size:1.2rem;transition:all 0.2s ease;flex-shrink:0;}.bg-nav:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);}.background-scroll-container{flex:1;overflow:hidden;}.background-options{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;}.background-options::-webkit-scrollbar{height:6px;}.background-options::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px;}.background-options::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;transition:background 0.2s ease;}.background-options::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}.bg-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid rgba(255,255,255,0.2);border-radius:8px;cursor:pointer;transition:all 0.2s ease;min-width:70px;flex-shrink:0;background:rgba(255,255,255,0.03);}.bg-card:hover{border-color:rgba(255,255,255,0.4);transform:translateY(-2px);}.bg-card.selected{border-color:#6c5ce7;background:rgba(108,92,231,0.1);}.bg-preview{width:32px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,0.1);}.bg-card span{font-size:0.75rem;color:#ddd;text-align:center;font-weight:500;}.bg-white .bg-preview{background:#f8f9fa;}.bg-gray .bg-preview{background:#6c757d;}.bg-black .bg-preview{background:#212529;}.bg-concrete .bg-preview{background:#95a5a6;}.bg-sunset .bg-preview{background:linear-gradient(135deg,#ff6b6b,#ffa500);}.bg-ocean .bg-preview{background:linear-gradient(135deg,#667eea,#764ba2);}.bg-gold .bg-preview{background:linear-gradient(135deg,#f7971e,#ffd200);}.bg-purple .bg-preview{background:linear-gradient(135deg,#6f42c1,#5a2d91);}.bg-bokeh .bg-preview{background:linear-gradient(135deg,#667eea,#764ba2);}.bg-wood .bg-preview{background:linear-gradient(135deg,#8b4513,#a0522d);}@media (max-width:768px){.controls-row{grid-template-columns:1fr;gap:16px;}.creative-controls-content{padding:20px;}.bg-nav{padding:6px 10px;font-size:1rem;}}.prompt-build-btn.success{background:linear-gradient(135deg,#4CAF50,#45a049);box-shadow:0 2px 8px rgba(76,175,80,0.2);}.prompt-builder-center{text-align:center;margin-top:20px;}@media (max-width:768px){.prompt-builder-row{grid-template-columns:1fr;gap:10px;}.background-grid{grid-template-columns:repeat(2,1fr);gap:8px;}.bg-option{padding:10px 6px;font-size:0.8rem;}.prompt-build-btn{width:100%;padding:14px;}}@media (max-width:480px){.prompt-builder-content{padding:15px;}.background-grid{grid-template-columns:1fr;}.prompt-builder-row-triple{grid-template-columns:1fr;}}.enhanced-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(95vw,1400px);height:min(92vh,900px);background:linear-gradient(145deg,rgba(16,16,20,0.98),rgba(26,29,41,0.96));backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 25px 50px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05);z-index:10000;animation:modalFadeIn 0.4s cubic-bezier(0.16,1,0.3,1);overflow:hidden;display:flex;flex-direction:column;}.modal-split-layout{display:grid;grid-template-columns:1fr 420px;height:100%;gap:0;}.modal-image-section{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(10,10,12,0.9),rgba(16,16,20,0.8));position:relative;border-radius:20px 0 0 20px;}.image-container-enhanced{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden;}.modal-main-image{max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;border-radius:12px;object-fit:contain;box-shadow:0 20px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.modal-main-image:hover{transform:scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.15);}@media (max-width:1024px){.enhanced-modal-container{width:98vw;height:95vh;}.modal-split-layout{grid-template-columns:1fr;grid-template-rows:60% 40%;}.modal-image-section{border-radius:20px 20px 0 0;}.modal-details-section{border-top:1px solid rgba(255,255,255,0.08);}}@media (max-width:768px){.enhanced-modal-container{width:100vw;height:100vh;border-radius:0;}.modal-split-layout{grid-template-rows:55% 45%;}.modal-image-section{border-radius:0;}.image-container-enhanced{padding:20px;}.modal-header-clean{padding:20px 20px 16px 20px;}.prompt-section-enhanced{padding:20px;}.actions-section-modern{padding:16px 20px 24px 20px;}.header-content h2{font-size:20px;}.prompt-header-clean h3{font-size:16px;}.prompt-text-modern{font-size:14px;padding:16px;min-height:100px;max-height:150px;}}@media (max-width:480px){.modal-main-image{max-height:calc(100vh - 200px);}.image-container-enhanced{padding:16px;}.modal-header-clean{padding:16px;}.header-content{flex-direction:column;align-items:flex-start;gap:12px;}.prompt-section-enhanced{padding:16px;gap:12px;}.prompt-header-clean{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:0;}.copy-btn-modern{align-self:flex-start;}.actions-section-modern{padding:12px 16px 20px 16px;}.delete-btn-modern{padding:12px 16px;font-size:14px;}}.modal-main-image.zoomed{transform:scale(1.5);cursor:zoom-out;}.image-actions-overlay{position:absolute;top:20px;right:20px;display:flex;gap:8px;opacity:0;transition:opacity 0.2s ease;}.image-container-enhanced:hover .image-actions-overlay{opacity:1;}.image-action-btn{background:rgba(0,0,0,0.7);border:none;border-radius:8px;color:white;padding:8px;cursor:pointer;transition:background 0.2s ease;}.image-action-btn:hover{background:rgba(0,0,0,0.9);}.quick-actions-bar{display:flex;gap:12px;padding:16px 20px;background:rgba(31,31,31,0.8);border-top:1px solid rgba(255,255,255,0.1);}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:white;font-size:14px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;}.quick-action-btn:hover{background:rgba(255,255,255,0.15);transform:translateY(-1px);}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:rgba(102,126,234,0.3);}.quick-action-btn.regenerate{border-color:rgba(255,165,0,0.3);}.modal-details-section{background:linear-gradient(145deg,rgba(31,31,31,0.95),rgba(26,26,26,0.98));padding:0;overflow-y:auto;display:flex;flex-direction:column;backdrop-filter:blur(10px);}.modal-header-clean{padding:28px 28px 20px 28px;border-bottom:1px solid rgba(255,255,255,0.08);background:linear-gradient(135deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));}.header-content{display:flex;align-items:center;justify-content:space-between;}.header-content h2{font-size:22px;font-weight:700;color:white;margin:0;letter-spacing:-0.02em;}.ai-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,53,235,0.15));border:1px solid rgba(102,126,234,0.2);border-radius:50px;font-size:13px;font-weight:500;color:#a78bfa;}.ai-icon{font-size:14px;}.prompt-section-enhanced{padding:28px;flex:1;display:flex;flex-direction:column;gap:16px;}.prompt-header-clean{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}.prompt-header-clean h3{font-size:18px;font-weight:600;color:white;margin:0;letter-spacing:-0.01em;}.copy-btn-modern{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.copy-btn-modern:hover{background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.08));border-color:rgba(255,255,255,0.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.copy-btn-modern.copied{background:linear-gradient(135deg,rgba(34,197,94,0.2),rgba(34,197,94,0.1));border-color:rgba(34,197,94,0.3);color:#4ade80;}.prompt-container-modern{position:relative;flex:1;}.prompt-text-modern{background:linear-gradient(135deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:20px;color:#e5e7eb;font-size:15px;line-height:1.6;min-height:120px;max-height:200px;overflow-y:auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);}.prompt-text-modern::-webkit-scrollbar{width:6px;}.prompt-text-modern::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px;}.prompt-text-modern::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;}.actions-section-modern{padding:20px 28px 28px 28px;border-top:1px solid rgba(255,255,255,0.08);background:linear-gradient(135deg,rgba(255,255,255,0.02),rgba(255,255,255,0.005));}.delete-btn-modern{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;background:linear-gradient(135deg,rgba(239,68,68,0.1),rgba(220,38,38,0.08));border:1px solid rgba(239,68,68,0.25);border-radius:12px;color:#f87171;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.delete-btn-modern:hover{background:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(220,38,38,0.12));border-color:rgba(239,68,68,0.4);transform:translateY(-1px);box-shadow:0 4px 16px rgba(239,68,68,0.15);color:#fca5a5;}.modal-close-btn{position:absolute;top:16px;right:16px;z-index:10001;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all 0.2s ease;}.modal-close-btn:hover{background:rgba(0,0,0,0.9);transform:scale(1.05);}.modal-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:20px;flex:1;min-height:300px;}.modal-display-image{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:12px;object-fit:contain;box-shadow:0 8px 32px rgba(0,0,0,0.3);}.modal-prompt-section{padding:20px;border-top:1px solid rgba(255,255,255,0.1);background:rgba(31,31,31,0.8);}.prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.prompt-header h3{color:white;font-size:16px;font-weight:600;margin:0;}.copy-btn{background:rgba(255,255,255,0.1);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s ease;}.copy-btn:hover{background:rgba(255,255,255,0.2);color:white;}.copy-btn.copied{background:linear-gradient(135deg,#10dc60,#16a085);color:white;}.prompt-display{background:rgba(255,255,255,0.05);border-radius:8px;border:1px solid rgba(255,255,255,0.1);padding:12px;color:rgba(255,255,255,0.9);font-size:14px;line-height:1.5;word-wrap:break-word;max-height:120px;overflow-y:auto;}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(16,220,96,0.9);color:white;border-radius:50px;font-size:14px;font-weight:600;z-index:10002;opacity:0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}.image-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.stat-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);}.stat-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:8px;}.stat-content{display:flex;flex-direction:column;gap:2px;}.stat-label{font-size:12px;color:rgba(255,255,255,0.6);font-weight:500;}.stat-value{font-size:14px;color:white;font-weight:600;}.advanced-actions h4{color:white;font-size:16px;font-weight:600;margin-bottom:16px;}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.advanced-action-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:white;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-align:left;}.advanced-action-btn:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);}.advanced-action-btn.danger{color:#ff6b6b;border-color:rgba(255,107,107,0.3);}.advanced-action-btn.danger:hover{background:rgba(255,107,107,0.1);border-color:rgba(255,107,107,0.5);}.action-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center;}.copy-toast-modern{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(100px);z-index:10002;opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,rgba(34,197,94,0.95),rgba(16,185,129,0.95));backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,0.3);border-radius:50px;color:white;font-size:14px;font-weight:500;box-shadow:0 8px 32px rgba(34,197,94,0.25);}.copy-toast-modern.show{opacity:1;transform:translateX(-50%) translateY(0);}to{opacity:1;transform:scale(1);}}.modal-closing{animation:modalFadeOut 0.3s ease-out forwards;}@keyframes modalFadeOut{from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(0.95);}}.modal-image-section.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10003;background:rgba(0,0,0,0.95);padding:40px;}.modal-image-section.fullscreen-mode .image-container-enhanced{border:none;background:transparent;}@media (max-width:1024px){.modal-split-layout{grid-template-columns:1fr;max-height:90vh;}.modal-details-section{border-left:none;border-top:1px solid rgba(255,255,255,0.1);max-height:50vh;}}@media (max-width:768px){.enhanced-modal-container{padding:10px;}.modal-split-layout{border-radius:16px;max-height:95vh;}.modal-image-section,.modal-details-section{padding:20px;}.quick-actions-bar{flex-direction:column;gap:8px;}.image-stats-grid{grid-template-columns:1fr;}.action-buttons-grid{grid-template-columns:1fr;}}@media (max-width:480px){.quick-action-btn span{display:none;}.quick-action-btn{padding:12px;}.details-header{flex-direction:column;align-items:flex-start;gap:10px;}}.gallery-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#111111 0%,#1a1a1a 25%,#0d0d0f 50%,#1a1a1a 75%,#111111 100%
);display:flex;align-items:center;justify-content:center;overflow:hidden;}.gallery-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 80%,rgba(255,209,226,0.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(179,210,255,0.12) 0%,transparent 60%),radial-gradient(ellipse at 40% 40%,rgba(251,249,225,0.08) 0%,transparent 60%);animation:galleryHeroGlow 25s ease-in-out infinite;}@keyframes galleryHeroGlow{0%,100%{opacity:0.8;transform:scale(1) rotate(0deg);}25%{opacity:1;transform:scale(1.05) rotate(0.3deg);}50%{opacity:0.6;transform:scale(0.95) rotate(-0.3deg);}75%{opacity:1.2;transform:scale(1.03) rotate(0.2deg);}}.gallery-hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding:0 2rem;}.gallery-hero-title{font-size:clamp(4rem,12vw,8rem);font-weight:900;margin-bottom:2.5rem;line-height:0.95;font-family:'Inter',sans-serif;letter-spacing:-2px;}.title-gradient{background:linear-gradient(135deg,rgba(255,209,226,1) 0%,rgba(179,210,255,1) 25%,rgba(251,249,225,1) 50%,rgba(255,209,226,1) 75%,rgba(179,210,255,1) 100%
);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:galleryTitleFlow 15s ease-in-out infinite;}@keyframes galleryTitleFlow{0%,100%{background-position:0% 50%;}33%{background-position:100% 50%;}66%{background-position:50% 100%;}}.gallery-hero-subtitle{font-size:clamp(1.3rem,3.5vw,1.8rem);color:rgba(255,255,255,0.88);line-height:1.6;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;font-weight:400;}.gallery-stats{display:flex;justify-content:center;align-items:center;gap:4rem;margin-top:5rem;}.gallery-stat{text-align:center;position:relative;}.gallery-stat-number{font-size:clamp(3rem,6vw,5rem);font-weight:800;background:linear-gradient(135deg,var(--theme-primary-color),rgba(255,209,0,0.85)
);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.8rem;display:block;text-shadow:0 0 40px rgba(255,209,0,0.3);}.gallery-stat-label{font-size:1.1rem;color:rgba(255,255,255,0.75);text-transform:uppercase;letter-spacing:2px;font-weight:600;}.gallery-stat-divider{width:1px;height:60px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%
);}.gallery-main{padding:8rem 0;position:relative;background:var(--theme-bg);}.gallery-container{max-width:1800px;margin:0 auto;padding:0 3rem;}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:3rem 0;position:relative;}.gallery-item{opacity:0;transform:translateY(60px) scale(0.9);animation:galleryItemReveal 1s ease-out forwards;position:relative;}.gallery-item:nth-child(4n+1){animation-delay:0.1s;}.gallery-item:nth-child(4n+2){animation-delay:0.2s;}.gallery-item:nth-child(4n+3){animation-delay:0.3s;}.gallery-item:nth-child(4n+4){animation-delay:0.4s;}@keyframes galleryItemReveal{to{opacity:1;transform:translateY(0) scale(1);}}.gallery-item-wrapper{position:relative;border-radius:20px;overflow:hidden;background:var(--theme-card-bg);box-shadow:0 8px 24px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.06);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer;aspect-ratio:3/4;display:flex;flex-direction:column;}.gallery-item-wrapper:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.08);}.gallery-image-container{position:relative;flex:1;overflow:hidden;}.gallery-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all 0.6s cubic-bezier(0.23,1,0.32,1);display:block;}.gallery-item-wrapper:hover .gallery-image{transform:scale(1.03);filter:brightness(0.95);}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.8) 100%
);opacity:0;visibility:hidden;transition:all 0.6s cubic-bezier(0.23,1,0.32,1);display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;backdrop-filter:blur(12px);}.gallery-item-wrapper:hover .gallery-overlay{opacity:1;visibility:visible;}.gallery-overlay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,209,226,0.18) 0%,rgba(179,210,255,0.18) 30%,rgba(251,249,225,0.18) 60%,rgba(255,209,226,0.18) 100%
);opacity:0;animation:galleryShimmer 4s ease-in-out infinite;}@keyframes galleryShimmer{0%,100%{opacity:0;}50%{opacity:0.8;}}.gallery-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2;}.gallery-prompt-preview{margin-bottom:2rem;width:100%;}.gallery-prompt-text{font-family:'Inter',-apple-system,sans-serif;font-size:1.05rem;line-height:1.6;color:rgba(255,255,255,0.95);font-weight:500;padding:1.5rem 2rem;background:rgba(0,0,0,0.8);border-radius:16px;border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(20px);box-shadow:0 16px 48px rgba(0,0,0,0.5);transform:translateY(40px);opacity:0;transition:all 0.6s ease 0.2s;max-width:95%;margin:0 auto;}.gallery-item-wrapper:hover .gallery-prompt-text{transform:translateY(0);opacity:1;}.gallery-actions{display:flex;gap:1.2rem;justify-content:center;transform:translateY(40px);opacity:0;transition:all 0.6s ease 0.4s;position:relative;z-index:3;}.gallery-item-wrapper:hover .gallery-actions{transform:translateY(0);opacity:1;}.gallery-action-btn{padding:1rem 2rem;border:none;border-radius:50px;background:rgba(255,255,255,0.18);color:rgba(255,255,255,0.95);font-size:0.95rem;font-weight:700;cursor:pointer;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);position:relative;overflow:hidden;font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:1px;min-width:140px;}.gallery-action-btn::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 0.8s ease;}.gallery-action-btn:hover::before{left:100%;}.gallery-action-btn.view-btn:hover{background:linear-gradient(135deg,rgba(179,210,255,0.5),rgba(179,210,255,0.25)
);border-color:rgba(179,210,255,0.6);transform:translateY(-4px);box-shadow:0 16px 40px rgba(179,210,255,0.4);}.gallery-action-btn.generate-btn:hover{background:linear-gradient(135deg,rgba(255,209,226,0.5),rgba(255,209,226,0.25)
);border-color:rgba(255,209,226,0.6);transform:translateY(-4px);box-shadow:0 16px 40px rgba(255,209,226,0.4);}.gallery-theme-badge{position:absolute;top:2rem;right:2rem;padding:0.6rem 1.2rem;background:linear-gradient(135deg,var(--theme-primary-color),rgba(255,209,0,0.92)
);color:rgba(0,0,0,0.85);font-size:0.85rem;font-weight:800;border-radius:25px;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 8px 24px rgba(255,209,0,0.5);transform:translateY(-20px);opacity:0;transition:all 0.6s ease 0.6s;font-family:'Inter',sans-serif;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);}.gallery-item-wrapper:hover .gallery-theme-badge{transform:translateY(0);opacity:1;}.gallery-ai-badge{position:absolute;top:2rem;left:2rem;padding:0.5rem 1rem;background:rgba(0,0,0,0.8);color:rgba(255,255,255,0.9);font-size:0.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.15);transform:translateY(-20px);opacity:0;transition:all 0.6s ease 0.5s;}.gallery-item-wrapper:hover .gallery-ai-badge{transform:translateY(0);opacity:1;}.gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.5s cubic-bezier(0.23,1,0.32,1);backdrop-filter:blur(20px);}.gallery-modal.active{opacity:1;}.gallery-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.88);}.gallery-modal-container{position:relative;max-width:95vw;max-height:95vh;background:var(--theme-card-bg);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.1);overflow:hidden;transform:scale(0.8);transition:transform 0.5s cubic-bezier(0.23,1,0.32,1);display:flex;flex-direction:column;min-height:600px;}.gallery-modal.active .gallery-modal-container{transform:scale(1);}.gallery-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 3rem;border-bottom:1px solid rgba(255,255,255,0.12);background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%
);}.gallery-modal-title{font-size:2rem;font-weight:800;color:var(--theme-heading-color);font-family:'Inter',sans-serif;}.gallery-modal-close{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:var(--theme-text-color);cursor:pointer;padding:1rem;border-radius:16px;transition:all 0.4s ease;font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);}.gallery-modal-close:hover{background:rgba(255,255,255,0.2);transform:scale(1.1) rotate(90deg);}.gallery-modal-body{display:flex;flex:1;min-height:0;}.gallery-modal-image-section{flex:2;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);position:relative;padding:3rem;}.gallery-modal-image-wrapper{position:relative;max-width:100%;max-height:100%;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.6);}.gallery-modal-image{max-width:100%;max-height:70vh;object-fit:contain;display:block;}.gallery-modal-details{flex:1;padding:3rem;display:flex;flex-direction:column;gap:3rem;min-width:450px;background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%
);}.gallery-section-title{font-size:1.5rem;font-weight:800;color:var(--theme-heading-color);margin:0 0 1.5rem 0;font-family:'Inter',sans-serif;}.gallery-prompt-container{position:relative;}.gallery-prompt-display{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:2.5rem;line-height:1.8;color:var(--theme-text-color);margin-bottom:2rem;font-size:1.1rem;backdrop-filter:blur(15px);font-family:'Inter',sans-serif;}.gallery-copy-btn{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.3);color:var(--theme-text-color);padding:1rem 2rem;border-radius:12px;cursor:pointer;transition:all 0.4s ease;font-size:1.05rem;font-weight:600;font-family:'Inter',sans-serif;}.gallery-copy-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,255,255,0.15);}.gallery-copy-btn.copied{background:linear-gradient(135deg,rgba(76,175,80,0.5),rgba(56,142,60,0.5)
);border-color:rgba(76,175,80,0.6);}.gallery-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}.gallery-detail-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:2rem;backdrop-filter:blur(15px);transition:all 0.3s ease;}.gallery-detail-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);}.gallery-detail-label{font-size:0.9rem;color:rgba(255,255,255,0.65);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:1rem;font-weight:700;}.gallery-detail-value{font-size:1.1rem;color:var(--theme-text-color);font-weight:700;}.gallery-modal-action-btn{flex:1;padding:1.5rem 2.5rem;border:none;border-radius:16px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);display:flex;align-items:center;justify-content:center;gap:1rem;font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:0.8px;}.gallery-modal-action-btn.primary{background:linear-gradient(135deg,var(--theme-primary-color),);color:rgba(0,0,0,0.9);}.gallery-modal-action-btn.primary:hover{transform:translateY(-4px);}@media (max-width:1400px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}.gallery-modal-body{flex-direction:column;}.gallery-modal-details{min-width:auto;padding:2rem;}}@media (max-width:768px){.gallery-container{padding:0 1.5rem;}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}.gallery-hero{min-height:85vh;}.gallery-stats{flex-direction:column;gap:2.5rem;}.gallery-stat-divider{width:100px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%
);}.gallery-details-grid{grid-template-columns:1fr;}.gallery-modal-actions{flex-direction:column;}}.gallery-item-wrapper{will-change:transform;backface-visibility:hidden;perspective:1000px;}.gallery-image{will-change:transform,filter;}.gallery-overlay{will-change:opacity,visibility;}@media (prefers-reduced-motion:reduce){.gallery-item,.gallery-item-wrapper,.gallery-image,.gallery-overlay,.gallery-action-btn,.gallery-theme-badge,.gallery-ai-badge{animation:none !important;transition:none !important;}}@media (hover:none){.gallery-overlay{opacity:1;visibility:visible;background:linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.6) 100%
);}.gallery-prompt-text,.gallery-actions,.gallery-theme-badge,.gallery-ai-badge{transform:translateY(0);opacity:1;}}.gallery-notification{position:fixed;top:2.5rem;right:2.5rem;z-index:10001;padding:1.5rem 2.5rem;border-radius:20px;box-shadow:0 16px 50px rgba(0,0,0,0.5);backdrop-filter:blur(25px);transform:translateX(150%);transition:transform 0.5s cubic-bezier(0.23,1,0.32,1);max-width:500px;border:1px solid rgba(255,255,255,0.15);}.gallery-notification.show{transform:translateX(0);}.gallery-notification.success{background:linear-gradient(135deg,rgba(76,175,80,0.92),rgba(56,142,60,0.92)
);border-color:rgba(76,175,80,0.5);}.gallery-notification.error{background:linear-gradient(135deg,rgba(244,67,54,0.92),rgba(198,40,40,0.92)
);border-color:rgba(244,67,54,0.5);}.gallery-notification-content{display:flex;align-items:center;justify-content:space-between;color:white;font-size:1.05rem;gap:2rem;font-weight:600;}.gallery-notification-close{background:none;border:none;color:white;font-size:1.6rem;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s ease;}.gallery-notification-close:hover{background:rgba(255,255,255,0.25);}.particle-loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;z-index:5;pointer-events:none;backdrop-filter:blur(10px);transition:all 0.3s ease;}.particle-loading-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10;font-family:'Inter',sans-serif;font-weight:600;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.9);filter:drop-shadow(0 0 8px rgba(0,0,0,0.5));transition:all 0.3s ease;}@media (max-width:768px){.particle-loading-text{font-size:12px;letter-spacing:1px;bottom:16px;}.card .shine-wrapper:has(.particle-loading-canvas):hover{transform:translateY(-4px) scale(1.01);}}.form-footer{background:transparent !important;background-color:transparent !important;}@media (max-width:768px){.form-footer{background:transparent !important;background-color:transparent !important;-webkit-appearance:none;-webkit-background-composite:clear;}body.sidebar-active .form-footer,.dashboard .form-footer,.control-panel .form-footer{display:none !important;}.training-guidelines{padding:15px 10px !important;margin:10px 0 !important;}.guideline-group{margin-bottom:15px !important;}.guideline-group ul{padding-left:20px !important;margin:8px 0 !important;}.guideline-group li{margin:4px 0 !important;font-size:0.85rem !important;line-height:1.3 !important;}.status-card{padding:15px !important;margin:10px 0 !important;}.estimated-time{font-size:0.85rem !important;}.estimated-time span{display:block !important;margin:3px 0 !important;}.upload-zone{min-height:100px !important;padding:15px !important;}.upload-hint{font-size:0.7rem !important;margin-top:8px !important;}}.trust-showcase-v2{padding:0.90rem 2rem 0rem;background:transparent;text-align:center;overflow:hidden;}.showcase-container-v2{max-width:800px;margin:0 auto;opacity:0;transform:translateY(30px);animation:fadeInShowcase 1s ease-out 0.3s forwards;}@keyframes fadeInShowcase{to{opacity:1;transform:translateY(0);}}.showcase-title-v2{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:500;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:3px;margin-bottom:2.5rem;position:relative;}.showcase-title-v2::after{content:'';position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);width:40px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%);animation:expandLine 1.5s ease-out 0.8s forwards;opacity:0;}@keyframes expandLine{to{width:80px;opacity:1;}}.badges-container-v2{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;}.badge-wrapper-v2{position:relative;display:inline-block;}.badge-link-v2{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;overflow:hidden;position:relative;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:0.75rem 1.5rem;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.badge-link-v2:hover{transform:translateY(-4px) scale(1.03);border-color:rgba(255,255,255,0.2);box-shadow:0 15px 40px rgba(0,0,0,0.3);}.badge-logo-v2{width:auto;display:block;filter:brightness(0.9) contrast(1.1) saturate(0.8);transition:filter 0.3s ease;}.badge-logo-v2.taaft-logo{height:38px;}.badge-logo-v2.ph-logo{height:34px;}.badge-link-v2:hover .badge-logo-v2{filter:brightness(1.1) contrast(1.1) saturate(1);}.shine-effect-v2{position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(
90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%
);transform:skewX(-25deg);transition:left 0.8s ease-in-out;}.badge-link-v2:hover .shine-effect-v2{left:150%;}@media (max-width:768px){.trust-showcase-v2{padding:3rem 1rem 4rem;}.showcase-title-v2{font-size:0.9rem;margin-bottom:2rem;}.badge-logo-v2.taaft-logo{height:34px;}.badge-logo-v2.ph-logo{height:30px;}}@media (max-width:480px){.trust-showcase-v2{padding:2.5rem 1rem 3rem;}.showcase-title-v2{font-size:0.8rem;letter-spacing:2px;margin-bottom:1.5rem;}.badges-container-v2{gap:1.5rem;}.badge-logo-v2.taaft-logo{height:30px;}.badge-logo-v2.ph-logo{height:26px;}.trial-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:white;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(255,107,107,0.3);z-index:10;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);}.loading-spinner svg{animation:spin 1s linear infinite;}to{transform:rotate(360deg);}}.error-message{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;}.error-message svg{flex-shrink:0;color:#dc2626;}.success-message{display:flex;align-items:center;gap:8px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;}.success-message svg{flex-shrink:0;color:#16a34a;}button:disabled{opacity:0.7;cursor:not-allowed;}button.loading{position:relative;min-height:44px;}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1);}#modals-here{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;}#modals-here > [data-modal]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:modalFadeIn 0.3s ease-out;pointer-events:auto;}#modals-here > [data-modal].opening{animation:modalFadeIn 0.3s ease-out;}#modals-here > [data-modal].closing{animation:modalFadeOut 0.2s ease-in forwards;}to{opacity:1;transform:translateY(0);}}}#modals-here > *{pointer-events:auto;}