body{margin:0;font-family:Segoe UI,sans-serif;background-color:#000;color:#e2e2e2}.app{display:flex;flex-direction:column;align-items:center;padding:20px}.header{text-align:center;margin-bottom:20px;width:100%}.header h1{font-size:35px;font-weight:700}.highlight{color:#175dcd}.header p1{color:#aaa;font-size:15px}.search-bar{width:100%;max-width:600px;margin-bottom:20px;background:#1a1a1a;padding:16px;border-radius:12px;transition:all .5s ease-in-out}.search-results{list-style:none;padding-left:0;margin-top:12px}.search-results li{margin-bottom:6px;color:#ccc}.chat-box{width:100%;max-width:650px;display:flex;flex-direction:column;gap:12px;margin-bottom:80px}.answer-block{padding:1px 20px;border-radius:15px;animation:fadeIn .4s ease-in-out}.answer-block.user{background-color:#1a1a1a;text-align:right;align-self:flex-end}.answer-block.ai{background-color:#ffffff0d;text-align:left;align-self:flex-start}.chat-input{position:fixed;bottom:0;left:0;right:0;background-color:#060606;padding:15px;display:flex;justify-content:center;gap:20px;border-top:1px solid #333}.chat-input input{width:50%;padding:18px;font-size:18px;border-radius:15px;background-color:#121212;color:#fff;border:none;outline:none}.chat-input button{padding:15px 18px;font-size:18px;background-color:#0c3982;border:none;border-radius:15px;color:#fff;cursor:pointer;transition:background .3s ease}.chat-input button:hover{background-color:#021a4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;height:100vh}.chat-scroll-area{flex:1;overflow-y:auto}.chat-suggestions{width:100%;max-width:600px;display:flex;flex-wrap:wrap;gap:10px;margin:0 auto 14px;justify-content:center}.suggestion-bubble{background:#171e38;color:#3b82f6;border:none;border-radius:15px;padding:8px 18px;font-size:1rem;cursor:pointer;transition:background .15s,color .15s;margin-bottom:4px}.suggestion-bubble:hover,.suggestion-bubble:focus{background:#073a8c;color:#fff}@media (max-width: 600px){.app{padding:8px}.header h1{font-size:24px}.header p1{font-size:12px}.chat-box,.chat-suggestions,.search-bar{max-width:100%;width:100%;padding:0;border-radius:0}.chat-input input{width:100%;min-width:0;font-size:16px;padding:14px 12px}.chat-input button{width:20%;font-size:16px;padding:12px 0}.suggestion-bubble{font-size:.97rem;padding:7px 10px}}