*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#f6f8fb;color:#333;display:flex;justify-content:center;min-height:100vh}.container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:2rem 3rem;text-align:center;width:90%}.btn,button{background:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.4rem;transition:.3s}.btn:hover,button:hover{background:#0056b3}input,select{border:1px solid #ccc;border-radius:8px;margin-top:.6rem;outline:none;padding:.8rem;width:100%}input:focus{border-color:#007bff}.chat-box{border:1px solid #ddd;border-radius:12px;height:300px;margin:1rem 0;overflow-y:auto;padding:1rem;text-align:left}.message{background:#f1f5ff;border-radius:8px;margin-bottom:.8rem;max-width:70%;padding:.6rem 1rem;width:-moz-fit-content;width:fit-content}.message.self{background:#007bff;color:#fff;margin-left:auto}.gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.gallery img{border-radius:10px;box-shadow:0 2px 8px #0000001a;height:120px;-o-object-fit:cover;object-fit:cover;width:100%}h1,h2{color:#007bff}h1,h2,p{margin-bottom:1rem}p{color:#555}nav{margin-top:2rem}nav a{color:#007bff;font-weight:500;margin:0 .5rem;text-decoration:none}nav a:hover{text-decoration:underline}