@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Segoe UI,sans-serif;background-color:#0e0e0e;color:#fff;height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;padding:0 1rem}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.chat-header h1{font-size:2rem}.chat-header button{background:#181818;padding:.6rem 1.2rem;border-radius:999px;color:#fff;cursor:pointer;border:none}.chat-body{flex:1;overflow-y:auto}.chat-messages{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.chat-bubble{max-width:85%;padding:.9rem 1.2rem;border-radius:1rem;animation:fadeIn .3s ease;line-height:1.5}.user{background-color:#1a1a1a;align-self:flex-end}.bot{background-color:#222;align-self:flex-start}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:2rem 0}.prompt-card{background-color:#181818;border-radius:1rem;padding:1rem;position:relative;cursor:pointer;transition:background .3s;min-height:120px}.prompt-card:hover{background-color:#2a2a2a}.prompt-icon{position:absolute;bottom:1rem;right:1rem;font-size:1.2rem;color:#ccc}.chat-footer{position:sticky;bottom:0;background-color:#0e0e0e;padding:1rem 0;display:flex;flex-direction:column;align-items:center}.input-box{width:100%;max-width:600px;background-color:#181818;border-radius:999px;padding:.5rem 1rem;display:flex;align-items:center}.input-box input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none}.send-btn{background:none;border:none;color:#4ade80;font-size:1.5rem;cursor:pointer;margin-left:.5rem}.credit-text{margin-top:.5rem;font-size:.8rem;color:gray}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-header h1{font-size:1.5rem}.prompt-card{font-size:.95rem}.input-box{width:90%}.credit-text{text-align:center}}.spinner{animation:spin 1s linear infinite;font-size:1.5rem;color:#4ade80}.typing{animation:fadeInText .3s ease-in-out}@keyframes fadeInText{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-buttons{display:flex;gap:.5rem}.action-buttons button{background:#181818;border:none;padding:.5rem 1rem;border-radius:30px;color:#fff;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.action-buttons button:hover{background-color:#2a2a2a}.typing{animation:fadeInText .2s ease-in-out}@keyframes fadeInText{0%{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.greeting-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:40px;animation:fadeInUp 1s ease forwards}.gradient-text{font-size:3rem;font-weight:700;background:linear-gradient(270deg,#00fff7,#8a2be2,#ff69b4,#00fff7);background-size:800% 800%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:colorShift 6s ease infinite,fadeInUp 1s ease forwards}.subtitle{font-size:1.3rem;color:#ccc;margin-top:10px;animation:fadeInUp 1.3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes colorShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 640px){.gradient-text{font-size:2rem}.subtitle{font-size:1rem}}.footer-section{text-align:center;margin-top:20px}.credit-text{font-size:14px;color:#888;margin-bottom:8px}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.github-icon{font-size:22px;color:#666;transition:transform .3s ease,color .3s ease}.github-icon:hover{transform:scale(1.2);color:#dd38dd}.social-icon{font-size:22px;color:#666;transition:transform .3s ease,color .3s ease}.social-icon:hover{transform:scale(1.2);color:#07f}.social-icons{margin-top:10px;display:flex;gap:16px;justify-content:center}.icon-link{font-size:24px;color:#555;transition:transform .3s ease,color .3s ease}.icon-link:hover{transform:scale(1.2);color:#d56025}