@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--glass-bg:#ffffff1a;--glass-border:#fff3;--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--accent-gradient:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);--text-color:#fff;--secondary-text:#ffffffb3;--input-bg:#ffffff0d;--accent:#bb86fc}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:#0f0c29;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}.animated-bg{z-index:-1;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;width:100vw;height:100vh;animation:15s infinite gradientBG;position:fixed;top:0;left:0}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:40px;box-shadow:0 8px 32px #1f26875e}.btn{cursor:pointer;border:none;border-radius:50px;padding:15px 35px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px #764ba24d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #764ba266}.btn-secondary{background:var(--glass-bg);color:#fff;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary:hover{background:#ffffff1a}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 20px #4facfe4d}.btn-accent:hover{transform:translateY(-3px);box-shadow:0 15px 30px #4facfe66}.btn-outline{border:1px solid var(--glass-border);color:#fff;background:0 0;border-radius:10px;padding:14px 28px}.btn-generate{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:30px;padding:16px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 4px 15px #0003}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.7;cursor:wait}.form-group{margin-bottom:25px}label{color:#ffffffe6;margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}input,textarea{background:var(--input-bg);border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}input:focus,textarea:focus{background:#ffffff26;border-color:#ffffff80;outline:none;box-shadow:0 0 15px #ffffff1a}textarea{resize:vertical;min-height:100px}.spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.copy-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:.8rem;transition:all .2s}.copy-btn:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--secondary-text);background:#0f0c2980;padding:50px;font-size:.9rem}@media (max-width:768px){.glass-card{padding:20px}}