@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap";:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #eef2ff;--color-primary-disabled: #a5b4fc;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-border: #e2e8f0;--color-shadow: rgba(0, 0, 0, .05);--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-on-primary: #ffffff;--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .4)}[data-theme=dark]{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #3730a3;--color-primary-disabled: #4f46e5;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #334155;--color-border: #475569;--color-shadow: rgba(0, 0, 0, .2);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-on-primary: #ffffff;--color-danger: #f87171;--color-danger-glow: rgba(248, 113, 113, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.portfolio-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.logo{font-size:1.5rem;font-weight:800}.portfolio-header nav ul{display:flex;align-items:center;gap:1.5rem;list-style:none}.portfolio-header nav a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;transition:color .3s ease}.portfolio-header nav a:hover{color:var(--color-primary)}.contact-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.contact-btn:hover{background-color:var(--color-primary-hover)}.theme-toggle-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);width:2.75rem;height:2.75rem;border-radius:.5rem;font-size:1.25rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-toggle-btn:hover{background-color:var(--color-surface-alt);color:var(--color-text-primary)}.hero{text-align:center;padding:6rem 0}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-bottom:6rem}.project-card-link{text-decoration:none;color:inherit;display:block;border-radius:.75rem}.project-card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:2rem;box-shadow:0 4px 6px -1px var(--color-shadow);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease;height:100%}.project-card-link:hover .project-card{transform:translateY(-5px);box-shadow:0 10px 15px -3px var(--color-shadow)}.project-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-card p{color:var(--color-text-secondary);margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--color-primary-light);color:var(--color-primary);font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;transition:background-color .3s ease,color .3s ease}.chatbot-fab{position:fixed;bottom:2rem;right:2rem;width:4rem;height:4rem;background-color:var(--color-primary);color:var(--color-text-on-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,background-color .3s ease;z-index:1000}.chatbot-fab:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}.chatbot-window{position:fixed;bottom:7rem;right:2rem;width:370px;max-width:90vw;height:500px;max-height:70vh;background-color:var(--color-surface);border-radius:1rem;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background-color .3s ease;z-index:1000;border:1px solid var(--color-border)}.chatbot-window.visible{opacity:1;transform:translateY(0);pointer-events:auto}.chatbot-header{display:flex;align-items:center;padding:1rem;background-color:var(--color-primary);color:var(--color-text-on-primary);transition:background-color .3s ease}.chatbot-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-text-on-primary);color:var(--color-primary);display:flex;justify-content:center;align-items:center;margin-right:.75rem;transition:background-color .3s ease,color .3s ease}.chatbot-title{font-weight:700;font-size:1.1rem;flex-grow:1}.chatbot-close{background:none;border:none;color:var(--color-primary-light);font-size:1.25rem;cursor:pointer;transition:color .3s ease}.chatbot-close:hover{color:var(--color-text-on-primary)}.chatbot-messages{flex-grow:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{display:flex;align-items:flex-end;gap:.5rem;max-width:85%}.message-bubble{padding:.75rem 1rem;border-radius:1.25rem;line-height:1.4;transition:background-color .3s ease,color .3s ease;word-wrap:break-word;overflow-wrap:break-word}.message-bubble a{color:var(--color-primary);text-decoration:underline}.message.user .message-bubble a{color:var(--color-text-on-primary)}.message.user{align-self:flex-end}.message.user .message-bubble{background-color:var(--color-primary);color:var(--color-text-on-primary);border-bottom-right-radius:.25rem}.message.bot .message-bubble{background-color:var(--color-surface-alt);color:var(--color-text-primary);border-bottom-left-radius:.25rem}.message.loading .message-bubble{display:flex;gap:.5rem;align-items:center}.dot-flashing{position:relative;width:6px;height:6px;border-radius:5px;background-color:var(--color-text-secondary);color:var(--color-text-secondary);animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-10px;width:6px;height:6px;border-radius:5px;background-color:var(--color-text-secondary);color:var(--color-text-secondary);animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:10px;width:6px;height:6px;border-radius:5px;background-color:var(--color-text-secondary);color:var(--color-text-secondary);animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:var(--color-text-secondary)}50%,to{background-color:var(--color-border)}}.chatbot-input-container{padding:1rem;border-top:1px solid var(--color-border);transition:border-color .3s ease}.chatbot-form{display:flex;align-items:center;gap:.5rem}#chatbot-input{flex-grow:1;border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-primary);border-radius:9999px;padding:.75rem 1rem;font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}#chatbot-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}#chatbot-send,#chatbot-mic{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;width:2.75rem;height:2.75rem;border-radius:50%;font-size:1.25rem;cursor:pointer;flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,box-shadow .3s ease}#chatbot-send:hover,#chatbot-mic:hover{background-color:var(--color-primary-hover)}#chatbot-send:disabled,#chatbot-mic:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed}#chatbot-mic.is-recording{background-color:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-glow)}.contact-form-container{width:100%}.contact-form-container p{margin-bottom:1rem}#chatbot-contact-form{display:flex;flex-direction:column;gap:.75rem}#chatbot-contact-form label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}#chatbot-contact-form input,#chatbot-contact-form textarea{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}#chatbot-contact-form input:focus,#chatbot-contact-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}#chatbot-contact-form textarea{resize:vertical;min-height:80px}.contact-submit-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;padding:.75rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;align-self:flex-end}.contact-submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.contact-submit-btn:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.portfolio-header{flex-direction:column;gap:1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}}