body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e0e8ff}#root{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;color:#1a202c;overflow-x:hidden}#root:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#e4e9ff,#dce3ff,#d1d9ff,#fbc2c8,#ffb6a7);z-index:-2}#root:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;z-index:-1;pointer-events:none}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;width:100%;box-sizing:border-box;z-index:10}.logo{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:700;color:#1a202c}.logoIcon{background:linear-gradient(135deg,#a05aff,#ff579b);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.8rem;display:inline-flex}.navLinks{display:flex;gap:2.5rem}.navLinks a{text-decoration:none;color:#4a5568;font-weight:500;transition:color .2s}.navLinks a:hover{color:#1a202c}.authButtons{display:flex;gap:.75rem}.authButtons button{padding:.6rem 1.2rem;border:1px solid transparent;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.loginButton{background-color:#f7fafc;border-color:#e2e8f0;color:#2d3748}.loginButton:hover{background-color:#fff;transform:translateY(-1px)}.getStartedButton{background-color:#1a202c;color:#fff}.getStartedButton:hover{background-color:#000;transform:translateY(-1px)}.hero{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:4rem 2rem 2rem}.headline{font-size:3.75rem;font-weight:600;margin-bottom:1rem;color:#1a202c;letter-spacing:-.025em}.headline strong{font-weight:800}.headline .heartIcon{background:linear-gradient(135deg,#a05aff,#ff579b);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;position:relative;top:6px;font-size:3.2rem}.subheadline{font-size:1.25rem;color:#4a5568;margin-bottom:3rem;max-width:600px}.promptContainer{background:#fff;border-radius:20px;padding:.75rem 1rem .75rem 1.5rem;width:100%;max-width:720px;box-shadow:0 10px 30px #00000012;border:1px solid #e2e8f0;display:flex;flex-direction:column}.promptInputArea{min-height:40px;display:flex;align-items:center;width:100%}.promptControls{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.promptActions{display:flex;align-items:center;gap:.75rem}.promptButton{background:#f1f5f9;border:none;border-radius:16px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4a5568;cursor:pointer;transition:background-color .2s;font-weight:500}.promptButton:hover{background-color:#e2e8f0}.plusButton{padding:.5rem;border-radius:12px}.publicButton{padding:.5rem 1rem}.submitButton{background-color:#4a5568;color:#fff;border-radius:14px;padding:.75rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.submitButton:hover{background-color:#2d3748}.suggestions{margin-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.suggestionButton{background-color:#ffffffb3;border:1px solid rgba(226,232,240,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#4a5568;padding:.6rem 1.2rem;border-radius:16px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.suggestionButton:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 15px #0000000f}.chatInput{width:100%;border:none;outline:none;font-size:1rem;background-color:transparent;color:#1a202c}.chatInput::placeholder{color:#718096}.submitButton:disabled{background-color:#a0aec0;cursor:not-allowed}.statusMessage{margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#fffc;border-radius:12px;color:#2d3748;font-weight:500;max-width:720px;text-align:center}
