[data-v-8d98d478]{margin:0;padding:0;box-sizing:border-box}body[data-v-8d98d478]{overflow-x:hidden}html,body{overflow-x:hidden;width:100%;position:relative}#app{overflow-x:hidden;width:100%}.hero-container[data-v-8d98d478]{position:relative;width:100%;min-height:100vh;background:#f3e8ff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.circle[data-v-8d98d478]{position:absolute;border-radius:50%;opacity:1}.circle-purple-top-left[data-v-8d98d478]{width:215px;height:215px;border:15px solid rgb(139,92,246);top:-10%;left:-5%;transform:rotate(-28deg)}.circle-orange-top-right[data-v-8d98d478]{width:215px;height:215px;border:15px solid rgb(255,123,84);top:-10%;right:-4%;transform:rotate(38deg)}.circle-orange-bottom-left[data-v-8d98d478]{width:215px;height:215px;border:15px solid rgb(255,123,84);bottom:20%;left:-17%;transform:rotate(-15deg)}.circle-cyan-bottom-right[data-v-8d98d478]{position:absolute;width:400px;height:400px;border:15px solid rgb(127,255,212);border-radius:50%;top:40vh;right:-15%;transform:rotate(29deg);z-index:3;opacity:1;pointer-events:none}.circle-orange-bottom-left[data-v-8d98d478]{position:absolute;width:350px;height:350px;border:15px solid rgb(255,123,84);border-radius:50%;top:90vh;right:-10%;transform:rotate(29deg);z-index:3;opacity:1;pointer-events:none}.color-circles-container[data-v-8d98d478]{position:absolute;left:8%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(2,300px);grid-template-rows:auto auto;gap:0;justify-items:center;z-index:2}.color-circle[data-v-8d98d478]{position:relative;width:300px;height:300px;border-radius:50%;cursor:pointer;transition:all .3s ease}.color-circle-1[data-v-8d98d478]{grid-column:1 / 3;margin-bottom:-40px}.color-circle-2[data-v-8d98d478]{margin-right:-40px;z-index:3}.color-circle-3[data-v-8d98d478]{z-index:3}.color-circle[data-v-8d98d478]:hover{transform:scale(1.05);z-index:5}.palette-preview[data-v-8d98d478]{position:absolute;left:5%;top:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .2s ease;pointer-events:none}.palette-bubble[data-v-8d98d478]{width:140px;height:50px;background:#fff;border-radius:20px;position:absolute;left:78px;top:50%;transform:translateY(-50%);z-index:2;transition:background .3s ease}.palette-bubble.copied[data-v-8d98d478]{background:#22c55e}.bubble-arrow[data-v-8d98d478]{position:absolute;width:52px;height:58px;background:#fff;clip-path:polygon(50% 0%,0% 100%,100% 100%);top:0%;transform:translateY(-50%);z-index:2;transition:background .3s ease}.bubble-arrow.copied[data-v-8d98d478]{background:#22c55e}.palette-hex[data-v-8d98d478]{position:relative;left:100px;top:60%;font-size:20px;font-weight:500;color:#000;z-index:3}.palette-copied[data-v-8d98d478]{position:relative;background-color:#22c55e;border-radius:25px;padding:5px 7px;left:60px;top:-40px;font-size:12px;font-weight:400;color:#000;z-index:3}.main-content[data-v-8d98d478]{position:relative;z-index:20;max-width:600px;text-align:center;margin-left:auto;margin-right:5%;padding-left:4rem}.input-section[data-v-8d98d478]{margin-bottom:4rem}.input-label[data-v-8d98d478]{display:block;font-size:28px;font-weight:500;color:#000;margin-bottom:1rem}.input-description[data-v-8d98d478]{font-size:16px;font-weight:400;color:#6b7280;margin-bottom:1rem}.input-container[data-v-8d98d478]{display:flex;align-items:center;gap:1rem}.input-wrapper[data-v-8d98d478]{position:relative;background:#fff;border-radius:7px;padding:1.25rem 1.5rem;display:flex;align-items:center;flex:1;box-shadow:0 2px 8px #0000000d}.generate-btn[data-v-8d98d478]{width:36px;height:36px;min-width:36px;background:#8b5cf6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #8b5cf64d;flex-shrink:0}.generate-btn[data-v-8d98d478]:hover:not(:disabled){background:#7c4de6;transform:scale(1.05);box-shadow:0 4px 8px #8b5cf666}.generate-btn[data-v-8d98d478]:active:not(:disabled){transform:scale(.95)}.generate-btn[data-v-8d98d478]:disabled{opacity:.6;cursor:not-allowed}.generate-btn svg[data-v-8d98d478]{flex-shrink:0}.loading-spinner[data-v-8d98d478]{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8d98d478 .8s linear infinite}@keyframes spin-8d98d478{to{transform:rotate(360deg)}}.error-message[data-v-8d98d478]{margin-top:.75rem;padding:.75rem;background:#fee2e2;border:1px solid rgb(239,68,68);border-radius:7px;color:#b91c1c;font-size:14px;text-align:center}.input-icon[data-v-8d98d478]{font-size:32px;font-weight:600;color:#000}.prompt-input[data-v-8d98d478]{flex:1;border:none;outline:none;font-size:20px;font-family:inherit;color:#000;background:transparent}.prompt-input[data-v-8d98d478]::placeholder{color:#999}.prompt-input[data-v-8d98d478]:disabled{opacity:.6;cursor:not-allowed}.try-another-btn[data-v-8d98d478]{margin-top:1.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid rgb(138,79,255);border-radius:7px;color:#8a4fff;font-size:18px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease}.try-another-btn[data-v-8d98d478]:hover{background:#8a4fff;color:#fff}.try-another-btn[data-v-8d98d478]:disabled{opacity:.5;cursor:not-allowed}.try-another-btn[data-v-8d98d478]:disabled:hover{background:transparent;color:#8a4fff}.arrow-icon[data-v-8d98d478]{width:30px;height:30px}.hero-title[data-v-8d98d478]{font-size:35px;font-weight:500;line-height:1.2;color:#000;margin-bottom:1.5rem}.hero-subtitle[data-v-8d98d478]{font-size:30px;font-weight:300;color:#6b7280;margin-bottom:2rem}.cta-button[data-v-8d98d478]{padding:1rem 1.5rem;background:#8b5cf6;border:none;border-radius:7px;color:#fff;font-size:20px;font-weight:500;cursor:pointer;box-shadow:0 4px 6px #00000040;transition:all .3s ease}.cta-button[data-v-8d98d478]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d;background:#7c4de6}.cta-button[data-v-8d98d478]:active{transform:translateY(0)}.discover-section[data-v-8d98d478]{position:relative;width:100%;min-height:100vh;background:#f3e8ff;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;z-index:2;overflow:hidden}.circle-discover-purple-left[data-v-8d98d478]{width:280px;height:280px;border:15px solid rgb(127,255,212);top:80%;left:-8%;transform:rotate(-35deg);z-index:1}.circle-discover-orange-right[data-v-8d98d478]{width:320px;height:320px;border:15px solid rgb(255,123,84);bottom:10%;right:-10%;transform:rotate(42deg);z-index:1}.circle-discover-cyan-top[data-v-8d98d478]{width:180px;height:180px;border:15px solid rgb(139,92,246);top:5%;right:15%;transform:rotate(-18deg);z-index:1}.content-box[data-v-8d98d478]{position:relative;background:#fff;border-radius:20px;padding:3rem;max-width:800px;width:100%;box-shadow:0 10px 30px #0000001a;z-index:4}.section-title[data-v-8d98d478]{font-size:42px;font-weight:600;color:#8b5cf6;margin-bottom:2rem;text-align:center}.section-text[data-v-8d98d478]{font-size:18px;line-height:1.8;color:#333;margin-bottom:1.5rem;text-align:left}.feature-list[data-v-8d98d478]{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid rgb(243,232,255)}.feature-item[data-v-8d98d478]{display:flex;align-items:center;gap:1rem;font-size:18px;color:#333}.feature-icon[data-v-8d98d478]{font-size:24px}.privacy-policy-container[data-v-8d98d478]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;text-align:center}.privacy-policy-container a[data-v-8d98d478]{color:#8b5cf6;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.privacy-policy-container a[data-v-8d98d478]:hover{text-decoration:underline;color:#7c4de6}@media(max-width:1400px){.color-circle[data-v-8d98d478]{width:200px;height:200px}.color-circle-1[data-v-8d98d478]{margin-bottom:-30px}.color-circle-2[data-v-8d98d478]{margin-right:-30px}.color-circles-container[data-v-8d98d478]{grid-template-columns:repeat(2,200px)}.palette-preview[data-v-8d98d478]{transform:translate(-50%,-50%) scale(.85)}.main-content[data-v-8d98d478]{margin-right:3%;padding-left:2rem}}@media(max-width:1200px){.hero-title[data-v-8d98d478]{font-size:48px}.hero-subtitle[data-v-8d98d478]{font-size:28px}.cta-button[data-v-8d98d478]{font-size:28px;padding:1.25rem 2.5rem}.color-circle[data-v-8d98d478]{width:150px;height:150px}.color-circle-1[data-v-8d98d478]{margin-bottom:-25px}.color-circle-2[data-v-8d98d478]{margin-right:-25px}.color-circles-container[data-v-8d98d478]{grid-template-columns:repeat(2,150px)}.palette-preview[data-v-8d98d478]{transform:translate(-50%,-50%) scale(.7)}}@media(max-width:968px){.hero-container[data-v-8d98d478]{flex-direction:column;justify-content:center}.color-circles-container[data-v-8d98d478]{position:relative;left:0;top:0;transform:none;margin-bottom:2rem;grid-template-columns:repeat(2,100px)}.color-circle[data-v-8d98d478]{width:150px;height:150px}.color-circle-1[data-v-8d98d478]{margin-bottom:-20px}.color-circle-2[data-v-8d98d478]{margin-right:25px}.color-circle-3[data-v-8d98d478]{margin-left:25px}.palette-preview[data-v-8d98d478]{transform:translate(-50%,-50%) scale(.75)}.main-content[data-v-8d98d478]{margin:0;max-width:100%;padding-left:0}.hero-title[data-v-8d98d478]{font-size:36px}.hero-subtitle[data-v-8d98d478],.input-label[data-v-8d98d478],.cta-button[data-v-8d98d478]{font-size:24px}.content-box[data-v-8d98d478]{padding:2rem}.section-title[data-v-8d98d478]{font-size:32px}.section-text[data-v-8d98d478],.feature-item[data-v-8d98d478]{font-size:16px}}@media(max-width:640px){.hero-title[data-v-8d98d478]{font-size:28px}.hero-subtitle[data-v-8d98d478],.input-label[data-v-8d98d478]{font-size:20px}.input-container[data-v-8d98d478]{gap:.75rem}.input-wrapper[data-v-8d98d478]{padding:1rem 1.25rem}.prompt-input[data-v-8d98d478]{font-size:16px}.generate-btn[data-v-8d98d478]{width:48px;height:48px;min-width:48px}.generate-btn svg[data-v-8d98d478]{width:18px;height:18px}.cta-button[data-v-8d98d478]{font-size:20px;padding:1rem 2rem}.circle[data-v-8d98d478]{opacity:.6}.circle-purple-top-left[data-v-8d98d478],.circle-orange-top-right[data-v-8d98d478],.circle-orange-bottom-left[data-v-8d98d478]{width:150px;height:150px}.circle-purple-bottom-left[data-v-8d98d478]{width:200px;height:200px}.circle-cyan-bottom-right[data-v-8d98d478]{width:250px;height:250px;right:-30%}.circle-orange-bottom-left[data-v-8d98d478]{right:-20%}.circle-discover-purple-left[data-v-8d98d478]{width:180px;height:180px}.circle-discover-orange-right[data-v-8d98d478]{width:200px;height:200px}.circle-discover-cyan-top[data-v-8d98d478]{width:120px;height:120px}.content-box[data-v-8d98d478]{padding:1.5rem}.section-title[data-v-8d98d478]{font-size:28px}.section-text[data-v-8d98d478],.feature-item[data-v-8d98d478]{font-size:15px}.feature-icon[data-v-8d98d478]{font-size:20px}}