@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--bg-color:#0f172a;--surface:#1e293b99;--surface-hover:#33415599;--border:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--glow:#8b5cf666;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-color);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15%,#8b5cf626,#0000 25%),radial-gradient(circle at 85% 30%,#38bdf826,#0000 25%);background-color:var(--bg-color);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;display:flex}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.app-container{width:100%;max-width:1000px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem;animation:.8s ease-out forwards fade-in-down}.title{background:linear-gradient(135deg,#a78bfa,#38bdf8);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1.1rem}.tabs{justify-content:center;gap:1rem;margin-bottom:2rem;animation:.8s ease-out forwards fade-in-up;display:flex}.tab-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.tab-btn:hover{background:var(--surface-hover);color:var(--text-main);transform:translateY(-2px)}.tab-btn.active{border-color:var(--primary);color:var(--primary);background:#8b5cf626;box-shadow:0 0 20px #8b5cf633}.generator-card{padding:2.5rem;animation:.6s ease-out forwards fade-in-up}.card-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.form-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}label{color:var(--text-muted);margin-left:.25rem;font-size:.9rem;font-weight:500}input{border:1px solid var(--border);color:var(--text-main);background:#0f172a66;border-radius:12px;padding:.875rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}input:focus{border-color:var(--primary);background:#0f172a99;outline:none;box-shadow:0 0 0 3px #8b5cf626}input::placeholder{color:#94a3b866}.action-btn{background:linear-gradient(135deg, var(--primary), #38bdf8);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:2rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #8b5cf64d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.action-btn:active{transform:translateY(1px)}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.footer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border-radius:16px;margin-top:5rem;padding:3rem 0 1.5rem;animation:1s ease-out forwards fade-in-up}.footer-content{grid-template-columns:2fr 1fr;gap:3rem;padding:0 2rem;display:grid}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:2rem}}.about-us h4,.footer-links h4{color:var(--text-main);margin-bottom:1rem;font-size:1.15rem;font-weight:600}.about-us p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.footer-links{flex-direction:column;gap:.85rem;display:flex}.footer-links a{color:var(--text-muted);align-items:center;font-size:.95rem;text-decoration:none;transition:color .2s;display:flex}.footer-links a:hover{color:var(--primary)}.copyright{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}