*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;background-color:#0f172a}body{font-family:Inter,sans-serif;line-height:1.5;color:#e2e8f0}:root{--color-headings: rgb(226, 232, 240);--color-content: rgb(148, 163, 184);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem}.font-color-grey{color:#94a3b8}.color-white{color:#fff}a{color:inherit;text-decoration:none}.project-card{width:100%;margin-top:2rem;margin-bottom:2rem}.project-card:hover{transform:scale(1.02);background-color:#202c50;box-shadow:0 0 25px #202c5099}.project-image{width:60%;margin-top:1rem}.arrow-icon{margin-left:.5rem}@media (min-width: 1024px){.project-card{display:flex;padding:1rem;border-radius:5px}.project-card:hover{background-color:#202c50;box-shadow:0 0 25px #202c5099}.project-image{order:1;width:30%;margin-top:0;margin-right:1rem}.heading-and-description{order:2}}.main-container{padding:2.5rem 1.5rem 2rem}.hero{text-align:left}.hero-name{font-size:2.5rem}.hero-role{font-size:1.2rem}.hero-description,.hero-email,.hero-mobile{margin-top:.3rem;text-decoration:none}.cta-button{color:#fff;border:1px solid #3b82f6;padding:10px 20px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block;transition:.25s ease}.cta-button:hover{background:#3b82f61a;box-shadow:0 4px 12px #3ba7ff40}.about{padding-top:2rem}.about-heading{margin-bottom:1rem}.skills-container{margin-top:2rem}.skills-heading{margin-bottom:1rem}.skills{display:flex;flex-wrap:wrap;gap:12px}.skill-pill{padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#5eead4;background-color:#2dd4bf1a;font-size:14px}.projects{margin-top:2rem}@media (min-width: 1024px){.main-container{display:flex}.bio-section{width:40%;padding:2rem;margin-left:5rem;position:fixed}.details-section{width:50%;margin-right:5rem;margin-left:50%}.projects-grid:hover .project-card{opacity:.5}.projects-grid .project-card:hover{opacity:1}}.chatbot-page{min-height:100vh;padding:2.5rem 1.5rem 3rem;display:flex;justify-content:center}.chatbot-container{width:100%;max-width:640px}.back-link{color:#94a3b8;text-decoration:none;font-size:.9rem}.back-link:hover{color:#fff}.chatbot-header{margin-top:1.5rem;margin-bottom:1.5rem}.chatbot-header p+p{margin-top:.5rem}.chatbot-header h1{font-size:1.8rem;margin-bottom:.5rem}.chat-window{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;min-height:320px;max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background:#ffffff05}.chat-empty{font-size:.9rem}.chat-bubble{padding:10px 14px;border-radius:12px;max-width:80%;white-space:pre-wrap;line-height:1.4}.chat-bubble-user{align-self:flex-end;background:#3b82f6;color:#fff}.chat-bubble-assistant{align-self:flex-start;background:#ffffff14;color:#e2e8f0}.chat-bubble-loading{color:#94a3b8;font-style:italic}.chat-error{color:#f87171;font-size:.9rem;margin-top:.75rem}.chat-input-row{display:flex;gap:.5rem;margin-top:1rem}.chat-input-row input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;color:#e2e8f0;font-family:inherit;font-size:1rem}.chat-input-row input:focus{outline:none;border-color:#3b82f6}.chat-input-row button{background:#3b82f6;color:#fff;border:none;cursor:pointer}.chat-input-row button:hover:not(:disabled){background:#2563eb}.chat-input-row button:disabled{background:#3b82f64d;color:#fff9;cursor:not-allowed}.reset-link{margin-top:.75rem;background:none;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline}.reset-link:hover:not(:disabled){color:#fff}.reset-link:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}