@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#ffc107;background-color:#0a192f;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}.app-container{background-color:#0a192f;flex-direction:column;width:100vw;height:100vh;display:flex}.header{background-color:#0a192f;border-bottom:2px solid #ffc107;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.header h1{cursor:pointer;color:#ffc107;font-size:24px;font-weight:700}.nav-links button{color:#ffc107;cursor:pointer;background:0 0;border:1px dashed #ffc107;border-radius:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;transition:all .2s ease-in-out}.nav-links button:hover{color:#0a192f;background:#ffc107}.home-page{text-align:center;background-color:#112240;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.hero-image{border:4px solid #ffc107;border-radius:8px;width:300px;max-width:100%;margin-bottom:30px}.home-page h2{color:#ffc107;margin-bottom:15px;font-size:36px;font-weight:700}.home-page p{color:#e6f1ff;max-width:600px;margin-bottom:30px;font-size:18px;line-height:1.6}.start-btn{color:#0a192f;cursor:pointer;background-color:#ffc107;border:none;border-radius:6px;padding:15px 30px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;transition:background-color .2s ease-in-out}.start-btn:hover{background-color:#ffd54f}.features{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin-top:40px;display:flex}.feature-card{text-align:left;background-color:#0a192f;border:1px solid #ffc107;border-radius:8px;flex:1;min-width:220px;max-width:300px;padding:24px}.feature-card h3{color:#ffc107;margin-bottom:8px;font-size:18px}.feature-card p{color:#e6f1ff;font-size:15px;line-height:1.4}.chat-page{background-color:#112240;flex-direction:column;flex:1;display:flex;overflow:hidden}.filters{background-color:#0a192f;border-bottom:1px solid #ffc1074d;gap:15px;padding:15px 30px;display:flex}.filters select{color:#ffc107;cursor:pointer;background-color:#112240;border:1px solid #ffc107;border-radius:4px;outline:none;padding:8px 12px;font-family:Outfit,sans-serif;font-size:14px}.chat-container{flex-direction:column;flex:1;gap:20px;padding:30px;display:flex;overflow-y:auto}.message{white-space:pre-wrap;border-radius:8px;max-width:75%;padding:15px 20px;font-size:16px;line-height:1.5}.message.user{color:#0a192f;background-color:#ffc107;border-bottom-right-radius:2px;align-self:flex-end;font-weight:500}.message.bot{color:#e6f1ff;background-color:#0a192f;border:1px solid #ffc107;border-bottom-left-radius:2px;align-self:flex-start}.feedback{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.feedback button{color:#ffc107;cursor:pointer;background:0 0;border:1px solid #ffc107;border-radius:4px;padding:4px 10px;font-size:13px;transition:all .1s}.feedback button:hover{color:#0a192f;background-color:#ffc107}.input-area{background-color:#0a192f;border-top:2px solid #ffc107;gap:15px;padding:20px 30px;display:flex}.input-area input{color:#ffc107;background-color:#112240;border:1px solid #ffc10780;border-radius:6px;outline:none;flex:1;padding:16px;font-family:Outfit,sans-serif;font-size:16px}.input-area input:focus{border-color:#ffc107}.input-area input::placeholder{color:#ffc10780}.input-area button{color:#0a192f;cursor:pointer;background-color:#ffc107;border:none;border-radius:6px;padding:0 40px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:background-color .2s}.input-area button:hover:not(:disabled){background-color:#ffd54f}.input-area button:disabled{color:#a0aec0;cursor:not-allowed;background-color:#4a5568}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:#112240}.chat-container::-webkit-scrollbar-thumb{background:#ffc107;border-radius:3px}