:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--fg);background:radial-gradient(1200px 600px at 15% 15%,rgba(255,61,240,.18),transparent 60%),radial-gradient(900px 500px at 80% 10%,rgba(53,234,255,.18),transparent 60%),radial-gradient(800px 600px at 50% 95%,rgba(138,92,255,.18),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg1))}.main-header{position:fixed;top:0;left:0;right:0;width:100%;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:700;letter-spacing:.5px;background:#0b0f1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.brand-name{color:var(--neon-lime);font-weight:700;font-size:18px;text-shadow:0 0 12px rgba(182,255,61,.6)}.credits-display-nav{background:#ffffff1a;border-radius:20px;padding:8px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.credits-display-nav .credits-label{color:#fffc;font-size:.9rem;margin-right:8px}.credits-display-nav .credits-count{color:gold;font-weight:700;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.nav-link{color:var(--fg);text-decoration:none;font-weight:500;font-size:16px;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--neon-cyan);text-shadow:0 0 8px rgba(53,234,255,.6)}.logout-btn{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff!important;padding:8px 16px;border-radius:8px;text-shadow:none!important;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.mobile-menu-btn span{width:20px;height:2px;background:var(--fg);border-radius:1px;transition:all .3s ease}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0f1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center}.mobile-menu{display:flex;flex-direction:column;gap:40px;text-align:center;position:relative}.mobile-close-btn{position:fixed;top:20px;right:20px;background:none;border:none;color:#fff;font-size:32px;font-weight:300;cursor:pointer;padding:8px;line-height:1;transition:all .3s ease;z-index:2001}.mobile-close-btn:hover{color:var(--neon-cyan);text-shadow:0 0 12px rgba(53,234,255,.8);transform:scale(1.1)}.mobile-nav-link{color:var(--fg);text-decoration:none;font-weight:600;font-size:24px;transition:all .3s ease}.mobile-nav-link:hover{color:var(--neon-cyan);text-shadow:0 0 12px rgba(53,234,255,.8)}.mobile-credits-display-main{display:none;background:#ffffff1a;border-radius:15px;padding:12px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin:20px 0;text-align:center}.mobile-credits-display-main .credits-label{color:#fffc;font-size:1rem;margin-right:10px}.mobile-credits-display-main .credits-count{color:gold;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.mobile-credits-display-main{display:block}.main-header{padding:12px 20px}.brand-name{font-size:16px}}.container{max-width:900px;margin:0 auto;padding:80px 20px 20px}h1{font-size:36px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(53,234,255,.35)}p.subtitle{color:var(--muted)}.panel{margin-top:20px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0d;box-shadow:var(--shadow)}.dropzone{border:2px dashed rgba(255,255,255,.22);border-radius:var(--radius);padding:30px;text-align:center;margin-bottom:16px;background:#8a5cff14;color:var(--muted);cursor:pointer;transition:all .3s ease}.dropzone:hover{border-color:var(--neon-cyan);background:#35eaff1f}.uploaded-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.image-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.image-item{position:relative}textarea{width:100%;min-height:100px;border-radius:var(--radius);border:1px solid var(--border);padding:12px;background:#00000059;color:var(--fg);font-size:14px;margin-bottom:16px;resize:vertical;box-sizing:border-box}.btn{display:inline-block;padding:12px 18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;font-weight:700;cursor:pointer;text-shadow:0 0 6px rgba(0,0,0,.6)}.preview{margin-top:20px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);padding:12px}.imgwrap{aspect-ratio:1/1;background:#111;border-radius:12px;position:relative}.download-btn{position:absolute;bottom:8px;right:8px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#000c;color:var(--fg);font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.download-btn:hover{background:#35eaff33;border-color:var(--neon-cyan)}.cheat-codes-link{color:#00bfff;text-decoration:none;font-weight:600;transition:all .3s ease;text-shadow:0 0 10px rgba(0,191,255,.6)}.cheat-codes-link:hover{color:#1e90ff;text-shadow:0 0 20px rgba(0,191,255,.8),0 0 30px rgba(0,191,255,.4)}.neon-pink-text{color:#ff1493;font-weight:600;text-shadow:0 0 10px rgba(255,20,147,.6);animation:neon-glow 2s ease-in-out infinite alternate}@keyframes neon-glow{0%{text-shadow:0 0 10px rgba(255,20,147,.6)}to{text-shadow:0 0 20px rgba(255,20,147,.8),0 0 30px rgba(255,20,147,.4)}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:linear-gradient(135deg,var(--bg2),var(--bg1));border:1px solid var(--border);border-radius:var(--radius);padding:30px;max-width:400px;width:90%;position:relative;box-shadow:var(--shadow);text-align:center}.modal-close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;transition:color .3s ease}.modal-close-btn:hover{color:var(--neon-pink)}.modal-content h3{color:var(--fg);margin-bottom:20px;font-size:24px;font-weight:700}.contact-info p{color:var(--fg);font-size:18px;margin:0}.contact-info strong{color:var(--neon-cyan);font-weight:700}.contact-btn{background:none;border:none;color:var(--fg);text-decoration:none;transition:color .3s ease;cursor:pointer;font-family:inherit;font-size:inherit}.contact-btn:hover{color:var(--neon-cyan)}.mobile-credits-btn{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));border:none;color:#fff;padding:8px 16px;font-size:12px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;font-family:inherit;margin-left:10px;display:inline-block}.mobile-credits-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff3df066;color:#fff;text-decoration:none}.permanent-gallery{margin-top:40px}.permanent-gallery h2{font-size:28px;background:linear-gradient(90deg,var(--neon-purple),var(--neon-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(138,92,255,.35);margin-bottom:20px;text-align:center}.permanent-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.permanent-image-div{aspect-ratio:1/1;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.permanent-image-div:hover{border-color:var(--neon-cyan);background:#35eaff14;transform:translateY(-2px);box-shadow:0 8px 25px #35eaff26}.blonde-image{cursor:pointer}.blonde-image:hover{border-color:var(--neon-lime);background:#b6ff3d14;transform:translateY(-3px);box-shadow:0 10px 30px #b6ff3d33}.redhead-image{cursor:pointer}.redhead-image:hover{border-color:var(--neon-pink);background:#ff3df014;transform:translateY(-3px);box-shadow:0 10px 30px #ff3df033}.braids-image{cursor:pointer}.braids-image:hover{border-color:var(--neon-purple);background:#8a5cff14;transform:translateY(-3px);box-shadow:0 10px 30px #8a5cff33}.whitehair-image{cursor:pointer}.whitehair-image:hover{border-color:var(--neon-cyan);background:#35eaff14;transform:translateY(-3px);box-shadow:0 10px 30px #35eaff33}.bluesuit-image{cursor:pointer}.bluesuit-image:hover{border-color:#4169e1;background:#4169e114;transform:translateY(-3px);box-shadow:0 10px 30px #4169e133}.beach-image{cursor:pointer}.beach-image:hover{border-color:#f4a460;background:#f4a46014;transform:translateY(-3px);box-shadow:0 10px 30px #f4a46033}.pink-image{cursor:pointer}.pink-image:hover{border-color:#ff69b4;background:#ff69b414;transform:translateY(-3px);box-shadow:0 10px 30px #ff69b433}.bikini-image{cursor:pointer}.bikini-image:hover{border-color:#00bfff;background:#00bfff14;transform:translateY(-3px);box-shadow:0 10px 30px #00bfff33}.rose-garden-image{cursor:pointer}.rose-garden-image:hover{border-color:#ffb6c1;background:#ffb6c114;transform:translateY(-3px);box-shadow:0 10px 30px #ffb6c133}.beach-volleyball-image{cursor:pointer}.beach-volleyball-image:hover{border-color:#00ced1;background:#00ced114;transform:translateY(-3px);box-shadow:0 10px 30px #00ced133}.shein-image{cursor:pointer}.shein-image:hover{border-color:gold;background:#ffd70014;transform:translateY(-3px);box-shadow:0 10px 30px #ffd70033}.coffee-shop-image{cursor:pointer}.coffee-shop-image:hover{border-color:#8b4513;background:#8b451314;transform:translateY(-3px);box-shadow:0 10px 30px #8b451333}.weather-image{cursor:pointer}.weather-image:hover{border-color:#ff8c00;background:#ff8c0014;transform:translateY(-3px);box-shadow:0 10px 30px #ff8c0033}.clothing-image{cursor:pointer}.clothing-image:hover{border-color:#8a2be2;background:#8a2be214;transform:translateY(-3px);box-shadow:0 10px 30px #8a2be233}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.placeholder-text{color:var(--muted);font-size:16px;font-weight:500;text-align:center}@media (max-width: 768px){.permanent-image-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.permanent-gallery h2{font-size:24px}.placeholder-text{font-size:14px}}@media (max-width: 480px){.permanent-image-grid{grid-template-columns:repeat(2,1fr);gap:12px}.permanent-gallery h2{font-size:20px}.placeholder-text{font-size:12px}}.gallery-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.image-text-overlay{position:absolute;bottom:8px;left:8px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:4px 8px}.image-text{color:var(--fg);font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius);position:relative}.placeholder-text{color:var(--fg);font-size:16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:1px}.filters-image{cursor:pointer}.filters-image:hover{border-color:var(--neon-cyan);background:#35eaff14;transform:translateY(-3px);box-shadow:0 10px 30px #35eaff33}.signup-page{margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--fg);background:radial-gradient(1200px 600px at 15% 15%,rgba(255,61,240,.18),transparent 60%),radial-gradient(900px 500px at 80% 10%,rgba(53,234,255,.18),transparent 60%),radial-gradient(800px 600px at 50% 95%,rgba(138,92,255,.18),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg1));min-height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;box-sizing:border-box}:root{--bg1:#0b0f1a;--bg2:#0c0022;--fg:#e7f7ff;--muted:#a5b7c7;--neon-pink:#ff3df0;--neon-cyan:#35eaff;--neon-purple:#8a5cff;--neon-lime:#b6ff3d;--border: rgba(255,255,255,.18);--shadow: 0 10px 40px rgba(0,0,0,.45);--radius: 18px}.signup-page header{text-align:center;padding:1rem;margin-top:2rem}.signup-page header h1{font-size:36px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(53,234,255,.35)}.signup-page header p{max-width:600px;margin:auto;font-size:1.1rem;color:var(--muted)}.signin{margin:1.5rem 0;width:100%;display:flex;justify-content:center;box-sizing:border-box}.google-btn{display:inline-block;padding:12px 18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;font-weight:700;cursor:pointer;text-shadow:0 0 6px rgba(0,0,0,.6);transition:all .3s ease}.google-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ff3df099}.google-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{color:#f44;text-align:center;margin-top:1rem;padding:8px;background:#ff44441a;border-radius:4px;border:1px solid rgba(255,68,68,.3)}.signup-page section{width:100%;margin:2rem 0;padding:20px;border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--border);box-shadow:var(--shadow);box-sizing:border-box}.signup-page section h2{text-align:center;font-size:36px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(53,234,255,.35);margin-bottom:1rem}.images{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.images img{height:200px;max-width:280px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .3s ease}.images img:hover{transform:scale(1.05);box-shadow:0 0 20px #ff3df066}.image-container{position:relative;width:100%;max-width:280px}.image-container img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .3s ease}.edited-label{position:absolute;bottom:8px;left:8px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.signup-page header h1{font-size:1.5rem}.signup-page header p{font-size:1rem}.images{display:grid;grid-template-columns:1fr 1fr;gap:1rem;justify-items:center}.images img:nth-child(3):not(.image-container img){grid-column:1 / -1;max-width:100%;width:100%}.images .image-container{grid-column:1 / -1;max-width:100%;width:100%}.images img{width:100%;max-width:none;height:150px}}.effects-container{max-width:1200px;margin:0 auto;padding:80px 20px 20px}.effects-container h1{font-size:36px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(53,234,255,.35);text-align:center;margin-bottom:40px}.effects-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.upload-section{display:flex;flex-direction:column}.upload-section h3{color:var(--fg);font-size:24px;margin-bottom:20px;text-align:center}.effects-dropzone{border:2px dashed rgba(255,255,255,.22);border-radius:var(--radius);padding:40px;text-align:center;background:#8a5cff14;color:var(--muted);cursor:pointer;transition:all .3s ease;min-height:300px;display:flex;align-items:center;justify-content:center}.effects-dropzone:hover{border-color:var(--neon-cyan);background:#35eaff1f}.uploaded-preview{position:relative;width:100%;height:100%}.uploaded-image{width:100%;height:100%;max-height:300px;object-fit:cover;border-radius:var(--radius)}.remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--neon-pink);color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff3df066}.remove-btn:hover{background:#ff1de0;transform:scale(1.1)}.reference-section{display:flex;flex-direction:column}.reference-section h3{color:var(--fg);font-size:24px;margin-bottom:20px;text-align:center}.reference-image-container{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0d;padding:20px;text-align:center}.reference-image{width:100%;height:300px;object-fit:cover;border-radius:var(--radius);margin-bottom:15px}.reference-label{color:var(--neon-cyan);font-size:18px;font-weight:600;text-transform:capitalize;text-shadow:0 0 8px rgba(53,234,255,.6)}.generate-section{text-align:center;margin-top:20px}.generate-btn{display:inline-block;padding:16px 32px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;font-weight:700;font-size:18px;cursor:pointer;text-shadow:0 0 6px rgba(0,0,0,.6);transition:all .3s ease;min-width:250px}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff3df066}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.results-section{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.results-section h3{color:var(--fg);font-size:24px;margin-bottom:20px;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.result-card{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);padding:15px;transition:all .3s ease}.result-card:hover{border-color:var(--neon-cyan);background:#35eaff14;transform:translateY(-2px);box-shadow:0 8px 25px #35eaff26}.result-image-container{position:relative;width:100%}.result-image{width:100%;height:300px;object-fit:cover;border-radius:var(--radius);margin-bottom:10px}.download-result-btn{position:absolute;bottom:15px;right:15px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#000c;color:var(--fg);font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.download-result-btn:hover{background:#35eaff33;border-color:var(--neon-cyan);transform:scale(1.05)}.text-result{color:var(--muted);font-size:14px;padding:15px;background:#0003;border-radius:var(--radius);line-height:1.5}.shein-warning{color:tomato;font-size:14px;margin:10px 0 20px;padding:10px;background:#ff63471a;border:1px solid rgba(255,99,71,.3);border-radius:8px;text-align:center}.error-message{color:var(--neon-pink);text-align:center;margin:20px 0;font-size:16px;padding:12px;background:#ff3df01a;border:1px solid rgba(255,61,240,.3);border-radius:var(--radius)}.eyes-selection-section,.weather-selection-section,.clothing-selection-section,.filter-selection-section{margin-bottom:30px;padding:20px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius)}.selection-group{margin-bottom:25px}.selection-group h4{color:var(--fg);font-size:18px;margin-bottom:12px;text-align:center;font-weight:600}.selection-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.selection-btn{padding:8px 16px;border:2px solid rgba(255,255,255,.2);border-radius:20px;background:#ffffff0d;color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;min-width:80px}.selection-btn:hover{border-color:var(--neon-cyan);background:#35eaff1a;transform:translateY(-1px);box-shadow:0 4px 12px #35eaff33}.selection-btn.selected{border-color:var(--neon-pink);background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 15px #ff3df04d}.selection-preview{margin-top:20px;padding:15px;background:#8a5cff1a;border:1px solid rgba(138,92,255,.3);border-radius:var(--radius);text-align:center}.selection-preview p{color:var(--fg);font-size:16px;margin:0}.selection-preview strong{color:var(--neon-lime);font-weight:700}@media (max-width: 768px){.effects-layout{grid-template-columns:1fr;gap:30px}.effects-container h1{font-size:28px}.upload-section h3,.reference-section h3{font-size:20px}.effects-dropzone{padding:30px;min-height:250px}.reference-image{height:250px}.generate-btn{padding:14px 28px;font-size:16px;min-width:200px}.eyes-selection-section{padding:15px;margin-bottom:20px}.selection-group h4{font-size:16px}.selection-buttons{gap:8px}.selection-btn{padding:6px 12px;font-size:12px;min-width:70px}.selection-preview p{font-size:14px}}.pricing-page{margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--fg);background:radial-gradient(1200px 600px at 15% 15%,rgba(255,61,240,.18),transparent 60%),radial-gradient(900px 500px at 80% 10%,rgba(53,234,255,.18),transparent 60%),radial-gradient(800px 600px at 50% 95%,rgba(138,92,255,.18),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg1));min-height:100vh;width:100%;box-sizing:border-box}.main-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.brand-name{font-size:24px;font-weight:700;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(53,234,255,.35);text-decoration:none;transition:all .3s ease}.brand-name:hover{transform:scale(1.05);filter:brightness(1.2)}.desktop-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--fg);text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .3s ease;background:none;border:none;font-size:16px;cursor:pointer;font-family:inherit}.nav-link:hover{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;text-shadow:0 0 6px rgba(0,0,0,.6)}.logout-btn{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;font-weight:600}.logout-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ff3df099}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{width:20px;height:2px;background:var(--neon-cyan);border-radius:1px;transition:all .3s ease}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center}.mobile-menu{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1rem;min-width:250px;position:relative}.mobile-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:var(--fg);font-size:24px;cursor:pointer}.mobile-nav-link{color:var(--fg);text-decoration:none;padding:12px 16px;border-radius:8px;transition:all .3s ease;text-align:center;background:none;border:none;font-size:16px;cursor:pointer;font-family:inherit}.mobile-nav-link:hover{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}}.pricing-page .container{max-width:1200px;margin:0 auto;padding:120px 20px 40px}.pricing-header{text-align:center;margin-bottom:30px}.credits-display{background:#ffffff1a;border-radius:15px;padding:15px 25px;margin-top:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.credits-label{font-size:1rem;opacity:.9;margin-right:10px}.credits-count{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pricing-header h1{font-size:48px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(53,234,255,.35);margin-bottom:1rem}.pricing-header p{font-size:1.2rem;color:var(--muted);margin:0}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.pricing-card{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;position:relative;box-shadow:var(--shadow);transition:all .3s ease}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0009}.pricing-card.popular{border:2px solid var(--neon-pink);box-shadow:0 0 30px #ff3df04d;transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.6)}.pricing-card h3{font-size:24px;color:var(--fg);margin-bottom:1rem;font-weight:600}.price{margin:1.5rem 0}.currency{font-size:24px;color:var(--neon-cyan);vertical-align:top}.amount{font-size:48px;font-weight:700;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.features{margin:1.5rem 0}.features p{color:var(--muted);font-size:16px;margin:.5rem 0}.plan-btn{display:inline-block;padding:12px 24px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));color:#fff;font-weight:700;text-decoration:none;cursor:pointer;text-shadow:0 0 6px rgba(0,0,0,.6);transition:all .3s ease;margin-top:1rem}.plan-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ff3df099}.pricing-card.popular .plan-btn{background:linear-gradient(90deg,var(--neon-lime),var(--neon-purple));box-shadow:0 0 20px #b6ff3d66}.pricing-card.popular .plan-btn:hover{box-shadow:0 0 25px #b6ff3d99}@media (max-width: 768px){.pricing-header h1{font-size:36px}.pricing-plans{grid-template-columns:1fr;gap:1.5rem}.pricing-card.popular{transform:none}.amount{font-size:36px}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px}.payment-card{background:#fffffff2;color:#333;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-card h1{text-align:center;margin-bottom:30px;color:#333;font-size:2rem;font-weight:600}.selected-plan{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;padding:25px;margin-bottom:30px;text-align:center}.selected-plan h2{margin:0 0 15px;font-size:1.5rem;font-weight:600}.plan-details{display:flex;justify-content:space-between;align-items:center}.plan-details .price{font-size:2rem;font-weight:700}.plan-details .credits{font-size:1.1rem;opacity:.9}.payment-form{margin-top:30px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group input.error{border-color:#e74c3c}.form-group small{display:block;margin-top:5px;color:#666;font-size:.9rem}.error-message{background:#fee;color:#e74c3c;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc}.status-message{background:#e8f5e8;color:#27ae60;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #c8e6c8}.pay-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px}.pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-info{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:20px}.payment-info h3{margin:0 0 15px;color:#333;font-size:1.1rem}.payment-info ol{margin:0;padding-left:20px;color:#666}.payment-info li{margin-bottom:8px;line-height:1.5}.transaction-info{margin-top:20px;padding:15px;background:#e8f4fd;border-radius:8px;border-left:4px solid #667eea}.transaction-info small{color:#666;font-size:.8rem;font-weight:600}.transaction-info p{margin:8px 0 0;color:#555;font-size:.9rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#fff}@media (max-width: 768px){.payment-container{padding:10px;min-height:calc(100vh - 60px)}.payment-card{padding:25px;margin:10px}.payment-card h1{font-size:1.5rem}.selected-plan{padding:20px}.plan-details{flex-direction:column;gap:10px}.plan-details .price{font-size:1.8rem}}.main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-name{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.desktop-nav{display:flex;gap:20px;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:10px 20px;border-radius:25px;transition:all .3s ease;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link:hover{background:#fff3}.logout-btn{background:#fff3;border:1px solid rgba(255,255,255,.3)}@media (max-width: 768px){.main-header{padding:15px 20px}.brand-name{font-size:1.2rem}.desktop-nav{gap:10px}.nav-link{padding:8px 15px;font-size:.9rem}}.cheat-codes-container{min-height:100vh;background:#fff!important;color:#333;font-family:Inter,sans-serif;position:relative;z-index:1}.cheat-codes-content{max-width:1200px;margin:0 auto;padding:2rem}.return-home-btn{display:inline-block;background:#007bff;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;margin-bottom:2rem;transition:all .3s ease}.return-home-btn:hover{background:#0056b3;transform:translateY(-1px)}.main-heading{font-size:2.5rem;color:#333;margin:2rem 0 1rem;font-weight:700;text-align:left}.sub-heading{font-size:1.2rem;color:#666;margin:0 0 2rem;font-weight:400;line-height:1.6;text-align:left}.cheat-code-section{margin-bottom:3rem;padding:2rem;border:1px solid #e0e0e0;border-radius:12px;background:#f9f9f9}.cheat-code-title{font-size:1.5rem;color:#333;margin-bottom:1rem;font-weight:600;text-align:left}.cheat-code-description{color:#666;margin-bottom:1.5rem;line-height:1.6;text-align:left}.template-section,.prompt-section{margin-bottom:1.5rem}.template-section h4,.prompt-section h4{color:#333;margin-bottom:.5rem;font-weight:600;text-align:left}.template-text{background:#fff;padding:1rem;border-radius:8px;border:1px solid #ddd;color:#555;font-family:Courier New,monospace;line-height:1.5;text-align:left}.prompt-text{background:#e8f4fd;padding:1rem;border-radius:8px;border:1px solid #b3d9f2;color:#2c5282;font-style:italic;line-height:1.5;text-align:left}.image-area{margin-top:2rem}.image-container{display:flex;gap:1rem;justify-content:center;padding:1rem 0;flex-wrap:wrap;max-width:100%}.image-container.three-images{gap:1rem;flex-wrap:wrap;max-width:100%}.example-image{width:180px;height:180px;object-fit:cover;border-radius:8px;border:2px solid #ddd;background:#fff}.image-slot{display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-label{color:#333;font-size:.9rem;font-weight:600;text-align:left}@media (max-width: 768px){.image-container{justify-content:flex-start;overflow-x:auto;gap:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap}.image-slot{flex-shrink:0}.example-image{width:150px;height:150px}.image-container.three-images{overflow-x:auto;flex-wrap:nowrap}.image-container.three-images .image-slot{flex-shrink:0}.image-container::-webkit-scrollbar{height:6px}.image-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.image-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.image-container::-webkit-scrollbar-thumb:hover{background:#999}}.best-practices-section{margin-top:4rem;padding:2rem;background:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.best-practices-title{font-size:2rem;color:#333;margin-bottom:1rem;text-align:left;font-weight:700}.best-practices-intro{color:#666;font-size:1.1rem;text-align:left;margin-bottom:2rem;line-height:1.6}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.practice-item{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.practice-item h3{color:#2c5282;font-size:1.2rem;margin-bottom:.75rem;font-weight:600}.practice-item p{color:#555;line-height:1.6;margin:0;text-align:left}@media (max-width: 768px){.practices-grid{grid-template-columns:1fr;gap:1rem}.best-practices-section{margin-top:2rem;padding:1.5rem}.best-practices-title{font-size:1.5rem}}.tip-section{margin-bottom:3rem}.tip-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--neon-blue);text-align:center}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.tip-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .3s ease,border-color .3s ease}.tip-card:hover{transform:translateY(-2px);border-color:var(--neon-blue)}.tip-card h3{color:var(--neon-pink);margin-bottom:1rem;font-size:1.2rem}.tip-card p{margin-bottom:.5rem;line-height:1.6}.tip-card strong{color:var(--neon-green)}.edit-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.example-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.example-card h4{color:var(--neon-purple);margin-bottom:1rem;font-size:1.1rem}.example-card ul{list-style:none;padding:0;margin:0}.example-card li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:var(--muted)}.example-card li:last-child{border-bottom:none}.pro-tips{display:flex;flex-direction:column;gap:1.5rem}.pro-tip{display:flex;align-items:flex-start;gap:1rem;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tip-number{background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.pro-tip h4{color:var(--neon-green);margin-bottom:.5rem}.pro-tip p{color:var(--muted);line-height:1.6;margin:0}.avoid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.avoid-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;border-left:4px solid var(--neon-pink)}.avoid-card h4{color:var(--neon-pink);margin-bottom:1rem}.avoid-card p{color:var(--muted);line-height:1.6;margin:0}.cta-section{text-align:center;margin-top:3rem;padding:2rem;background:var(--panel-bg);border-radius:16px;border:1px solid var(--border-color)}.cta-section h3{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.cta-btn{display:inline-block;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #007bff4d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.cheat-codes-link{color:var(--neon-blue);text-decoration:none;font-weight:600;transition:color .3s ease}.cheat-codes-link:hover{color:var(--neon-purple);text-decoration:underline}@media (max-width: 768px){.cheat-codes-header{padding:1.5rem}.back-btn{left:1rem;top:1rem}.cheat-codes-header h1{font-size:2rem}.cheat-codes-content{padding:1rem}.tip-grid,.edit-examples,.avoid-grid{grid-template-columns:1fr}.pro-tip{flex-direction:column;text-align:center}}.contact-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 15% 15%,rgba(255,61,240,.18),transparent 60%),radial-gradient(900px 500px at 80% 10%,rgba(53,234,255,.18),transparent 60%),radial-gradient(800px 600px at 50% 95%,rgba(138,92,255,.18),transparent 60%),linear-gradient(180deg,#0c0022,#0b0f1a)}.contact-container{text-align:center;background:linear-gradient(135deg,#0c0022cc,#0b0f1acc);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:60px 40px;box-shadow:0 10px 40px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:90%}.contact-container h1{color:#e7f7ff;font-size:36px;font-weight:700;margin-bottom:40px;font-family:Poppins,sans-serif}.phone-number{margin:40px 0}.phone-number p{color:#e7f7ff;font-size:28px;margin:0;font-family:Poppins,sans-serif}.phone-number strong{color:#35eaff;font-weight:700;font-size:32px}.back-btn{background:linear-gradient(135deg,#ff3df0,#8a5cff);border:none;color:#fff;padding:16px 32px;font-size:18px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;margin-top:30px}.back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff3df066}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}