*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul{list-style:none}.split-text{opacity:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.25rem}@media (min-width: 768px){h1{font-size:3rem}}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--text-muted)}.split-text{overflow:hidden}.split-text .char{display:inline-block;transform:translateY(100%);transition:transform .6s cubic-bezier(.76,0,.24,1)}.split-text.animate .char{transform:translateY(0)}.cta-button,.submit-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#8b5cf6;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.cta-button:hover,.submit-button:hover{background:#7c3aed;transform:translateY(-1px)}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-color);font-weight:500;transition:color .3s ease}.view-all-link:hover{color:var(--primary-purple)}.contact-form .form-group{position:relative;margin-bottom:1.5rem}.contact-form .form-input,.contact-form .form-textarea{width:100%;padding:1rem 2rem 1rem 3rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-family:inherit;font-size:1rem;transition:all .3s ease}.contact-form .form-input:focus,.contact-form .form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.contact-form .form-input::placeholder,.contact-form .form-textarea::placeholder{color:var(--text-muted)}.contact-form .form-textarea{resize:vertical;min-height:120px;padding-top:1.5rem}.contact-form .form-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.2rem;pointer-events:none;transition:color .3s ease}.contact-form .form-group:focus-within .form-icon{color:#8b5cf6}.project-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;justify-content:center}@media (min-width: 768px){.project-filters{justify-content:flex-start}}.filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-weight:500;transition:all .3s ease;cursor:pointer}.filter-btn:hover,.filter-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff;transform:translateY(-2px)}.filter-btn .material-icons{font-size:1.1rem}.stat-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;padding:3rem}.stat-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);opacity:0;transition:opacity .3s ease;z-index:-1}.stat-card:hover:before{opacity:.1}.stat-card .stat-icon{margin-bottom:1.5rem}.stat-card .stat-icon .material-icons{font-size:3rem;color:#8b5cf6;transition:all .3s ease}.stat-card .stat-number{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.stat-card .stat-label{font-size:1rem;color:var(--text-muted);font-weight:500}.stat-card:hover .stat-icon .material-icons{transform:scale(1.1);color:#a78bfa}.project-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;overflow:hidden;will-change:transform}.project-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}.project-card .project-image{position:relative;margin:-2rem -2rem 1.5rem;overflow:hidden;border-radius:.5rem}.project-card .project-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.project-card .project-image .project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;background:linear-gradient(207deg,#a78bfa -120%,transparent)}.project-card .project-image:hover img{transform:scale(1.05)}.project-card .project-image:hover .project-overlay{opacity:1}.project-card .project-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#8b5cf6;margin-bottom:1rem}.project-card .project-meta .date-icon{font-size:1rem}.project-card .project-title{font-size:1.25rem;margin-bottom:1rem}.project-card .project-description{font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.project-card .project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.project-card .project-technologies .tech-tag{padding:.25rem .5rem;background:var(--border-color);border-radius:.25rem;font-size:.75rem;color:var(--text-muted);transition:all .3s ease}.project-card .project-technologies .tech-tag:hover{background:#8b5cf6;color:#fff}#cursor-follower{position:fixed;width:20px;height:20px;background:#8b5cf6;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .15s ease,transform .15s ease;mix-blend-mode:difference}#cursor-follower.active{opacity:1}#cursor-follower.cursor-hover{transform:scale(1.5);background:#a78bfa}#cursor-follower.cursor-large{transform:scale(2)}#cursor-follower.cursor-text{width:2px;height:20px;border-radius:1px;background:#8b5cf6}.animate__animated{animation-duration:.6s;animation-fill-mode:both}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:1.5rem}.loading-spinner .material-icons{font-size:2rem;color:#8b5cf6}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"error";font-family:Material Icons;font-size:1rem}.profile-image{position:relative;cursor:pointer;transition:transform .3s ease;overflow:hidden}.profile-image:hover{transform:scale(1.02)}.profile-image .profile-img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;clip-path:ellipse(50% 50% at 50% 50%);animation:morphSoftBalancedBubble 6s ease-in-out infinite}.profile-image:after{content:"";position:absolute;inset:-2px;border:2px solid #8b5cf6;z-index:-1;opacity:.7;clip-path:ellipse(50% 50% at 50% 50%);animation:morphSoftBalancedBubble 6s ease-in-out infinite}@keyframes morphSoftBalancedBubble{0%,to{clip-path:ellipse(50% 50% at 50% 50%)}20%{clip-path:ellipse(54% 46% at 48% 52%)}40%{clip-path:ellipse(47% 52% at 52% 48%)}60%{clip-path:ellipse(53% 49% at 49% 49%)}80%{clip-path:ellipse(46% 54% at 51% 51%)}}@supports not (clip-path: ellipse(50% 50% at 50% 50%)){.profile-image .profile-img,.profile-image:after{clip-path:none;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morphBubbleBorderRadius 8s ease-in-out infinite}@keyframes morphBubbleBorderRadius{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 60% 70%}}}@media (max-width: 768px){.profile-image .profile-img,.profile-image:after{animation-duration:10s}}@media (prefers-reduced-motion: reduce){.profile-image .profile-img,.profile-image:after{animation:none;clip-path:none;border-radius:50%}}.profile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:0;visibility:hidden;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.profile-overlay.active{opacity:1;visibility:visible}.profile-overlay.active .profile-overlay-content{transform:scale(1) translateY(0)}.profile-overlay .profile-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-overlay .profile-overlay-content{background:var(--card-bg);border:2px solid #8b5cf6;border-radius:2rem;padding:4rem;max-width:700px;width:95%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.8) translateY(50px);transition:transform .5s ease;z-index:1}@media (max-width: 768px){.profile-overlay .profile-overlay-content{padding:3rem;max-width:98%;border-radius:1.5rem}}.profile-overlay .profile-overlay-close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border:2px solid #8b5cf6;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:2}.profile-overlay .profile-overlay-close:hover{background:#8b5cf6;color:#fff;transform:scale(1.1)}.profile-overlay .profile-overlay-close .material-icons{font-size:1.5rem}@media (max-width: 768px){.profile-overlay .profile-overlay-close{top:1.5rem;right:1.5rem;width:45px;height:45px}}.profile-overlay .profile-info-header{text-align:center;margin-bottom:4rem}.profile-overlay .profile-info-header .profile-avatar{width:150px;height:150px;margin:0 auto 2rem;border-radius:50%;overflow:hidden;border:4px solid #8b5cf6;position:relative}@media (max-width: 768px){.profile-overlay .profile-info-header .profile-avatar{width:120px;height:120px}}.profile-overlay .profile-info-header .profile-avatar .profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-overlay .profile-info-header .profile-name{font-size:1.875rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@media (max-width: 768px){.profile-overlay .profile-info-header .profile-name{font-size:1.5rem}}.profile-overlay .profile-info-header .profile-title-container{font-size:1.25rem;color:#8b5cf6;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}@media (max-width: 768px){.profile-overlay .profile-info-header .profile-title-container{font-size:1.125rem;height:2rem}}.profile-overlay .profile-info-header .profile-title-container .cursor-blink{animation:blink 1s infinite}.profile-overlay .profile-info-body .profile-description{font-size:1.125rem;line-height:1.7;margin-bottom:4rem;text-align:center;color:var(--text-color)}@media (max-width: 768px){.profile-overlay .profile-info-body .profile-description{font-size:1rem;margin-bottom:3rem}}.profile-overlay .profile-info-body .profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}@media (max-width: 640px){.profile-overlay .profile-info-body .profile-stats{grid-template-columns:1fr;gap:1.5rem}}.profile-overlay .profile-info-body .profile-stats .profile-stat{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--border-color);border-radius:1rem;transition:all .3s ease}.profile-overlay .profile-info-body .profile-stats .profile-stat:hover{background:#8b5cf61a;transform:translateY(-2px)}.profile-overlay .profile-info-body .profile-stats .profile-stat .material-icons{color:#8b5cf6;font-size:2rem}.profile-overlay .profile-info-body .profile-stats .profile-stat .stat-content{display:flex;flex-direction:column}.profile-overlay .profile-info-body .profile-stats .profile-stat .stat-content strong{font-size:1.125rem;color:var(--text-color);font-weight:600;margin-bottom:.25rem}.profile-overlay .profile-info-body .profile-stats .profile-stat .stat-content span{font-size:1rem;color:var(--text-muted)}.profile-overlay .profile-info-body .profile-skills h4{font-size:1.25rem;margin-bottom:2rem;text-align:center;color:#8b5cf6;font-weight:600}.profile-overlay .profile-info-body .profile-skills .skills-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.profile-overlay .profile-info-body .profile-skills .skills-tags .skill-tag{padding:1rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-radius:1.5rem;font-size:1rem;font-weight:500;animation:skillTagFloat 3s ease-in-out infinite;transition:transform .3s ease}.profile-overlay .profile-info-body .profile-skills .skills-tags .skill-tag:hover{transform:translateY(-3px) scale(1.05)}.profile-overlay .profile-info-body .profile-skills .skills-tags .skill-tag:nth-child(2n){animation-delay:.5s}.profile-overlay .profile-info-body .profile-skills .skills-tags .skill-tag:nth-child(3n){animation-delay:1s}.profile-overlay .profile-info-body .profile-skills .skills-tags .skill-tag:nth-child(4n){animation-delay:1.5s}body.profile-overlay-open{overflow:hidden}@keyframes skillTagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.profile-overlay-content{scrollbar-width:thin;scrollbar-color:#8b5cf6 transparent}.profile-overlay-content::-webkit-scrollbar{width:6px}.profile-overlay-content::-webkit-scrollbar-track{background:transparent}.profile-overlay-content::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.profile-overlay-content::-webkit-scrollbar-thumb:hover{background:#7c3aed}.social-links-section{margin-bottom:2rem}.social-links-section .social-title{display:flex;align-items:center;gap:1rem;font-size:1.5rem;margin-bottom:1rem}.social-links-section .social-title .social-icon{color:#8b5cf6;font-size:1.8rem;display:inline-block;vertical-align:middle}.social-links-section .social-title .social-text{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.social-links-section .social-description{color:var(--text-muted);font-size:1rem}.social-links-section .social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:600px;margin:0 auto}@media (max-width: 639px){.social-links-section .social-links{grid-template-columns:1fr;gap:1rem}}.social-links-section .social-links .social-link{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:inherit;position:relative;overflow:hidden}.social-links-section .social-links .social-link:hover{border-color:#8b5cf6;transform:translateY(-2px)}.social-links-section .social-links .social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.social-links-section .social-links .social-link:hover:before{left:100%}.social-links-section .social-links .social-link.linkedin:hover{border-color:#0077b5;box-shadow:0 10px 30px #0077b533}.social-links-section .social-links .social-link.linkedin:hover .social-icon{background:#0077b5;color:#fff}.social-links-section .social-links .social-link.github:hover{border-color:#333;box-shadow:0 10px 30px #3333}.social-links-section .social-links .social-link.github:hover .social-icon{background:#333;color:#fff}.social-links-section .social-links .social-link .social-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--border-color);border-radius:50%;transition:all .3s ease}.social-links-section .social-links .social-link .social-icon .material-icons{font-size:1.5rem}.social-links-section .social-links .social-link .social-info{flex:1}.social-links-section .social-links .social-link .social-info h4{font-size:1.125rem;margin-bottom:.25rem;font-weight:600}.social-links-section .social-links .social-link .social-info span{font-size:.875rem;color:var(--text-muted)}.social-links-section .social-links .social-link .social-arrow{font-size:1.2rem;color:var(--text-muted);transition:all .3s ease}.social-links-section .social-links .social-link:hover .social-arrow{color:#8b5cf6;transform:translate(3px,-3px)}.chatbot-container{position:fixed;z-index:1000}.chatbot-container[data-position=bottom-right]{bottom:2rem;right:2rem}.chatbot-container[data-position=bottom-left]{bottom:2rem;left:2rem}.chatbot-toggle{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;cursor:pointer;box-shadow:0 4px 20px #8b5cf64d;transition:all .3s ease;position:relative}.chatbot-toggle .chat-icon,.chatbot-toggle .close-icon{color:#fff;font-size:24px;transition:all .15s ease}.chatbot-toggle .close-icon{position:absolute;opacity:0;transform:rotate(90deg)}.chatbot-toggle .notification-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ef4444;border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease}.chatbot-toggle .notification-badge.show{opacity:1;transform:scale(1)}.chatbot-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf666}.chatbot-toggle.active .chat-icon{opacity:0;transform:rotate(-90deg)}.chatbot-toggle.active .close-icon{opacity:1;transform:rotate(0)}@media (max-width: 639px){.chatbot-toggle{width:40px;height:40px}}@media (max-width: 375px){.chatbot-toggle{width:50px;height:50px}}@media (max-width: 639px){.chatbot-toggle .chat-icon,.chatbot-toggle .close-icon{font-size:22px}}@media (max-width: 375px){.chatbot-toggle .chat-icon,.chatbot-toggle .close-icon{font-size:20px}}.chatbot-widget{position:absolute;bottom:80px;right:0;width:380px;height:500px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;box-shadow:0 10px 40px #0003;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;z-index:9999}.chatbot-widget.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@media (max-width: 1024px){.chatbot-widget{width:360px;height:480px;bottom:-30px;right:70px}}@media (max-width: 767px){.chatbot-widget{width:calc(100vw - 3rem);max-width:340px;height:450px;right:-10px;left:auto}}@media (max-width: 639px){.chatbot-widget{width:calc(100vw - 2rem);max-width:320px;height:420px;right:-15px;bottom:70px}}@media (max-width: 480px){.chatbot-widget{width:calc(100vw - 1.5rem);max-width:300px;height:400px;right:-20px;bottom:35px}}@media (max-width: 375px){.chatbot-widget{width:calc(100vw - 1rem);max-width:280px;height:380px;right:-25px;bottom:50px}}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}@media (max-width: 639px){.chatbot-header{padding:1rem 1.5rem}}.chatbot-header .chatbot-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:50%}@media (max-width: 639px){.chatbot-header .chatbot-avatar{width:36px;height:36px}}.chatbot-header .chatbot-avatar .material-icons{font-size:20px}@media (max-width: 639px){.chatbot-header .chatbot-avatar .material-icons{font-size:18px}}.chatbot-header .chatbot-info{flex:1;margin-left:1rem}.chatbot-header .chatbot-info .chatbot-title{margin:0;font-size:1.125rem;font-weight:600}@media (max-width: 639px){.chatbot-header .chatbot-info .chatbot-title{font-size:1rem}}.chatbot-header .chatbot-info .chatbot-status{margin:0;font-size:.875rem;opacity:.9;display:flex;align-items:center;justify-content:center;justify-content:flex-start;gap:.5rem}@media (max-width: 639px){.chatbot-header .chatbot-info .chatbot-status{font-size:.75rem}}.chatbot-header .chatbot-info .chatbot-status .status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@media (max-width: 639px){.chatbot-header .chatbot-info .chatbot-status .status-indicator{width:6px;height:6px}}.chatbot-header .chatbot-minimize{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease}.chatbot-header .chatbot-minimize:hover{background:#ffffff4d}.chatbot-messages{flex:1;padding:1rem;overflow-y:auto;scroll-behavior:smooth;min-height:10rem}@media (max-width: 639px){.chatbot-messages{padding:.5rem}}.message{display:flex;margin-bottom:1.5rem;animation:messageSlideIn .3s ease}@media (max-width: 639px){.message{margin-bottom:1rem}}.message.user-message{justify-content:flex-end}.message.user-message .message-content{background:#8b5cf6;color:#fff;margin-left:3rem}@media (max-width: 639px){.message.user-message .message-content{margin-left:2rem}}.message.bot-message{justify-content:flex-start}.message.bot-message .message-content{background:var(--border-color);color:var(--text-color);margin-right:3rem}@media (max-width: 639px){.message.bot-message .message-content{margin-right:2rem}}.message .message-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:16px;flex-shrink:0}@media (max-width: 639px){.message .message-avatar{width:28px;height:28px;font-size:14px}}.bot-message .message .message-avatar{background:var(--border-color);color:var(--text-muted)}.message .message-content{max-width:70%;padding:1rem 1.5rem;border-radius:1rem;margin:0 .5rem}@media (max-width: 639px){.message .message-content{max-width:80%;padding:.5rem 1rem}}.message .message-content p{margin:0;font-size:.875rem;line-height:1.4}@media (max-width: 639px){.message .message-content p{font-size:.75rem}}.message .message-content .message-time{display:block;font-size:.75rem;opacity:.7;margin-top:.5rem}@media (max-width: 639px){.message .message-content .message-time{font-size:.625rem}}.chatbot-quick-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 639px){.chatbot-quick-actions{padding:.5rem 1rem;gap:.25rem}}.chatbot-quick-actions .quick-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:1rem;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s ease}@media (max-width: 639px){.chatbot-quick-actions .quick-action-btn{padding:.25rem .5rem;font-size:.625rem}}.chatbot-quick-actions .quick-action-btn .material-icons{font-size:14px}@media (max-width: 639px){.chatbot-quick-actions .quick-action-btn .material-icons{font-size:12px}}.chatbot-quick-actions .quick-action-btn:hover:not(:disabled){background:#7c3aed;transform:scale(1.05)}.chatbot-quick-actions .quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-input-area{border-top:1px solid var(--border-color)}.chatbot-input-area .input-group{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;gap:1rem}@media (max-width: 639px){.chatbot-input-area .input-group{padding:1rem;gap:.5rem}}.chatbot-input-area .chatbot-input{flex:1;padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:1.5rem;background:transparent;color:var(--text-color);font-size:.875rem;outline:none;transition:all .15s ease}@media (max-width: 639px){.chatbot-input-area .chatbot-input{padding:.5rem 1rem;font-size:.75rem}}.chatbot-input-area .chatbot-input:focus{border-color:#8b5cf6}.chatbot-input-area .chatbot-input::placeholder{color:var(--text-muted)}.chatbot-input-area .send-button{display:flex;align-items:center;justify-content:center;width:40px;height:48px;background:#8b5cf6;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease}@media (max-width: 639px){.chatbot-input-area .send-button{width:36px;height:40px}}.chatbot-input-area .input-footer{padding:0 1.5rem 1rem;text-align:center}@media (max-width: 639px){.chatbot-input-area .input-footer{padding:0 1rem .5rem}}.chatbot-input-area .input-footer .powered-by{font-size:.75rem;color:var(--text-muted);opacity:.7}@media (max-width: 639px){.chatbot-input-area .input-footer .powered-by{font-size:.625rem}}.chatbot-loading{position:absolute;bottom:100px;left:.75rem;right:.75rem;bottom:4.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .15s ease}@media (max-width: 639px){.chatbot-loading{padding:1.25rem;bottom:3rem}}.chatbot-loading.show{opacity:1;visibility:visible;transform:translateY(0)}.chatbot-loading .loading-dots{display:flex;gap:4px}.chatbot-loading .loading-dots span{width:6px;height:6px;background:#8b5cf6;border-radius:50%;animation:loadingDots 1.4s infinite ease-in-out both}.chatbot-loading .loading-dots span:nth-child(1){animation-delay:-.32s}.chatbot-loading .loading-dots span:nth-child(2){animation-delay:-.16s}.chatbot-loading .loading-text{font-size:.875rem;color:var(--text-muted)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .chatbot-widget{--card-bg: #1a1a1a;--border-color: #2a2a2a;--text-color: #ffffff;--text-muted: #a1a1aa}[data-theme=light] .chatbot-widget{--card-bg: #f8fafc;--border-color: #e2e8f0;--text-color: #1e293b;--text-muted: #64748b}.sidebar-content{padding:2rem;height:100%;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1279px){.sidebar-content{padding:1rem}}.profile-section{text-align:center;margin-bottom:3rem}.profile-section .profile-image{width:8rem;height:8rem;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden}.profile-section .profile-image .profile-img{width:100%;height:100%;object-fit:cover;border:1px solid #8b5cf6}.profile-section .profile-name{font-size:1.25rem;margin-bottom:.5rem}.profile-section .profile-roles{font-size:.875rem;color:#8b5cf6;height:1.5rem}.profile-section .profile-roles .cursor-blink{animation:blink 1s infinite}.sidebar-nav{flex:1}.sidebar-nav .nav-list{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;transition:all .3s ease;text-decoration:none}@media (max-width: 1024px){.sidebar-nav .nav-link{padding:.5rem}}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:#8b5cf6;color:#fff;transform:translate(5px)}.sidebar-nav .nav-link .nav-icon{font-size:1.2rem;width:24px;text-align:center}.sidebar-nav .nav-link .nav-text{font-weight:500}.mobile-header{position:fixed;top:0;left:0;right:0;height:70px;background:var(--card-bg);border-bottom:2px solid var(--border-color);z-index:1040;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 1025px){.mobile-header{display:none}}.mobile-header .mobile-logo{display:flex;align-items:center;gap:1rem}.mobile-header .mobile-logo .logo-icon{width:35px;height:35px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-header .mobile-logo .logo-icon .material-icons{color:#fff;font-size:1.2rem}.mobile-header .mobile-logo .logo-text{font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-header .mobile-menu-btn{width:45px;height:45px;background:#8b5cf6;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-header .mobile-menu-btn:hover{background:#7c3aed;transform:scale(1.05)}.mobile-header .mobile-menu-btn .material-icons{color:#fff;font-size:1.4rem}.modern-offcanvas{background:var(--card-bg);border-right:2px solid var(--border-color);width:320px!important}.modern-offcanvas .modern-header{color:#fff;padding:3rem 2rem;border-bottom:none}.modern-offcanvas .modern-header .offcanvas-logo{display:flex;align-items:center;gap:1.5rem}.modern-offcanvas .modern-header .offcanvas-logo .logo-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.modern-offcanvas .modern-header .offcanvas-logo .logo-icon .material-icons{color:#fff;font-size:1.3rem}.modern-offcanvas .modern-header .offcanvas-logo .logo-text .offcanvas-title{font-size:1.25rem;margin:0;color:#fff}.modern-offcanvas .modern-header .offcanvas-logo .logo-text .version-text{font-size:.75rem;color:#fffc}.modern-offcanvas .modern-header .modern-close{background:#fff3;border:none;border-radius:8px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modern-offcanvas .modern-header .modern-close:hover{background:#ffffff4d;transform:scale(1.1)}.modern-offcanvas .modern-header .modern-close .material-icons{color:#fff;font-size:1.2rem}.modern-offcanvas .modern-body{padding-top:2rem}.modern-offcanvas .mobile-profile-section{text-align:center;padding:2rem;margin-bottom:2rem;background:var(--border-color);margin:0 2rem 2rem;border-radius:1rem}.modern-offcanvas .mobile-profile-section .profile-image-mobile{width:8rem;height:8rem;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden}.modern-offcanvas .mobile-profile-section .profile-image-mobile .profile-img-mobile{width:100%;height:100%;object-fit:cover}.modern-offcanvas .mobile-profile-section .profile-info-mobile .profile-name-mobile{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-color)}.modern-offcanvas .mobile-profile-section .profile-info-mobile .profile-roles-mobile{font-size:.875rem;color:#8b5cf6;height:1.5rem;display:flex;align-items:center;justify-content:center}.modern-offcanvas .mobile-profile-section .profile-info-mobile .profile-roles-mobile .cursor-blink{animation:blink 1s infinite}.modern-offcanvas .mobile-nav-modern .nav-list-mobile{list-style:none;padding:0;margin:0}.modern-offcanvas .mobile-nav-modern .nav-item-mobile{margin-bottom:.5rem}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;color:var(--text-color);text-decoration:none;transition:all .3s ease;margin:0 1rem;border-radius:12px}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile:hover,.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;transform:translate(5px)}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile:hover .nav-arrow,.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile.active .nav-arrow{color:#fff;transform:translate(3px)}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile .nav-content{display:flex;align-items:center;gap:1.5rem}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile .nav-content .nav-icon-mobile{font-size:1.3rem;width:24px;text-align:center}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile .nav-content .nav-text-mobile{font-size:1rem;font-weight:500}.modern-offcanvas .mobile-nav-modern .nav-item-mobile .nav-link-mobile .nav-arrow{font-size:1rem;color:var(--text-muted);transition:all .3s ease}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--border-color);z-index:1000}@media (max-width: 1025px){.scroll-progress-container{top:70px}}.scroll-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:0%;transition:width .1s ease}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-text,.cursor-blink{color:#8b5cf6}.mobile-logo{max-width:12rem}.profile-name{color:#fff}.portfolio-container{display:flex;min-height:100vh;overflow-x:hidden}.sidebar{width:280px;background:var(--card-bg);border-right:2px solid var(--border-color);position:fixed;left:0;top:0;height:100vh;z-index:100;overflow-y:auto}@media (max-width: 1025px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}}.main-content{flex:1;margin-left:280px;padding:4rem;max-width:calc(100vw - 280px);overflow-x:hidden}@media (max-width: 1025px){.main-content{margin-left:0;padding:2rem;max-width:100vw}}@media (max-width: 639px){.main-content{padding:0!important}}@media (max-width: 1025px){.main-content:not(:has(.hero-section)){padding:6rem 2rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem;width:100%;max-width:100%}@media (max-width: 639px){.stats-grid{gap:1rem;margin-bottom:3rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:100%}.projects-grid>*{width:100%;max-width:450px}.hero-section{padding:3rem 0}@media (max-width: 767px){.hero-section{padding:5rem 0}}.hero-section .container-fluid{max-width:100%}.hero-section .hero-content{margin-bottom:4rem;max-width:100%}@media (max-width: 639px){.hero-section .hero-content{margin:.5rem}}.hero-section .hero-content .hero-title{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1.5rem;font-weight:700;line-height:1.2;max-width:100%;word-wrap:break-word}.hero-section .hero-content .hero-description{font-size:clamp(1rem,2vw,1.25rem);max-width:700px;margin-bottom:3rem;line-height:1.6}.hero-section .hero-content .hero-cta .cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#8b5cf6;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1.125rem;padding:1.5rem 3rem}.hero-section .hero-content .hero-cta .cta-button:hover{background:#7c3aed;transform:translateY(-1px)}.hero-section .hero-content .hero-cta .cta-button .cta-arrow{transition:transform .3s ease}.hero-section .hero-content .hero-cta .cta-button:hover .cta-arrow{transform:translate(5px)}.skills-section{margin-bottom:4rem}.skills-section .section-header .section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}@media (max-width: 639px){.skills-section .section-header{margin-block:6rem 0}}.skills-section .section-header .section-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}.skills-section .row{margin-left:-1rem;margin-right:-1rem}.skills-section .row>[class*=col-]{padding-left:1rem;padding-right:1rem}.skills-section .skill-category{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;height:100%;margin-bottom:2rem}.skills-section .skill-category:hover{border-color:#8b5cf6;transform:translateY(-2px)}.skills-section .skill-category .skill-category-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.25rem;margin-bottom:2rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.skills-section .skill-category .skill-category-title .material-icons{font-size:1.5rem}.skills-section .skill-category .skill-item{margin-bottom:1.5rem}.skills-section .skill-category .skill-item .skill-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.skills-section .skill-category .skill-item .skill-header .skill-icon{font-size:1.2rem;color:#8b5cf6;margin-right:1rem}.skills-section .skill-category .skill-item .skill-header .skill-name{flex:1;font-weight:500}.skills-section .skill-category .skill-item .skill-header .skill-percentage{font-size:.875rem;color:#8b5cf6;font-weight:600;margin-left:1rem}.skills-section .skill-category .skill-item .skill-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.skills-section .skill-category .skill-item .skill-bar .skill-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:0%;transition:width 1.5s ease-in-out .3s;border-radius:4px}.featured-section .row{margin-left:-1rem;margin-right:-1rem}.featured-section .row>[class*=col-]{padding-left:1rem;padding-right:1rem}.featured-section .featured-projects{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;height:100%}.featured-section .featured-projects:hover{border-color:#8b5cf6;transform:translateY(-2px)}.featured-section .featured-projects .featured-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.featured-section .featured-projects .featured-header .section-title{font-size:1.5rem;margin:0}.featured-section .featured-projects .featured-header .view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:#8b5cf6;font-weight:500;text-decoration:none;transition:all .3s ease}.featured-section .featured-projects .featured-header .view-all-link:hover{transform:translate(5px)}.featured-section .featured-projects .featured-header .view-all-link:hover .link-arrow{transform:translate(3px)}.featured-section .featured-projects .featured-project-preview .project-preview-image{position:relative;border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem}.featured-section .featured-projects .featured-project-preview .project-preview-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.featured-section .featured-projects .featured-project-preview .project-preview-image .project-overlay{position:absolute;inset:0;background:#8b5cf6cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.featured-section .featured-projects .featured-project-preview .project-preview-image .project-overlay .material-icons{color:#fff;font-size:2rem}.featured-section .featured-projects .featured-project-preview .project-preview-image:hover img{transform:scale(1.05)}.featured-section .featured-projects .featured-project-preview .project-preview-image:hover .project-overlay{opacity:1}.featured-section .featured-projects .featured-project-preview .project-preview-content h4{font-size:1.125rem;margin-bottom:.5rem}.featured-section .featured-projects .featured-project-preview .project-preview-content p{color:var(--text-muted);font-size:.875rem;margin:0}.featured-section .trusted-by{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;height:100%}.featured-section .trusted-by:hover{border-color:#8b5cf6;transform:translateY(-2px)}.featured-section .trusted-by .trusted-title{display:flex;align-items:center;gap:1rem;font-size:1.25rem;margin-bottom:2rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-section .trusted-by .trusted-title .material-icons{font-size:1.5rem}.featured-section .trusted-by .trusted-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 639px){.featured-section .trusted-by .trusted-logos{grid-template-columns:auto}}.featured-section .trusted-by .trusted-logos .logo-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--border-color);border-radius:.5rem;transition:all .3s ease}.featured-section .trusted-by .trusted-logos .logo-item .material-icons{color:#8b5cf6;font-size:1.2rem}.featured-section .trusted-by .trusted-logos .logo-item span:last-child{font-size:.875rem;font-weight:500}.featured-section .trusted-by .trusted-logos .logo-item:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.featured-section .trusted-by .trusted-logos .logo-item:hover .material-icons{color:#fff}@media (max-width: 768px){.featured-section .featured-header{flex-direction:column;align-items:flex-start}.featured-section .trusted-logos{grid-template-columns:1fr}}.projects-section .section-header{text-align:center;margin-bottom:4rem}@media (max-width: 639px){.projects-section .section-header{margin-block:6rem 0}}.projects-section .section-header .page-title{font-size:2.25rem;margin-bottom:1.5rem}@media (min-width: 768px){.projects-section .section-header .page-title{font-size:3rem}}.projects-section .section-header .page-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}@media (max-width: 639px){.projects-section .section-header .page-description{margin-block:0 .5rem}}.contact-section .section-header{text-align:center;margin-bottom:4rem}@media (max-width: 639px){.contact-section .section-header{margin-block:6rem 0}}.contact-section .section-header .page-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem}.contact-section .section-header .page-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}@media (max-width: 639px){.contact-section .section-header .page-description{margin-block:0 .5rem}}.contact-section .contact-content{display:grid;grid-template-columns:1fr;gap:4rem;max-width:1200px;margin:0 auto;opacity:0}@media (min-width: 1025px){.contact-section .contact-content{grid-template-columns:1fr 2fr}}@media (max-width: 639px){.contact-section .contact-content{gap:1rem}}.contact-section .contact-info{display:flex;flex-direction:column;gap:2rem}@media (max-width: 639px){.contact-section .contact-info{gap:.5rem}}.contact-section .contact-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;transition:all .3s ease;opacity:1;transform:translate(0)}.contact-section .contact-item:hover{border-color:#8b5cf6;transform:translateY(-2px)}.contact-section .contact-item .contact-icon{font-size:1.5rem;color:#8b5cf6;margin-top:.25rem;flex-shrink:0}.contact-section .contact-item .contact-details{flex:1}.contact-section .contact-item .contact-details h3{font-size:1.125rem;margin-bottom:.5rem}.contact-section .contact-item .contact-details a{color:var(--text-muted);transition:color .3s ease;text-decoration:none}.contact-section .contact-item .contact-details a:hover{color:#8b5cf6}.contact-section .contact-item .contact-details span{color:var(--text-muted)}.contact-section .contact-form{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:3rem}.contact-section .contact-form .form-group{position:relative;margin-bottom:2rem;opacity:1;transform:translateY(0)}.contact-section .contact-form .form-input,.contact-section .contact-form .form-textarea{width:100%;padding:1rem 2rem 1rem 3rem;background:var(--bg-color);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-family:inherit;font-size:1rem;transition:all .3s ease}.contact-section .contact-form .form-input:focus,.contact-section .contact-form .form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.contact-section .contact-form .form-input::placeholder,.contact-section .contact-form .form-textarea::placeholder{color:var(--text-muted)}.contact-section .contact-form .form-textarea{resize:vertical;min-height:120px;padding-top:1.5rem}.contact-section .contact-form .form-icon{position:absolute;left:1rem;top:2rem;transform:translateY(-50%);color:var(--text-muted);font-size:1.2rem;pointer-events:none;transition:color .3s ease}.contact-section .contact-form .form-icon.message-icon{top:2.5rem}.contact-section .contact-form .form-group:focus-within .form-icon{color:#8b5cf6}.contact-section .contact-form .submit-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#8b5cf6;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;width:100%;justify-content:center;font-size:1.125rem;padding:1.5rem}.contact-section .contact-form .submit-button:hover{background:#7c3aed;transform:translateY(-1px)}.contact-section .contact-form .submit-button .submit-arrow{transition:transform .3s ease}.contact-section .contact-form .submit-button:hover .submit-arrow{transform:translate(5px)}.contact-item.animate-in,.form-group.animate-in{animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.experience-section .section-header .page-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem}@media (max-width: 639px){.experience-section .section-header{margin-block:6rem 0}}.experience-section .section-header .page-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}.experience-section .experience-timeline{max-width:900px;margin:0 auto}.experience-section .experience-timeline .experience-item{margin-bottom:4rem}.experience-section .experience-timeline .experience-item .experience-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative}.experience-section .experience-timeline .experience-item .experience-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}@media (max-width: 639px){.experience-section .experience-timeline .experience-item .experience-card{padding:2rem 1rem}}.experience-section .experience-timeline .experience-item .experience-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:1rem 1rem 0 0}.experience-section .experience-timeline .experience-item .experience-card .experience-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.experience-section .experience-timeline .experience-item .experience-card .experience-header .company-info{display:flex;align-items:center;gap:1.5rem}.experience-section .experience-timeline .experience-item .experience-card .experience-header .company-info .company-logo{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center}.experience-section .experience-timeline .experience-item .experience-card .experience-header .company-info .company-logo .material-icons{color:#fff;font-size:1.5rem}.experience-section .experience-timeline .experience-item .experience-card .experience-header .company-info .company-details .company-name{font-size:1.25rem;margin-bottom:.5rem}.experience-section .experience-timeline .experience-item .experience-card .experience-header .company-info .company-details .company-type{color:var(--text-muted);font-size:.875rem;margin:0}.experience-section .experience-timeline .experience-item .experience-card .experience-header .duration-badge{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#8b5cf61a;border:1px solid #8b5cf6;border-radius:2rem;color:#8b5cf6;font-weight:500;font-size:.875rem}.experience-section .experience-timeline .experience-item .experience-card .experience-header .duration-badge .material-icons{font-size:1rem}.experience-section .experience-timeline .experience-item .experience-card .position-info{margin-bottom:2rem}.experience-section .experience-timeline .experience-item .experience-card .position-info .position{font-size:1.5rem;color:#8b5cf6;margin-bottom:1rem}.experience-section .experience-timeline .experience-item .experience-card .position-info .job-description{font-size:1rem;line-height:1.6;color:var(--text-muted)}.experience-section .experience-timeline .experience-item .experience-card .technologies-used{margin-bottom:2rem}.experience-section .experience-timeline .experience-item .experience-card .technologies-used h5{font-size:1.125rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.experience-section .experience-timeline .experience-item .experience-card .technologies-used h5:before{content:"code";font-family:Material Icons;color:#8b5cf6}.experience-section .experience-timeline .experience-item .experience-card .technologies-used .tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.experience-section .experience-timeline .experience-item .experience-card .technologies-used .tech-tags .tech-tag{padding:.5rem 1rem;background:var(--border-color);border-radius:1rem;font-size:.75rem;font-weight:500;transition:all .3s ease}.experience-section .experience-timeline .experience-item .experience-card .technologies-used .tech-tags .tech-tag:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px)}.experience-section .experience-timeline .experience-item .experience-card .achievements h5{font-size:1.125rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.experience-section .experience-timeline .experience-item .experience-card .achievements h5:before{content:"emoji_events";font-family:Material Icons;color:#8b5cf6}.experience-section .experience-timeline .experience-item .experience-card .achievements .achievements-list{list-style:none;padding:0}.experience-section .experience-timeline .experience-item .experience-card .achievements .achievements-list .achievement-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;border-radius:.5rem;transition:all .3s ease;border-left:2px solid #8b5cf6}.experience-section .experience-timeline .experience-item .experience-card .achievements .achievements-list .achievement-item:hover{background:#8b5cf60d;transform:translate(5px)}.experience-section .experience-timeline .experience-item .experience-card .achievements .achievements-list .achievement-item .achievement-icon{color:#8b5cf6;font-size:1.2rem;margin-top:2px;flex-shrink:0}.experience-section .experience-timeline .experience-item .experience-card .achievements .achievements-list .achievement-item span:last-child{line-height:1.5}.education-section .section-header .page-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem}@media (max-width: 639px){.education-section .section-header{margin-block:6rem 0}}.education-section .section-header .page-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}.education-section .education-timeline{max-width:900px;margin:0 auto}.education-section .education-timeline .education-item{margin-bottom:4rem;overflow:hidden}.education-section .education-timeline .education-item .education-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative}.education-section .education-timeline .education-item .education-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}@media (max-width: 639px){.education-section .education-timeline .education-item .education-card{padding:2rem 1rem}}.education-section .education-timeline .education-item .education-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:1rem 1rem 0 0;overflow:hidden}.education-section .education-timeline .education-item .education-card .education-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.education-section .education-timeline .education-item .education-card .education-header .institution-info{display:flex;align-items:center;gap:1.5rem}.education-section .education-timeline .education-item .education-card .education-header .institution-info .institution-logo{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center}.education-section .education-timeline .education-item .education-card .education-header .institution-info .institution-logo .material-icons{color:#fff;font-size:1.5rem}.education-section .education-timeline .education-item .education-card .education-header .institution-info .institution-details .institution{font-size:1.25rem;margin-bottom:.5rem}.education-section .education-timeline .education-item .education-card .education-header .institution-info .institution-details .duration-info{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.education-section .education-timeline .education-item .education-card .education-header .institution-info .institution-details .duration-info .material-icons{font-size:1rem}.education-section .education-timeline .education-item .education-card .education-header .grade-badge{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bs-body-color);border:1px solid #8b5cf6;border-radius:1rem}.education-section .education-timeline .education-item .education-card .education-header .grade-badge .material-icons{color:#8b5cf6;font-size:1.5rem}.education-section .education-timeline .education-item .education-card .education-header .grade-badge .grade-info{display:flex;flex-direction:column}.education-section .education-timeline .education-item .education-card .education-header .grade-badge .grade-info .grade-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.education-section .education-timeline .education-item .education-card .education-header .grade-badge .grade-info .grade-value{font-size:1.125rem;font-weight:600;color:#8b5cf6}.education-section .education-timeline .education-item .education-card .degree-info{margin-bottom:2rem}.education-section .education-timeline .education-item .education-card .degree-info .degree{font-size:1.5rem;color:#8b5cf6;margin-bottom:1rem}.education-section .education-timeline .education-item .education-card .degree-info .degree-description{font-size:1rem;line-height:1.6;color:var(--text-muted)}.education-section .education-timeline .education-item .education-card .subjects-covered h5{font-size:1.125rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.education-section .education-timeline .education-item .education-card .subjects-covered h5:before{content:"menu_book";font-family:Material Icons;color:#8b5cf6}.education-section .education-timeline .education-item .education-card .subjects-covered .subjects-list{display:flex;flex-wrap:wrap;gap:1rem}.education-section .education-timeline .education-item .education-card .subjects-covered .subjects-list .subject-tag{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--border-color);border-radius:2rem;font-size:.875rem;font-weight:500;transition:all .3s ease}.education-section .education-timeline .education-item .education-card .subjects-covered .subjects-list .subject-tag .material-icons{font-size:1rem;color:#8b5cf6}.education-section .education-timeline .education-item .education-card .subjects-covered .subjects-list .subject-tag:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.education-section .education-timeline .education-item .education-card .subjects-covered .subjects-list .subject-tag:hover .material-icons{color:#fff}[data-theme=dark],.dark-theme{--bg-color: #0a0a0a;--card-bg: #1a1a1a;--border-color: #2a2a2a;--text-color: #ffffff;--text-muted: #a1a1aa;--primary-purple: #8b5cf6}