.chatbot-container{width:100%;max-width:500px;margin:0 auto;background-color:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;overflow:hidden;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif}.chatbot-header{display:flex;align-items:center;justify-content:space-between;background:#2c2a24;color:#fff;padding:15px 20px}.chatbot-avatar{width:40px;height:50px;border-radius:50%;margin-right:10px}.chatbot-name{font-weight:700;font-size:1.1rem}.chatbot-subtitle{font-size:.85rem;opacity:.8}.chatbot-icon{font-size:1.5rem}.chatbot-messages{flex:1;padding:15px;background-color:#f7f7f7;overflow-y:auto;max-height:400px;scroll-behavior:smooth}.message-row{display:flex;margin-bottom:10px}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.message-bubble{max-width:70%;padding:10px 15px;border-radius:18px;font-size:.95rem;line-height:1.4}.message-row.user .message-bubble{background-color:#2c2a24;color:#fff;border-bottom-right-radius:2px}.message-row.bot .message-bubble{background-color:#e0e0e0;color:#333;border-bottom-left-radius:2px}.typing{font-style:italic;opacity:.7}.chatbot-input-area{display:flex;border-top:1px solid #ddd;padding:10px;background-color:#fff}.chatbot-input{flex:1;padding:10px 15px;border:1px solid #ccc;border-radius:20px 0 0 20px;font-size:.95rem;outline:none}.chatbot-send{padding:10px 20px;border:none;background-color:#2c2a24;color:#fff;border-radius:0 20px 20px 0;cursor:pointer}.chatbot-send:hover{background-color:#2c2a24}.home-header{max-width:600px;margin:0 auto;text-align:center;margin-bottom:2rem}.home-header h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.home-header p{font-size:1.1rem;color:#d0cfcf;line-height:1.6}.projects-container{padding:2rem;text-align:center}.projects-title{font-size:2rem;margin-bottom:2rem}.projects-grid{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:15rem;margin-top:1rem;row-gap:1rem}.project-card{background-color:#e3ddcf;border-radius:16px;padding:1.5rem;width:280px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.project-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #00000026}.project-image{max-height:200px;object-fit:contain}.project-link{display:block;margin-top:.75rem;font-weight:600;color:#2c2a24;text-decoration:none}.project-link:hover{color:#c4976a}.resume-page{min-height:80vh;max-width:180vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.resume-heading{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#f8f6f1}.resume-container{max-width:800px;width:90%;text-align:center}.resume-viewer{width:1000%;max-width:800px;height:1000px;margin-bottom:1rem;box-shadow:0 px 12px #0000001a}.download-btn{background-color:#2c2a24;color:#f8f6f1;font-weight:500;padding:.75rem 1.5rem;border:none;border-radius:10px;font-family:inherit;cursor:pointer;transition:background-color .3s ease}.download-btn:hover{background-color:#444038}.contact-page{display:flex;justify-content:center;align-items:center;min-height:75vh;margin-top:-10%;padding:4rem 2rem}.contact-wrapper{display:flex;align-items:flex-start;gap:3rem;flex-wrap:wrap;max-width:1100px}.contact-image-container img{max-width:450px;border-radius:16px;margin-left:-25%;margin-top:20%;box-shadow:0 4px 16px #0003}.contact-container{max-width:600px;padding:2rem 0;color:#f8f6f1}.contact-container p{line-height:1.7;font-size:1.1rem}.contact-container h2{font-size:2rem;margin-bottom:1rem;color:#e9d0a7}.contact-links-vertical{display:block;margin-top:1rem}.contact-button{display:inline-block;margin:.5rem 0;padding:.75rem 1.5rem;background-color:#2c2a24;color:#f8f6f1;text-decoration:none;border-radius:8px;transition:background-color .3s ease}.contact-button:hover{background-color:#c4976a;color:#2c2a24}.email-link{margin-left:.3rem;color:#161512;text-decoration:underline;transition:color .3s ease}.email-link:hover{color:#c4976a}.project-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;background-color:#7d6a5a;color:#f8f6f1;font-family:Menlo,Consolas,Monaco,Courier New,monospace}.project-title{font-size:2.5rem;margin-bottom:1rem}.project-tags{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.tag{display:inline-block;padding:.4rem 1rem;border-radius:6px;font-size:.9rem;width:fit-content;margin:0 auto;background-color:#444;color:#f8f6f1}.language{background-color:#556b2f}.published{background-color:#6b4226}.github{background-color:#1e90ff;text-decoration:none}.project-image{width:100%;max-width:600px;border-radius:10px;margin:2rem 0}.project-description{font-size:1.1rem;line-height:1.6}.navbar{background-color:#2c2a24;padding:.8rem 2rem;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.navbar-content{display:flex;justify-content:center;align-items:center;gap:2rem;width:100%}.navbar-logo{margin:0;font-weight:700;font-size:1.2rem;color:#f8f6f1}.navbar-links{display:flex;gap:1.5rem}.navbar-link{text-decoration:none;color:#f8f6f1;font-weight:500;transition:color .3s ease}.navbar-link:hover{color:#e9d0a7}.footer{background-color:#2c2a24;color:#f8f6f1;padding:2rem 1rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.footer-content{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-brand{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-image{width:60px;height:60px;border-radius:50%;margin-bottom:.5rem;object-fit:cover;border:2px solid #E9D0A7}.footer-name{font-size:1.2rem;font-weight:700}.footer-columns{flex:3;display:flex;justify-content:space-around;flex-wrap:wrap}.footer-columns h3{margin-bottom:.5rem;color:#e9d0a7}.footer-columns ul{list-style:none;padding:0}.footer-columns li{margin-bottom:.25rem;color:#f8f6f1;font-size:.9rem;cursor:pointer}.footer-columns li:hover{color:#e9d0a7}.footer-link{text-decoration:none;color:#f8f6f1;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#e9d0a7}.particles-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}html,body{margin:0;background-color:transparent;font-family:Menlo,Consolas,Monaco,Courier New,monospace}h1,p{color:#f8f6f1}body,#root{background-color:#2c2a24;margin:0;padding:0;min-height:100vh}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:#2c2a24}.main-content{flex:1;background-color:#7d6a5a;padding:2rem}
