.resume{padding:40px;color:#333}.resume-header{border-bottom:3px solid #667eea;padding-bottom:20px;margin-bottom:30px}.resume-header h2{font-size:2.5rem;color:var(--header-text);margin-bottom:10px}.resume-title{font-size:1.3rem;color:#666;margin-bottom:5px}.resume-experience{font-size:1rem;color:#888}.resume-section{margin-bottom:30px;padding:10px}.resume-section h3{font-size:1.5rem;color:var(--header-text);margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.resume-section p{line-height:1.6;color:#555;margin-bottom:10px;padding:8px 0}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.experience-item{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.experience-item:last-child{border-bottom:none}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.experience-header h4{font-size:1.2rem;color:#333;margin:0}.experience-period{color:#888;font-size:.9rem}.experience-company{font-weight:600;color:#667eea;margin-bottom:8px}.experience-note{font-style:italic;color:#888;font-size:.9rem;margin-bottom:10px;padding:4px 0}.highlights-list,.achievements-list{list-style:none;padding-left:0}.highlights-list li,.achievements-list li{position:relative;padding:8px 0 8px 20px;margin-bottom:8px;line-height:1.6;color:#555}.highlights-list li:before,.achievements-list li:before{content:"●";position:absolute;left:0;color:var(--header-text);font-weight:700}.skills-category{margin-bottom:20px}.skills-category-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:8px}.education-item{margin-bottom:20px}.education-item h4{font-size:1.1rem;color:#333;margin-bottom:5px}.education-item p{color:#666;padding:4px 0}@media (max-width: 768px){.resume{padding:20px}.resume-header h2{font-size:2rem}.experience-header{flex-direction:column;align-items:flex-start}}.chatbot{display:flex;flex-direction:column;height:800px;background:#fff}.chatbot-header{padding:20px;background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;border-bottom:1px solid #e0e0e0}.chatbot-header h3{font-size:1.5rem;margin-bottom:5px}.chatbot-subtitle{font-size:.9rem;opacity:.9}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.welcome-message{background:#fff;padding:15px;border-radius:8px;margin-bottom:15px;border-left:4px solid #667eea}.welcome-message p{color:#666;line-height:1.6}.message{display:flex;margin-bottom:15px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;word-wrap:break-word;line-height:1.5}.message.user .message-content{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message.assistant .message-content h1,.message.assistant .message-content h2,.message.assistant .message-content h3,.message.assistant .message-content h4,.message.assistant .message-content h5,.message.assistant .message-content h6{margin:12px 0 8px;font-weight:600;color:#333}.message.assistant .message-content h1{font-size:1.5rem}.message.assistant .message-content h2{font-size:1.3rem}.message.assistant .message-content h3{font-size:1.1rem}.message.assistant .message-content p{margin:8px 0;line-height:1.6}.message.assistant .message-content ul,.message.assistant .message-content ol{margin:8px 0;padding-left:24px}.message.assistant .message-content li{margin:4px 0;line-height:1.5}.message.assistant .message-content code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.message.assistant .message-content pre{background:#f4f4f4;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.message.assistant .message-content pre code{background:none;padding:0}.message.assistant .message-content blockquote{border-left:3px solid #667eea;padding-left:12px;margin:8px 0;color:#666;font-style:italic}.message.assistant .message-content a{color:#667eea;text-decoration:none}.message.assistant .message-content a:hover{text-decoration:underline}.message.assistant .message-content strong{font-weight:600}.message.assistant .message-content em{font-style:italic}.typing-indicator{display:inline-block;animation:typing 1.4s infinite}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.chatbot-input-form{display:flex;padding:15px;background:#fff;border-top:1px solid #e0e0e0;gap:10px}.chatbot-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:24px;font-size:1rem;outline:none;transition:border-color .3s}.chatbot-input:focus{border-color:#667eea}.chatbot-input:disabled{background:#f5f5f5;cursor:not-allowed}.chatbot-send-button{padding:12px 24px;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.chatbot-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.chatbot-send-button:active:not(:disabled){transform:translateY(0)}.chatbot-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chatbot{height:600px}.message-content{max-width:85%}}.app{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.app-header{text-align:center;color:#fff;margin-bottom:30px;padding:20px}.app-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.5rem;opacity:.9}.app-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}@media (max-width: 968px){.app-content{grid-template-columns:1fr}.app-header h1{font-size:2rem}.subtitle{font-size:1.2rem}}.resume-section,.chatbot-section{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden}:root{--primary-bg: #007fff;--secondary-bg: #0059b3;--header-text: #0059b3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
