@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";:root{--bg-color:#050505;--text-primary:#f8f9fa;--text-secondary:#a1a1aa;--accent-1:#6366f1;--accent-2:#06b6d4;--accent-glow:#6366f126;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-hover:#ffffff0f;--card-radius:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}.text-gradient{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--card-radius)}.glass:hover{background:var(--glass-hover);border-color:#ffffff26}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d44d}.btn-outline{border-color:var(--glass-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--glass-hover);border-color:var(--text-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.bg-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);pointer-events:none;z-index:-1;filter:blur(60px);border-radius:50%;width:60vw;height:60vw;position:fixed}.bg-glow-1{top:-20%;left:-10%}.bg-glow-2{background:radial-gradient(circle,#06b6d41a 0%,#0000 60%);bottom:-20%;right:-10%}@media (width<=768px){.container{padding:0 1.25rem}}.search-highlight{color:#fff;background:#ca8a044d;border-bottom:2px solid #ca8a04;border-radius:2px;padding:0 2px}.hero-section{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;max-width:800px;position:relative}.hero-badge{color:var(--text-primary);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5rem)}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:clamp(1.125rem,3vw,1.5rem)}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-grid{z-index:1;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.hero-container{z-index:10;justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex;position:relative}.hero-image-wrapper{flex-shrink:0;display:none}@media (width>=992px){.hero-image-wrapper{width:350px;height:350px;display:block}}.hero-image-inner{background:#ffffff05;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #00000080}.hero-profile-pic{object-fit:cover;border-radius:50%;width:100%;height:100%}.about-paragraph{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.about-paragraph:last-child{margin-bottom:0}.highlights-content{z-index:2;position:relative}.highlights-sub-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700;position:relative}.highlights-sub-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.section-block{margin-bottom:3rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.result-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;padding:2rem 1.5rem;transition:all .3s;display:flex}.result-card:hover{background:#ffffff14;border-color:#6366f166;box-shadow:0 10px 30px -10px #6366f126}.result-icon-wrapper{width:48px;height:48px;color:var(--accent);background:#6366f11a;border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 0 15px #6366f11a}.result-card:hover .result-icon-wrapper{background:var(--gradient-primary);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 0 20px #6366f166}.result-text{color:var(--text-light);margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.areas-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.area-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;transition:all .3s}.area-card:hover{background:#ffffff0d;border-color:#6366f14d;box-shadow:0 10px 30px -10px #6366f11a}.area-card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex;position:relative}.area-card-header:after{content:"";background:var(--gradient-primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.area-icon-wrapper{width:40px;height:40px;color:var(--accent);background:#6366f11a;border:1px solid #6366f133;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.area-card:hover .area-icon-wrapper{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 0 15px #6366f14d}.area-title{color:var(--text-light);margin:0;font-size:1.35rem;font-weight:700}.area-list{margin:0;padding:0;list-style-type:none}.area-list li{color:var(--text-muted);margin-bottom:.75rem;padding-left:1.5rem;font-size:1.05rem;position:relative}.area-list li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.portfolio-list{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.portfolio-card{transition:var(--transition);overflow:hidden}.portfolio-card:hover{border-color:#6366f14d}.portfolio-card.open{border-color:#6366f180;box-shadow:0 10px 30px #00000080}.portfolio-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.portfolio-title-group{align-items:center;gap:1.5rem;display:flex}.portfolio-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.portfolio-number{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.category-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.portfolio-meta-group{align-items:center;gap:1.5rem;display:flex}.expand-icon{color:var(--text-secondary);width:32px;height:32px;transition:var(--transition);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.portfolio-card:hover .expand-icon{color:var(--text-primary);background:#6366f11a}.portfolio-body{border-top:1px solid var(--glass-border)}.portfolio-body-inner{padding:2.5rem 2rem}.portfolio-intro{color:var(--text-primary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.portfolio-body-section{margin-bottom:3rem}.portfolio-body-section:last-child{margin-bottom:0}.portfolio-body-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.portfolio-tags{flex-wrap:wrap;gap:.75rem;display:flex}.portfolio-tag{color:var(--text-secondary);transition:var(--transition);background:#ffffff05;border:1px solid #ffffff0f;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem}.portfolio-tag:hover{color:var(--text-primary);background:#6366f114;border-color:#6366f14d;transform:translateY(-1px)}.portfolio-links-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.portfolio-link-card{transition:var(--transition);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.portfolio-link-icon-container{width:38px;height:38px;color:var(--text-secondary);transition:var(--transition);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portfolio-link-text-container{flex-direction:column;flex-grow:1;min-width:0;display:flex}.portfolio-link-title{color:var(--text-primary);transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.portfolio-link-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-top:.15rem;font-size:.75rem}.portfolio-link-card:hover{background:#6366f10a;border-color:#6366f166;transform:translateY(-3px);box-shadow:0 8px 20px -8px #6366f14d}.portfolio-link-card:hover .portfolio-link-icon-container{color:var(--accent-2);background:#6366f11a}.portfolio-link-card:hover .portfolio-link-title{color:var(--accent-2)}.portfolio-link-arrow{color:#ffffff26;transition:var(--transition);flex-shrink:0}.portfolio-link-card:hover .portfolio-link-arrow{color:var(--accent-2);transform:translate(2px)}@media (width<=768px){.portfolio-header{flex-direction:row;align-items:center;padding:1.25rem 1.5rem}.portfolio-title-group{gap:1rem}.portfolio-icon{border-radius:10px;width:40px;height:40px}.portfolio-number,.category-title{font-size:1.1rem}.portfolio-body-inner{padding:2rem 1.25rem}.portfolio-links-grid{grid-template-columns:1fr}}.experience-timeline{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.experience-card{transition:var(--transition);overflow:hidden}.experience-card:hover{border-color:#6366f14d}.experience-card.open{border-color:#6366f180;box-shadow:0 10px 30px #00000080}.experience-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.experience-title-group{align-items:center;gap:1.5rem;display:flex}.experience-icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.role-title{margin-bottom:.25rem;font-size:1.25rem}.company-name{color:var(--accent-2);font-size:1rem;font-weight:500}.experience-meta-group{align-items:center;gap:1.5rem;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.expand-icon{color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.experience-body{border-top:1px solid var(--glass-border)}.experience-body-inner{padding:2rem}.experience-description{color:var(--text-primary);margin-bottom:3rem;font-size:1.05rem}.experience-body-section{margin-bottom:4rem}.experience-body-section:last-child{margin-bottom:0}.experience-body-section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.custom-list{list-style:none}.custom-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.custom-list li:before{content:"";background:var(--accent-1);border-radius:50%;width:6px;height:6px;position:absolute;top:.6rem;left:0}.custom-list.success li:before{background:#10b981}.links-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.portfolio-link{border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.portfolio-link:hover{color:var(--accent-2);transform:translateY(-2px)}@media (width<=768px){.experience-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.experience-meta-group{flex-wrap:wrap;justify-content:space-between;width:100%}.expand-icon{position:absolute;top:1.5rem;right:1.5rem}}.education-content{z-index:2;position:relative}.education-sub-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700;position:relative}.education-sub-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.education-block{margin-bottom:3rem}.education-list{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.education-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;padding:2rem;transition:all .3s;display:flex}.education-item:hover{background:#ffffff0d;border-color:#6366f14d}@media (width>=768px){.education-item{flex-direction:row;align-items:center}}.edu-meta{min-width:180px;margin-bottom:1rem}@media (width>=768px){.edu-meta{margin-bottom:0}}.edu-period{color:var(--accent);background:#6366f11a;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.edu-degree{color:var(--text-light);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.edu-institution{color:var(--text-muted);margin:0;font-size:1rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.course-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem}.course-date{color:var(--accent);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.course-title{color:var(--text-light);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.course-institution{color:var(--text-muted);margin:0;font-size:.95rem}.course-description{color:var(--text-secondary);border-top:1px solid #ffffff0d;margin-top:.75rem;padding-top:.75rem;font-size:.875rem;line-height:1.5}.search-bar-section{z-index:10;padding:1.5rem 0;scroll-margin-top:2rem;position:relative}.search-bar-wrapper{max-width:700px;transition:var(--transition);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:1rem;margin:0 auto;padding:.85rem 1.5rem;display:flex;border-radius:9999px!important}.search-bar-wrapper:hover{border-color:#6366f140;box-shadow:0 4px 20px #6366f10d}.search-bar-wrapper:focus-within{background:#ffffff0a;border-color:#06b6d466;box-shadow:0 0 25px #06b6d426}.search-icon{color:var(--accent-2);transition:var(--transition);flex-shrink:0}.search-bar-wrapper:focus-within .search-icon{color:var(--accent-1);transform:scale(1.05)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex-grow:1;font-family:inherit;font-size:1.05rem}.search-input::placeholder{color:#ffffff4d;font-size:1rem}.search-clear-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.search-clear-btn:hover{color:var(--text-primary);background:#ffffff14}@media (width<=768px){.search-bar-section{padding:1rem 0}.search-bar-wrapper{gap:.75rem;padding:.7rem 1.2rem}.search-input{font-size:.95rem}}.collapsible-panel-section{z-index:2;padding:1rem 0;position:relative}.collapsible-panel-section:first-of-type{padding-top:3rem}.collapsible-panel-section:last-of-type{padding-bottom:5rem}.panel-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.panel-card:hover{border-color:#6366f133;box-shadow:0 10px 40px -15px #6366f126}.panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff03;justify-content:space-between;align-items:center;padding:1.75rem 2.5rem;transition:background .3s;display:flex}.panel-header:hover{background:#ffffff08}.panel-title-group{align-items:center;gap:1.5rem;display:flex}.panel-icon-wrapper{width:48px;height:48px;color:var(--accent-2);background:#6366f114;border:1px solid #6366f126;border-radius:14px;justify-content:center;align-items:center;transition:all .3s;display:flex}.panel-icon{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));-webkit-text-fill-color:transparent;color:var(--accent-1);-webkit-background-clip:text}.panel-card:hover .panel-icon-wrapper{background:#6366f11f;border-color:#6366f14d;box-shadow:0 0 15px #6366f133}.panel-title-text{flex-direction:column;display:flex}.panel-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.panel-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.panel-expand-icon{width:40px;height:40px;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.panel-header:hover .panel-expand-icon{color:var(--text-primary);background:#6366f11a;border-color:#6366f14d;box-shadow:0 0 10px #6366f11a}.panel-body{border-top:1px solid #ffffff0d;overflow:hidden}.panel-body-inner{padding:3rem 2.5rem}@media (width<=768px){.panel-header{padding:1.25rem 1.5rem}.panel-title-group{gap:1rem}.panel-icon-wrapper{border-radius:10px;width:40px;height:40px}.panel-title{font-size:1.25rem}.panel-subtitle{font-size:.85rem}.panel-expand-icon{width:32px;height:32px}.panel-body-inner{padding:2rem 1.25rem}}.skills-section-list{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.skills-card{transition:var(--transition);overflow:hidden}.skills-card:hover{border-color:#6366f14d}.skills-card.open{border-color:#6366f180;box-shadow:0 10px 30px #00000080}.skills-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.skills-card-title-group{align-items:center;gap:1.5rem;display:flex}.skills-card-number-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.skills-card-number{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.skills-category-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.skills-card-meta-group{align-items:center;gap:1.5rem;display:flex}.skills-tag-count{color:var(--text-secondary);font-size:.9rem}.skills-expand-icon{color:var(--text-secondary);width:32px;height:32px;transition:var(--transition);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.skills-card:hover .skills-expand-icon{color:var(--text-primary);background:#6366f11a}.skills-card-body{border-top:1px solid var(--glass-border)}.skills-card-body-inner{padding:2.5rem 2rem}.skills-tag-cloud{flex-wrap:wrap;gap:.75rem;display:flex}.skills-tag-item{color:var(--text-secondary);transition:var(--transition);background:#ffffff05;border:1px solid #ffffff0f;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem}.skills-tag-item:hover{color:var(--text-primary);background:#6366f114;border-color:#6366f14d;transform:translateY(-1px)}@media (width<=768px){.skills-card-header{flex-direction:row;align-items:center;padding:1.25rem 1.5rem}.skills-card-title-group{gap:1rem}.skills-card-number-wrapper{border-radius:10px;width:40px;height:40px}.skills-card-number,.skills-category-title{font-size:1.1rem}.skills-card-body-inner{padding:2rem 1.25rem}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.text-center{text-align:center}.footer{z-index:5;background:linear-gradient(#0000,#6366f10d);padding:100px 0 150px;position:relative}.footer-title{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem)}.footer-subtitle{color:var(--text-secondary);font-size:1.25rem}@media (width<=768px){.footer{padding:60px 0 100px}}