.desktop-widgets{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(280px,auto));gap:24px;padding:30px;width:100%;max-width:1400px;margin:0 auto;height:calc(100vh - 100px);pointer-events:none;align-content:center}.widget{pointer-events:auto;background:#121214bf;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff14 inset;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;color:#fff}.widget:hover{transform:translateY(-8px) scale(1.01);border-color:#ffffff4d;box-shadow:0 40px 80px -12px #0009,0 0 0 1px #ffffff26 inset;z-index:100}.widget-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(to bottom,rgba(255,255,255,.03),transparent);border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;color:#fff;font-size:15px;letter-spacing:.5px;text-transform:uppercase;opacity:.9}.widget-header i{font-size:18px;color:#0a84ff;filter:drop-shadow(0 0 8px rgba(10,132,255,.6))}.info-widget .widget-header i{color:#30d158;filter:drop-shadow(0 0 8px rgba(48,209,88,.6))}.experience-widget .widget-header i{color:#bf5af2;filter:drop-shadow(0 0 8px rgba(191,90,242,.6))}.projects-widget .widget-header i{color:#ff9f0a;filter:drop-shadow(0 0 8px rgba(255,159,10,.6))}.github-widget .widget-header i{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.widget-content{padding:24px;flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.profile-quick{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.status-indicator.online{width:14px;height:14px;background:#30d158;border-radius:50%;box-shadow:0 0 15px 2px #30d15899;margin-bottom:16px;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #30d158b3}70%{box-shadow:0 0 0 10px #30d15800}to{box-shadow:0 0 #30d15800}}.status-text{font-size:16px;margin-bottom:8px;color:#ffffffe6}.status-text strong{color:#30d158;text-shadow:0 0 10px rgba(48,209,88,.3)}.role{font-size:20px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 15px rgba(0,0,0,.3)}.location{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:13px}.experience-summary{height:100%;display:flex;flex-direction:column}.experience-list{flex:1;display:flex;flex-direction:column;gap:16px;position:relative;padding-left:20px}.experience-list:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:#ffffff1a;border-radius:2px}.experience-item-mini{position:relative;padding:18px;background:linear-gradient(145deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px}.experience-item-mini:hover{background:#ffffff1f;transform:translate(5px);border-color:#fff3}.experience-item-mini.current{background:linear-gradient(145deg,#0a84ff26,#0a84ff0d);border:1px solid rgba(10,132,255,.3);box-shadow:0 8px 20px -5px #0a84ff33}.experience-dot{position:absolute;left:-24px;top:24px;width:14px;height:14px;border-radius:50%;background:#1e1e1e;border:3px solid rgba(255,255,255,.3);z-index:2;transition:all .3s ease}.experience-item-mini:hover .experience-dot{transform:scale(1.2);border-color:#fff}.experience-item-mini.current .experience-dot{background:#0a84ff;border-color:#0a84ff;box-shadow:0 0 15px #0a84ff99}.company-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.position{font-size:14px;color:#fffc;font-weight:500}.period{font-size:12px;color:#ffffff80;margin-top:4px;display:inline-block;padding:2px 8px;background:#0003;border-radius:10px}.projects-widget .widget-content{padding:0;display:flex;flex-direction:column;height:100%}.project-gallery{flex:1;position:relative;width:100%;height:100%}.project-slide{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease;display:flex;align-items:flex-end;padding:0}.project-slide.active{opacity:1}.project-slide:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:1}.project-info-overlay{position:relative;z-index:2;padding:24px;width:100%}.project-info-overlay h4{font-size:18px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.project-info-overlay span{display:inline-block;padding:4px 10px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;font-size:12px;color:#fff;font-weight:600}.project-dots{position:absolute;top:20px;right:20px;z-index:5;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;border-radius:20px;display:flex;gap:6px}.time-display{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.current-time{font-size:42px;font-weight:200;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.current-date{font-size:14px;opacity:.7;letter-spacing:1px}.stat-row{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-icon{color:#fffc;width:24px;text-align:center}.stat-text{color:#fff;font-weight:500;font-size:14px}.info-widget,.clock-widget{grid-column:span 1;grid-row:span 1}.experience-widget{grid-column:span 2;grid-row:span 2;max-height:none!important}.projects-widget,.github-widget{grid-column:span 1;grid-row:span 1}@media (max-width: 1200px){.desktop-widgets{grid-template-columns:repeat(2,1fr);gap:20px}.experience-widget{grid-column:span 2;grid-row:span 1}}@media (max-width: 768px){.desktop-widgets{grid-template-columns:1fr;padding:15px}.widget{grid-column:span 1!important;grid-row:span 1!important;min-height:200px}}.desktop{height:100vh;width:100vw;max-width:100vw;position:relative;overflow:hidden;overflow-x:hidden;background:url(https://4kwallpapers.com/images/wallpapers/macos-big-sur-apple-layers-fluidic-colorful-wwdc-stock-2560x1440-1455.jpg) no-repeat center center fixed;background-size:cover;box-shadow:inset 0 0 200px #0000004d}.menu-bar{position:fixed;top:0;left:0;right:0;height:30px;background:#0d1117d9;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(48,54,61,.3);display:flex;justify-content:space-between;align-items:center;padding:0 15px;z-index:1000;font-size:13px;color:#fffffff2;font-weight:500}.menu-left{display:flex;align-items:center;gap:20px}.apple-logo img{margin-top:5px;width:20px;height:20px;border-radius:50%}.menu-item{cursor:pointer;padding:5px 8px;border-radius:4px;transition:background-color .2s}.menu-item:hover{background-color:#ffffff1a}.menu-item.active{font-weight:600}.menu-right{display:flex;align-items:center;gap:10px}.time{font-weight:500}@media (max-width: 768px){.menu-bar{height:40px;padding:0 10px;font-size:12px}.menu-left{gap:10px}.menu-item{padding:4px 6px;font-size:11px}.apple-logo img{width:16px;height:16px;margin-top:3px}}.dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:16px;background:#121214bf;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);padding:16px 24px;border-radius:32px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a;z-index:9999}.dock-item{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.dock-item:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a}.dock-item i{font-size:28px;color:#ffffffd9;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.dock-item:hover i{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.active-dot{position:absolute;bottom:-8px;width:6px;height:6px;background:#0a84ff;border-radius:50%;box-shadow:0 0 8px #0a84ff}.dock-tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:#121214e6;color:#fff;padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.dock-item:hover .dock-tooltip{opacity:1;top:-55px}@media (max-width: 768px){.dock{bottom:12px;padding:8px 16px;gap:8px;border-radius:24px}.dock-item{width:44px;height:44px;border-radius:12px}.dock-item i{font-size:20px}.active-dot{width:4px;height:4px;bottom:-6px}}.window{position:fixed;background:#161618d9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:16px;box-shadow:0 30px 60px #00000080,0 0 0 1px #ffffff1a inset;border:1px solid rgba(255,255,255,.1);width:800px;height:600px;min-width:400px;min-height:300px;z-index:100;opacity:0;left:0;top:0;transform:scale(.95);-webkit-user-select:none;user-select:none;transition:opacity .3s ease,transform .3s ease;color:#fff}.window.show{opacity:1;transform:scale(1)}.window-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);border-radius:16px 16px 0 0;cursor:move;border-bottom:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none}.window-title{display:flex;align-items:center;gap:10px;font-weight:600;color:#ffffffe6;font-size:14px;pointer-events:none}.window-title i{font-size:16px;color:#0a84ff}.window-controls{display:flex;gap:8px;pointer-events:auto}.control-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;background:#ff5f56;box-shadow:inset 0 0 0 1px #0000001a}.control-btn:hover{opacity:.8}.window-content{padding:0;height:calc(100% - 50px);overflow:hidden;position:relative;color:#ffffffe6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.resume-content{background:transparent;padding:0;height:100%;overflow-y:auto}.resume-header{background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:40px;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none}.resume-header:before{display:none}.name-title h1{color:#fff}.job-title{color:#0a84ff}.eng-name{color:#fff9}.window-content h1,.window-content h2,.window-content h3,.window-content h4,.window-content h5{color:#fff}.window-content p,.window-content li,.window-content span{color:#ffffffd9}.text-muted{color:#ffffff80!important}.resume-section{padding:40px;border-bottom:1px solid rgba(255,255,255,.1)}.section-header{border-bottom:2px solid rgba(255,255,255,.1)}.section-header:after{background:#0a84ff}.competency-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:32px;border-radius:16px;position:relative;overflow:hidden;transition:all .3s ease}.competency-card h3{color:#fff;margin-top:0}.competency-card p{color:#fffc}.competency-card:hover{border-color:#0a84ff;transform:translateY(-5px);background:#ffffff14}.about-content{text-align:left;max-width:700px;margin:0 auto;padding:30px;height:calc(100% - 60px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;position:relative}.profile-section{display:flex;gap:30px;margin-bottom:30px;align-items:flex-start}.profile-image{width:200px;height:200px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 10px 30px #0003;border:3px solid rgba(102,126,234,.3)}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-info h2{color:#333;margin-bottom:8px;font-size:28px;font-weight:700}.profile-info .title{color:#667eea;font-size:18px;font-weight:600;margin-bottom:20px}.personal-info{display:grid;gap:8px}.personal-info p{color:#555;font-size:14px;margin:0;line-height:1.4;display:flex;align-items:center}.personal-info strong{color:#333;font-weight:600;min-width:80px;display:inline-block}.divider{height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);margin:30px 0;border-radius:1px}.about-description{margin-bottom:30px}.about-description h3{color:#667eea;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center;font-style:italic}.about-description p{color:#555;line-height:1.8;margin-bottom:16px;font-size:15px}.about-description ul{margin:16px 0;padding-left:20px}.about-description li{color:#555;line-height:1.6;margin-bottom:8px;font-size:14px;display:flex;align-items:flex-start;gap:8px}.about-description strong{color:#333;font-weight:600}.skills-grid{display:grid;gap:30px}.skill-category h3{color:#333;margin-bottom:15px;font-size:20px;display:flex;align-items:center;gap:10px}.skill-items{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 15px #0000001a;transition:transform .2s}.skill-tag:hover{transform:translateY(-2px)}.projects-container,.experience-container{height:100%;overflow-y:auto;padding-right:10px}.project-card,.experience-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:16px;padding:0;margin-bottom:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover,.experience-card:hover{transform:translateY(-1px);border-color:#ffffff26}.project-header,.experience-header{display:flex;align-items:center;gap:16px;margin-bottom:0;cursor:pointer;transition:all .3s ease;position:relative;padding:18px 20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-header:hover,.experience-header:hover{background:#ffffff0d;border-bottom-color:#ffffff1f}.project-toggle,.experience-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;color:#ffffffb3;font-size:14px;background:#ffffff1a;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);z-index:2}.project-header.expanded .project-toggle,.experience-header.expanded .experience-toggle{transform:translateY(-50%) rotate(180deg);background:#4ade8033;border-color:#4ade8066;color:#4ade80}.project-icon,.experience-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.project-title,.experience-title{flex:1;margin-right:10px}.project-title h3,.experience-title h3{color:#333;margin:0 0 4px;font-size:20px;font-weight:700}.project-subtitle,.experience-title .company{color:#666;margin:0;font-size:14px}.project-badge,.experience-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0;color:#fff;margin-right:40px;display:flex;align-items:center;gap:4px}.project-badge.team-lead{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.project-badge.solo,.experience-badge.current{background:#4ade8033;border:1px solid rgba(74,222,128,.4);color:#4ade80}.experience-badge.past{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.project-details,.experience-details{max-height:0;overflow:hidden;transition:all .4s ease;opacity:0;transform:translateY(-5px);display:flex;flex-direction:column;gap:16px;padding:0 24px}.project-details.expanded,.experience-details.expanded{max-height:3000px;opacity:1;transform:translateY(0);margin-top:0}.project-meta,.experience-meta{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:#667eea0d;border-radius:8px;border-left:4px solid #667eea}.project-meta span,.experience-meta span{display:flex;align-items:center;gap:6px;color:#555;font-size:13px;font-weight:500}.project-description,.experience-description{color:#555}.project-description h4,.experience-description h4{color:#333;margin:20px 0 12px;font-size:16px;font-weight:600;border-bottom:2px solid #667eea;padding-bottom:8px}.project-description h4:first-child,.experience-description h4:first-child{margin-top:0}.project-description ul,.experience-description ul{margin:0;padding-left:20px}.project-description li,.experience-description li{color:#555;line-height:1.6;margin-bottom:8px;font-size:14px}.project-description strong,.experience-description strong{color:#333;font-weight:600}.project-description p{margin:12px 0}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#667eea1a;color:#667eea;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.achievement-highlight{display:flex;gap:16px;margin:16px 0;flex-wrap:wrap}.achievement-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:20px;color:#667eea;font-size:13px;font-weight:600;transition:all .3s ease}.achievement-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.tech-stack-section{margin:24px 0;padding:16px;background:#667eea08;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.tech-stack-section h5{color:#333;margin:0 0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.tech-stack-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-stack-tags .tech-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;transition:all .3s ease}.tech-stack-tags .tech-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.expertise-item{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;border:1px solid rgba(102,126,234,.1);box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.expertise-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.expertise-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0;transition:all .3s ease}.expertise-item:hover .expertise-icon{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.expertise-content h5{color:#333;margin:0 0 8px;font-size:16px;font-weight:600}.expertise-content p{color:#666;margin:0;font-size:13px;line-height:1.5}.contact-info{display:grid;gap:20px}.contact-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff9;border-radius:12px;transition:all .2s;cursor:pointer}.contact-item:hover{background:#fffc;transform:translate(8px)}.contact-item i{font-size:20px;color:#667eea;width:24px;text-align:center}.contact-item span{color:#333;font-weight:500}.terminal-window-content{background:#1e1e1e;height:100%;padding:16px;overflow-y:auto;display:flex;flex-direction:column;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#0f0}.terminal-output{flex:1;overflow-y:auto;margin-bottom:16px;padding-right:8px}.terminal-line{margin-bottom:4px;line-height:1.4;word-wrap:break-word}.terminal-input-line{display:flex;align-items:center;flex-shrink:0;margin-top:auto}.terminal-prompt{color:#0f0;margin-right:8px}.terminal-input{background:transparent;border:none;color:#0f0;outline:none;flex:1;font-family:inherit;font-size:14px}.resume-content::-webkit-scrollbar,.about-content::-webkit-scrollbar,.projects-container::-webkit-scrollbar,.experience-container::-webkit-scrollbar,.terminal-output::-webkit-scrollbar{width:8px}.resume-content::-webkit-scrollbar-track,.about-content::-webkit-scrollbar-track,.projects-container::-webkit-scrollbar-track,.experience-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.terminal-output::-webkit-scrollbar-track{background:#333;border-radius:4px}.resume-content::-webkit-scrollbar-thumb,.about-content::-webkit-scrollbar-thumb,.projects-container::-webkit-scrollbar-thumb,.experience-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.resume-content::-webkit-scrollbar-thumb:hover,.about-content::-webkit-scrollbar-thumb:hover,.projects-container::-webkit-scrollbar-thumb:hover,.experience-container::-webkit-scrollbar-thumb:hover{background:#5a67d8}.terminal-output::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width: 768px){.window{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;max-width:100vw!important;max-height:100vh!important;transform:none!important;border-radius:0!important;margin:0!important}.window.show{transform:none!important}.window-header{border-radius:0!important;padding:15px 20px;height:60px;cursor:default!important}.window-title{font-size:16px}.control-btn{width:24px;height:24px;font-size:14px}.window-content{padding:15px;height:calc(100vh - 60px)!important;overflow-y:auto}.resume-content{padding:0}.resume-header{flex-direction:column;padding:24px;gap:24px;text-align:center}.resume-photo{width:120px;height:120px}.name-title h1{font-size:28px;flex-direction:column;gap:4px}.eng-name{font-size:18px}.job-title{font-size:16px;justify-content:center}.contact-grid{grid-template-columns:repeat(2,1fr);gap:8px}.contact-grid .contact-item{font-size:12px;padding:6px 10px}.resume-section{padding:24px 16px}.section-header h2,.section-header i{font-size:20px}.summary-quote{font-size:18px}.summary-text{font-size:14px}.competencies-grid{grid-template-columns:1fr;gap:16px}.competency-card{padding:20px}.competency-icon{width:50px;height:50px}.competency-icon i{font-size:24px}.competency-card h3{font-size:18px}.achievements-showcase{grid-template-columns:repeat(2,1fr);gap:12px}.achievement-box{padding:16px}.achievement-number{font-size:36px}.achievement-label{font-size:14px}.achievement-desc{font-size:12px}.tech-category-summary{flex-direction:column;gap:12px;padding:16px}.tech-category-icon{width:50px;height:50px}.tech-category-icon i{font-size:24px}.tech-category-content h4{font-size:16px}.tech-category-content p{font-size:13px}.timeline{padding-left:30px}.timeline:before{left:10px}.timeline-marker{left:-19px;width:24px;height:24px}.timeline-header{flex-direction:column;align-items:flex-start;gap:8px}.timeline-header h3{font-size:18px}.timeline-period{font-size:12px}.timeline-position{font-size:14px}.timeline-highlights li{font-size:13px}.featured-project{padding:16px}.project-icon-mini{width:40px;height:40px}.project-icon-mini i{font-size:20px}.project-header-mini h4{font-size:16px}.why-me-item{flex-direction:column;gap:16px;padding:20px}.why-me-number{font-size:36px}.why-me-text h4{font-size:18px}.why-me-text p{font-size:14px}.about-content{padding:15px;height:calc(100vh - 90px)!important}.profile-section{flex-direction:column;align-items:center;text-align:center}.profile-image{width:120px;height:120px}.profile-info h2{font-size:24px;text-align:center}.project-header,.experience-header{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.project-icon,.experience-icon{width:50px;height:50px;font-size:20px}}@media (max-width: 480px){.resume-header{padding:20px 16px}.resume-photo{width:100px;height:100px}.name-title h1{font-size:24px}.eng-name{font-size:16px}.job-title{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:6px}.contact-grid .contact-item{font-size:11px;padding:6px 8px}.resume-section{padding:20px 12px}.section-header h2{font-size:18px}.summary-quote{font-size:16px}.summary-text{font-size:13px}.competency-card{padding:16px}.competency-icon{width:45px;height:45px}.competency-icon i{font-size:20px}.competency-card h3{font-size:16px}.competency-card>p{font-size:13px}.competency-items li{font-size:13px}.achievements-showcase{grid-template-columns:1fr;gap:12px}.achievement-number{font-size:32px}.achievement-label{font-size:13px}.achievement-desc{font-size:11px}.tech-category-summary{padding:12px}.tech-category-icon{width:40px;height:40px}.tech-category-icon i{font-size:20px}.tech-category-content h4{font-size:15px}.tech-category-content p{font-size:12px}.timeline{padding-left:25px}.timeline-marker{width:20px;height:20px;left:-17px}.timeline-content{padding:16px}.timeline-header h3{font-size:16px}.timeline-position{font-size:13px}.timeline-highlights li{font-size:12px}.featured-project{padding:12px}.project-icon-mini{width:35px;height:35px}.project-icon-mini i{font-size:18px}.project-header-mini{gap:12px}.project-header-mini h4{font-size:15px}.project-badge-mini{font-size:11px}.featured-project>p{font-size:13px}.project-tech-mini span{font-size:11px;padding:3px 10px}.why-me-item{padding:16px;gap:12px}.why-me-number{font-size:32px}.why-me-text h4{font-size:16px}.why-me-text p{font-size:13px}}.about-container{display:flex;height:100%;background:transparent;color:#fff}.about-sidebar{width:240px;background:#0003;border-right:1px solid rgba(255,255,255,.1);padding:20px;display:flex;flex-direction:column;gap:8px}.sidebar-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:transparent;border:none;color:#fff9;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-btn:hover{background:#ffffff0d;color:#fff}.sidebar-btn.active{background:#0a84ff26;color:#0a84ff;font-weight:600}.sidebar-btn i{width:20px;text-align:center;font-size:16px}.about-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:40px;position:relative}.profile-header{display:flex;gap:32px;align-items:flex-start;margin-bottom:40px}.profile-avatar-container{position:relative;flex-shrink:0}.profile-avatar{width:140px;height:140px;border-radius:50%;border:4px solid rgba(255,255,255,.1);object-fit:cover;box-shadow:0 10px 30px #0000004d}.online-status{position:absolute;bottom:10px;right:10px;background:#30d158;color:#000;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;border:2px solid #1c1c1e;display:flex;align-items:center;gap:4px}.profile-info h1{font-size:36px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-role{font-size:18px;color:#0a84ff;margin-bottom:16px;display:flex;align-items:center;gap:8px}.contact-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-size:13px;color:#fffc;display:flex;align-items:center;gap:8px;transition:all .2s}.chip:hover{background:#ffffff26;border-color:#ffffff4d}.section-title{font-size:20px;font-weight:700;margin:40px 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;color:#fff}.section-title i{color:#0a84ff}.career-grid{display:flex;flex-direction:column;gap:20px}.timeline-container{position:relative;padding-left:20px}.timeline-track{position:absolute;left:0;top:0;bottom:0;width:2px;background:#ffffff1a}.career-item{margin-bottom:40px;position:relative;padding-left:30px}.career-dot{position:absolute;left:-5px;top:0;width:12px;height:12px;background:#0a84ff;border-radius:50%;box-shadow:0 0 10px #0a84ff80}.career-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .2s}.career-card:hover{background:#ffffff14;border-color:#0a84ff;transform:translate(5px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.skill-category{background:#ffffff08;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.05)}.skill-category h3{margin:0 0 16px;font-size:16px;color:#0a84ff;display:flex;align-items:center;gap:8px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#0a84ff1a;color:#0a84ff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .2s}.project-card:hover{transform:translateY(-5px);border-color:#0a84ff;box-shadow:0 10px 30px #0003}.project-card h3{margin:10px 0 5px;font-size:18px}.project-role{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.projects-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.gallery-card{background:#1e1e2399;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.gallery-card h3{margin:4px 0 0;font-size:18px;font-weight:700}.gallery-desc{font-size:13px;color:#fffc;line-height:1.5;margin-bottom:20px;min-height:40px}.about-main::-webkit-scrollbar{width:6px}.about-main::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.career-grid{display:flex;flex-direction:column;gap:20px;padding:10px}.company-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.company-card:hover{background:#ffffff14;border-color:var(--accent-color)}.company-card.expanded{background:#141418f2;border-color:var(--accent-color);box-shadow:0 20px 60px #00000080;z-index:10}.company-header{display:flex;align-items:center;gap:20px}.company-logo-wrapper{width:60px;height:60px;background:#ffffff1a;border-radius:16px;display:flex;align-items:center;justify-content:center}.company-logo-wrapper i{font-size:28px;color:var(--accent-color)}.company-info{flex:1}.company-info h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#fff}.company-period{font-size:14px;color:#ffffff80}.company-toggle-icon{font-size:18px;color:#ffffff4d;transition:color .2s}.company-card:hover .company-toggle-icon{color:#fff}.company-role-badge{margin-top:16px;display:inline-block;padding:6px 12px;border-radius:8px;background:#ffffff1a;color:var(--accent-color);font-size:14px;font-weight:600}.company-summary{margin-top:16px;color:#ffffffb3;font-size:14px}.company-details{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.identity-section{margin-bottom:24px;text-align:center}.identity-label{font-size:11px;letter-spacing:2px;color:#fff6;margin-bottom:8px}.identity-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px;font-style:italic}.identity-desc{font-size:14px;color:#ffffffb3;max-width:80%;margin:0 auto}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-box{background:#ffffff08;padding:12px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.05)}.stat-value{font-size:20px;font-weight:800;margin-bottom:4px}.stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase}.projects-showcase h3{font-size:16px;margin-bottom:16px;color:#fff;border-left:3px solid var(--accent-color);padding-left:10px}.company-projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.mini-project-card{background:#ffffff0d;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.mini-project-card:hover{transform:translateY(-3px);background:#ffffff14}.mini-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-type{font-size:10px;color:var(--accent-color);border:1px solid var(--accent-color);padding:2px 6px;border-radius:4px}.mini-project-card h4{margin:0;font-size:15px;color:#fff}.mini-project-card p{font-size:12px;color:#fff9;line-height:1.5;margin-bottom:12px}.mini-tech-stack{display:flex;flex-wrap:wrap;gap:6px}.mini-tech-stack span{font-size:10px;background:#0000004d;padding:3px 6px;border-radius:4px;color:#ccc}.projects-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px}.gallery-card{background:#1e1e2399;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;display:flex;flex-direction:column}.gallery-card:hover{border-color:#fff3;box-shadow:0 10px 40px #0006}.gallery-header{margin-bottom:12px}.gallery-category{font-size:11px;text-transform:uppercase;color:#ffffff80;letter-spacing:1px}.gallery-card h3{margin:4px 0 0;font-size:18px;font-weight:700;color:#fff}.gallery-meta{display:flex;gap:12px;margin-bottom:16px;font-size:12px;color:#fff9}.gallery-desc{font-size:13px;color:#fffc;line-height:1.5;margin-bottom:20px;flex:1}.gallery-features{margin-bottom:20px}.feature-dot-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc;margin-bottom:4px}.feature-dot-item .dot{width:6px;height:6px;border-radius:50%}.gallery-tech{display:flex;flex-wrap:wrap;gap:8px}.gallery-tech span{font-size:11px;padding:4px 8px;border-radius:6px;background:#ffffff1a;color:#dedede}.filter-bar{display:flex;gap:10px;margin-bottom:24px;padding:0 10px}.filter-chip{padding:8px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;font-size:13px;transition:all .2s}.filter-chip:hover{background:#ffffff1a;color:#fff}.filter-chip.active{background:#0a84ff;color:#fff;border-color:#0a84ff}.welcome-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex!important;align-items:center!important;display:flex;align-items:center;justify-content:center;z-index:99999}.welcome-card{background:#161618d9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:40px;width:420px;max-width:90vw;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff1a inset;text-align:center;color:#fff}.welcome-header{margin-bottom:24px}.avatar-wrapper{position:relative;width:100px;height:100px;margin:0 auto 16px}.welcome-avatar{width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.2);object-fit:cover}.online-badge{position:absolute;bottom:5px;right:5px;width:18px;height:18px;background:#30d158;border:3px solid #1c1c1e;border-radius:50%;box-shadow:0 0 10px #30d15880}.welcome-title h2{font-size:24px;margin:0 0 4px;font-weight:700}.welcome-title span{font-size:14px;color:#0a84ff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.welcome-body p{font-size:15px;line-height:1.6;color:#fffc;margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.feature-box{background:#ffffff0d;padding:12px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;border:1px solid rgba(255,255,255,.05)}.feature-box i{font-size:20px}.welcome-btn{width:100%;padding:16px;background:#0a84ff;border:none;border-radius:16px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #0a84ff4d}.welcome-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.welcome-btn i{font-size:14px}.help-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:3000!important;opacity:1;transition:opacity .3s;margin:0!important;padding:0!important;box-sizing:border-box!important}.help-modal.hidden{opacity:0;pointer-events:none}.help-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2);max-width:800px;max-height:90vh;width:90vw;overflow:hidden;transform:scale(.9);animation:helpIn .3s cubic-bezier(.25,.46,.45,.94) forwards;margin:auto;box-sizing:border-box}@keyframes helpIn{to{transform:scale(1)}}.help-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.help-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.help-close-btn{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.help-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.help-body{padding:30px;max-height:calc(90vh - 160px);overflow-y:auto}.help-section{margin-bottom:30px}.help-section h3{color:#333;margin-bottom:15px;font-size:18px;display:flex;align-items:center;gap:10px;border-bottom:2px solid #667eea;padding-bottom:8px}.help-item{margin-bottom:12px;padding:12px;background:#667eea0d;border-radius:8px;border-left:4px solid #667eea}.help-item strong{color:#333}.help-item code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.tech-item{text-align:center;padding:20px;background:#ffffffb3;border-radius:12px;border:1px solid rgba(102,126,234,.2);transition:all .2s}.tech-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.tech-item i{font-size:32px;color:#667eea;margin-bottom:8px}.tech-item span{display:block;font-weight:600;color:#333;margin-bottom:4px}.tech-item small{color:#666;font-size:12px}.feature-list{display:grid;gap:15px}.feature-list .feature-item{display:flex;gap:15px;padding:15px;background:#ffffffb3;border-radius:12px;border:1px solid rgba(102,126,234,.2);transition:all .2s}.feature-list .feature-item:hover{transform:translate(8px);box-shadow:0 5px 20px #0000001a}.feature-list .feature-item i{font-size:24px;color:#667eea;margin-top:5px}.feature-list .feature-item strong{color:#333;display:block;margin-bottom:4px}.feature-list .feature-item p{color:#666;margin:0;font-size:14px;line-height:1.4}.design-concept{display:grid;gap:12px}.concept-item{padding:12px 15px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border-left:4px solid #667eea}.concept-item strong{color:#667eea}.help-footer{padding:20px 30px;background:#667eea0d;text-align:center;color:#666;border-top:1px solid rgba(102,126,234,.1)}.help-footer i{color:#e74c3c}@media (max-width: 768px){.welcome-content{padding:25px;max-width:95vw;width:95vw;max-height:90vh;overflow-y:auto}.welcome-avatar{width:60px;height:60px}.welcome-content h2{font-size:22px;margin-bottom:15px}.welcome-intro{font-size:16px;margin-bottom:15px}.welcome-message p{font-size:14px;line-height:1.6;margin-bottom:10px}.welcome-features{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.help-content{width:95vw;max-height:95vh;height:95vh}.help-body{padding:15px;max-height:calc(95vh - 110px)}.tech-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tech-item{padding:10px}.tech-item i{font-size:18px}.tech-item span{font-size:11px}.tech-item small{font-size:9px}}@media (max-width: 480px){.welcome-content{padding:20px}.welcome-avatar{width:50px;height:50px}.welcome-content h2{font-size:20px}.welcome-intro{font-size:15px}.welcome-message p{font-size:13px}.welcome-features{grid-template-columns:1fr;gap:8px}.tech-grid{grid-template-columns:1fr;gap:6px}}.particle-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:1;opacity:.6;width:100%;height:100%}.desktop{height:100vh;width:100vw;max-width:100vw;position:relative;overflow:hidden;overflow-x:hidden;background:radial-gradient(circle at 15% 25%,rgba(0,122,255,.08) 0%,transparent 35%),radial-gradient(circle at 85% 15%,rgba(88,86,214,.06) 0%,transparent 40%),radial-gradient(circle at 25% 75%,rgba(52,199,89,.04) 0%,transparent 30%),radial-gradient(circle at 75% 85%,rgba(255,59,48,.03) 0%,transparent 25%),linear-gradient(125deg,#1a1a2ee6,#16213ed9,#0f3460cc,#192734d9,#0d1117e6),linear-gradient(225deg,#0d1117,#161b22,#21262d,#30363d,#21262d);background-size:150% 150%,120% 120%,100% 100%,80% 80%,100% 100%,100% 100%;background-position:0% 0%,100% 100%,50% 50%,0% 100%,100% 0%,center;animation:developerFlow 20s ease-in-out infinite}@keyframes developerFlow{0%,to{background-position:0% 0%,100% 100%,50% 50%,0% 100%,100% 0%,center;filter:brightness(1) hue-rotate(0deg)}25%{background-position:100% 100%,0% 0%,40% 60%,100% 0%,0% 100%,center;filter:brightness(1.05) hue-rotate(5deg)}50%{background-position:50% 100%,50% 0%,60% 40%,50% 50%,50% 50%,center;filter:brightness(1.1) hue-rotate(10deg)}75%{background-position:0% 100%,100% 0%,40% 60%,0% 0%,100% 100%,center;filter:brightness(1.05) hue-rotate(5deg)}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden;overflow-x:hidden;height:100vh;width:100vw;max-width:100vw;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);-webkit-user-select:none;user-select:none;position:relative}#root{width:100%;height:100%}