*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#eef2ff;--primary-glow:#6366f126;--accent:#a855f7;--accent-light:#f5f3ff;--success:#10b981;--success-light:#10b9811a;--bg:#f8fafc;--bg-subtle:#f1f5f9;--surface:#fff;--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--muted-light:#94a3b8;--sidebar-bg:#0f172a;--sidebar-text:#e2e8f0;--border:#e2e8f0;--border-light:#f1f5f9;--gradient-primary:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);--gradient-dark:linear-gradient(135deg,#1e293b,#0f172a);--gradient-surface:linear-gradient(135deg,#6366f108,#a855f708);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-xl:0 25px 60px #0000001f;--shadow-glow:0 0 40px #6366f126;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px}#root,body,html{height:100%}body{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.layout{grid-gap:0;display:grid;gap:0;grid-template-columns:280px 1fr;height:100vh;margin:0;overflow:hidden;padding:20px;width:100%}.sidebar{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--gradient-dark);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 25px 60px #0000001f,inset 0 1px 0 #ffffff0d;box-shadow:var(--shadow-xl),inset 0 1px 0 #ffffff0d;color:#e2e8f0;color:var(--sidebar-text);display:flex;flex-direction:column;margin-right:20px;overflow:hidden;padding:0;position:relative}.sidebar:before{background:linear-gradient(180deg,#6366f114,#0000);content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0;top:0}.brand{padding:28px 24px 24px;position:relative}.brand-hi{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em}.brand-role{color:#94a3b8;color:var(--muted-light);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;margin-top:4px}.brand-status{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:99px;color:#10b981;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;margin-top:12px;padding:4px 10px}.brand-status-dot{animation:pulse-dot 2s ease infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.menu{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:0 12px}.menu-item{background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0b3;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;position:relative;text-align:left;transition:all .2s cubic-bezier(.2,.8,.2,1)}.menu-item:hover{background:#ffffff0f;color:#fff}.menu-item.active{background:#6366f126;border-color:#6366f14d;box-shadow:0 0 20px #6366f11a;color:#fff;font-weight:600}.menu-item.active:before{background:#6366f1;background:var(--primary);border-radius:0 3px 3px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-ornament{display:grid;margin-top:auto;padding:16px 12px;place-items:center}.sidebar-gif{border-radius:12px;border-radius:var(--radius-md);height:auto;opacity:.85;transition:all .4s cubic-bezier(.2,.8,.2,1);width:180px}.sidebar-gif:hover{opacity:1;transform:scale(1.03)}.content{border-radius:24px;border-radius:var(--radius-xl);overflow-y:auto;padding:8px 24px 8px 16px;position:relative;scrollbar-width:none}.content::-webkit-scrollbar{display:none}@keyframes fadeScale{0%{opacity:0;transform:scale(.97) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(2deg)}66%{transform:translateY(4px) rotate(-1deg)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes wave{0%,to{transform:rotate(0deg)}50%{transform:rotate(-15deg)}}.fade-in{animation:fadeScale .5s cubic-bezier(.2,.8,.2,1) forwards}.section-title{padding-bottom:16px;position:relative}.section-title h2{color:#0f172a;color:var(--text);font-size:28px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.section-title .muted{color:#64748b;color:var(--muted);font-size:15px;font-weight:400}.section-title:after{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:48px}.muted{color:#64748b;color:var(--muted);font-size:.9em}.stack{grid-gap:28px;display:grid;gap:28px;padding-bottom:40px}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clickable{cursor:pointer}.title{color:#0f172a;color:var(--text);font-weight:600;text-decoration:none}.row{align-items:center;display:flex;gap:12px}.space-between{justify-content:space-between}.center{text-align:center}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:24px;position:relative;transition:all .35s cubic-bezier(.2,.8,.2,1)}.card:before{background:linear-gradient(135deg,#0000 40%,#6366f133);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .35s ease}.card:hover{border-color:#6366f133;box-shadow:0 12px 40px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{opacity:1}.simple-card{display:flex;flex-direction:column;gap:12px;height:100%}.simple-card-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:12px}.simple-card-header .title{color:#0f172a;color:var(--text);font-size:17px;font-weight:600}.simple-card-header .muted{font-size:13px;margin-top:4px}.about-hero-card{grid-gap:48px;align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 12px 40px #00000014;box-shadow:var(--shadow-lg);display:grid;gap:48px;grid-template-columns:1fr 300px;overflow:hidden;padding:48px;position:relative}.about-hero-card:before{animation:gradient-shift 4s ease infinite;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);background-size:200% 200%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.about-hero-card:after{background:radial-gradient(circle,#6366f10a 0,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:500px}.about-hero-content{position:relative;z-index:2}.about-badge{align-items:center;background:#10b9811a;background:var(--success-light);border:1px solid #10b98133;border-radius:99px;color:#10b981;color:var(--success);display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.03em;margin-bottom:24px;padding:6px 14px;text-transform:uppercase}.about-badge-dot{animation:pulse-dot 2s ease infinite;background:#10b981;background:var(--success);border-radius:50%;height:6px;width:6px}.hero-name{line-height:1.1;margin:0 0 16px}.greeting-small{color:#64748b;color:var(--muted);display:block;font-size:18px;font-weight:500;margin-bottom:8px}.name-gradient{-webkit-text-fill-color:#0000;animation:gradient-shift 6s ease infinite;background:linear-gradient(135deg,#0f172a,#6366f1 50%,#a855f7);background:linear-gradient(135deg,var(--text) 0,var(--primary) 50%,var(--accent) 100%);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-size:52px;font-weight:900;letter-spacing:-.03em;line-height:1.05}.hero-role{color:#6366f1;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;margin-bottom:20px}.hero-role .typing-cursor{animation:blink-cursor .8s step-end infinite;background:#6366f1;background:var(--primary);display:inline-block;height:1.1em;margin-left:2px;vertical-align:text-bottom;width:2px}.hero-summary{color:#334155;color:var(--text-secondary);font-size:16px;line-height:1.75;margin:0 0 24px;max-width:480px}.hero-location{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:28px}.hero-social{display:flex;gap:10px}.hero-social-link{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--muted);display:grid;height:44px;place-items:center;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);width:44px}.hero-social-link:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 25px #6366f14d;color:#fff;transform:translateY(-4px) rotate(4deg)}.about-hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.avatar-container-styled{height:250px;position:relative;width:250px;z-index:2}.avatar-image{background-position:50%;background-size:cover;border:3px solid #fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 25px 60px #0000001f;box-shadow:var(--shadow-xl);height:100%;position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);width:100%;z-index:2}.about-hero-card:hover .avatar-image{box-shadow:0 25px 60px #0000001f,0 0 40px #6366f126;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:scale(1.02)}.avatar-frame{animation:spin-slow 25s linear infinite;border:2px dashed #6366f140;border-radius:32px;border-radius:var(--radius-2xl);inset:-16px;position:absolute;z-index:1}.visual-circle{background:radial-gradient(circle,#6366f114 0,#a855f70a 40%,#0000 70%);height:320px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:320px;z-index:0}.visual-dots{background-image:radial-gradient(#6366f1 1px,#0000 0);background-image:radial-gradient(var(--primary) 1px,#0000 1px);background-size:10px 10px;bottom:-25px;height:100px;opacity:.15;position:absolute;right:-25px;width:100px;z-index:0}.hero-float-shape{border-radius:50%;opacity:.06;pointer-events:none;position:absolute}.hero-float-shape-1{animation:float 6s ease-in-out infinite;background:#6366f1;background:var(--primary);height:80px;right:30px;top:-10px;width:80px}.hero-float-shape-2{animation:float 8s ease-in-out infinite reverse;background:#a855f7;background:var(--accent);bottom:20px;height:40px;left:20px;width:40px}.hero-float-shape-3{animation:float 5s ease-in-out infinite;animation-delay:1s;background:#10b981;background:var(--success);height:20px;right:-5px;top:40%;width:20px}.hero-stats{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;gap:32px;margin-top:28px;padding-top:24px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-value{color:#6366f1;color:var(--primary);font-size:24px;font-weight:800;letter-spacing:-.02em}.hero-stat-label{color:#64748b;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.experience-grid{grid-gap:16px;display:grid;gap:16px}.experience-timeline{display:flex;flex-direction:column;gap:0;position:relative}.experience-timeline:before{background:linear-gradient(180deg,#6366f1,#a855f7,#e2e8f0);background:linear-gradient(180deg,var(--primary),var(--accent),var(--border));border-radius:2px;bottom:28px;content:"";left:19px;position:absolute;top:28px;width:2px}.timeline-item{grid-gap:20px;cursor:pointer;display:grid;gap:20px;grid-template-columns:40px 1fr;padding:16px 0;position:relative}.timeline-dot-wrap{display:flex;justify-content:center;padding-top:4px;position:relative;z-index:2}.timeline-dot{background:#fff;background:var(--surface);border:3px solid #6366f1;border:3px solid var(--primary);border-radius:50%;box-shadow:0 0 0 4px #6366f11a;height:14px;transition:all .3s ease;width:14px}.timeline-dot.current{background:#6366f1;background:var(--primary);box-shadow:0 0 0 4px #6366f126,0 0 12px #6366f14d}.timeline-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:24px;position:relative;transition:all .35s cubic-bezier(.2,.8,.2,1)}.timeline-card:before{background:linear-gradient(135deg,#0000 50%,#6366f133);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .35s ease}.timeline-item:hover .timeline-card{border-color:#6366f133;box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.timeline-item:hover .timeline-card:before{opacity:1}.timeline-item:hover .timeline-dot{background:#6366f1;background:var(--primary);box-shadow:0 0 0 4px #6366f133,0 0 16px #6366f14d;transform:scale(1.3)}.timeline-company{color:#0f172a;color:var(--text);font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.timeline-role{color:#6366f1;color:var(--primary);font-size:14px;font-weight:600;margin-bottom:4px}.timeline-period{color:#64748b;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.tech-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tech-dot{background:#f8fafc;background:var(--bg);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:6px;color:#64748b;color:var(--muted);font-size:11px;font-weight:500;padding:3px 8px;transition:all .2s ease}.timeline-item:hover .tech-dot{border-color:#6366f126;color:#334155;color:var(--text-secondary)}.category-title{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.category-title:after{background:#e2e8f0;background:var(--border);content:"";flex:1 1;height:1px}.education-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:32px;position:relative;transition:all .35s cubic-bezier(.2,.8,.2,1)}.education-card:before{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.education-card:hover{box-shadow:0 12px 40px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.education-icon{background:#eef2ff;background:var(--primary-light);border-radius:12px;border-radius:var(--radius-md);color:#6366f1;color:var(--primary);display:grid;height:52px;margin-bottom:20px;place-items:center;width:52px}.education-school{color:#0f172a;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.education-period{color:#64748b;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;margin-bottom:12px}.role-badge{background:linear-gradient(135deg,#eef2ff,#a855f71a);background:linear-gradient(135deg,var(--primary-light),#a855f71a);border:1px solid #6366f11a;border-radius:8px;color:#6366f1;color:var(--primary);display:inline-block;font-size:13px;font-weight:600;margin-bottom:16px;padding:6px 14px}.edu-items{display:flex;flex-direction:column;gap:8px}.edu-item{align-items:center;color:#334155;color:var(--text-secondary);display:flex;font-size:14px;font-weight:450}.edu-item:before{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);border-radius:50%;content:"";flex-shrink:0;height:6px;margin-right:10px;width:6px}.blog-list{display:flex;flex-direction:column;gap:12px}.blog-item{align-items:center;animation:fadeSlideUp .5s ease backwards;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:24px 28px;position:relative;transition:all .35s cubic-bezier(.2,.8,.2,1)}.blog-item:first-child{animation-delay:.1s}.blog-item:nth-child(2){animation-delay:.2s}.blog-item:nth-child(3){animation-delay:.3s}.blog-item:before{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.blog-item:hover{border-color:#6366f133;box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.blog-item:hover:before{opacity:1}.blog-number{color:#f1f5f9;color:var(--bg-subtle);font-family:JetBrains Mono,monospace;font-size:36px;font-weight:900;line-height:1;margin-right:20px;min-width:48px;transition:color .3s ease}.blog-item:hover .blog-number{color:#6366f126}.blog-main{flex:1 1;margin-right:20px}.blog-title{color:#0f172a;color:var(--text);font-size:17px;font-weight:650;letter-spacing:-.01em;line-height:1.4;margin:0 0 6px}.blog-excerpt{color:#64748b;color:var(--muted);font-size:14px;line-height:1.5;margin:0}.blog-icon{background:#f8fafc;background:var(--bg);border-radius:50%;color:#94a3b8;color:var(--muted-light);display:grid;flex-shrink:0;height:36px;place-items:center;transition:all .3s ease;width:36px}.blog-item:hover .blog-icon{background:#eef2ff;background:var(--primary-light);color:#6366f1;color:var(--primary);transform:translateX(4px)}.skills-container{grid-gap:28px;display:grid;gap:28px}.skill-category{animation:fadeSlideUp .5s ease backwards}.skill-category:first-child{animation-delay:.05s}.skill-category:nth-child(2){animation-delay:.1s}.skill-category:nth-child(3){animation-delay:.15s}.skill-category:nth-child(4){animation-delay:.2s}.skill-category:nth-child(5){animation-delay:.25s}.pill-grid{display:flex;flex-wrap:wrap;gap:10px}.pill{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text);display:inline-flex;font-size:14px;font-weight:500;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.pill:before{background:linear-gradient(135deg,#6366f108,#a855f708);background:var(--gradient-surface);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.pill:hover{border-color:#6366f14d;box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);color:#6366f1;color:var(--primary);transform:translateY(-3px)}.pill:hover:before{opacity:1}.contact-hero{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contact-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;padding:28px;transition:all .35s cubic-bezier(.2,.8,.2,1)}.contact-card.primary{animation:gradient-shift 4s ease infinite;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);background-size:200% 200%;border:none;box-shadow:0 10px 30px #6366f140;color:#fff}.contact-card.primary .label,.contact-card.primary .value{color:#fff}.contact-card.primary .contact-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;color:#fff}.contact-card:hover{box-shadow:0 12px 40px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-card.primary:hover{box-shadow:0 16px 40px #6366f159}.contact-icon{background:#eef2ff;background:var(--primary-light);border-radius:12px;border-radius:var(--radius-md);color:#6366f1;color:var(--primary);display:grid;height:52px;place-items:center;width:52px}.contact-info .label{color:#64748b;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.contact-info .value{color:#0f172a;color:var(--text);font-size:16px;font-weight:600;text-decoration:none;word-break:break-all}.social-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.social-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text);display:flex;gap:12px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.2,.8,.2,1)}.social-card:before{background:linear-gradient(135deg,#6366f108,#a855f708);background:var(--gradient-surface);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.social-card:hover{border-color:#6366f14d;box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.social-card:hover:before{opacity:1}.social-card span{font-weight:600;position:relative}.social-card .arrow{color:#6366f1;color:var(--primary);margin-left:auto;opacity:0;position:relative;transform:translateX(-8px);transition:all .35s cubic-bezier(.2,.8,.2,1)}.social-card:hover .arrow{opacity:1;transform:translateX(0)}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617a6;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:50}.modal{animation:fadeScale .35s cubic-bezier(.2,.8,.2,1);background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 25px 60px #0000001f;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;padding:0;width:min(680px,100%)}.modal:not(.has-banner){padding:36px}.modal-body{flex:1 1;overflow-y:auto;padding-bottom:28px}.modal-content-styled{display:flex;flex-direction:column;gap:24px}.modal-header-styled{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding-bottom:20px;position:relative}.modal-header-styled:after{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);border-radius:3px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:80px}.modal-company-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#6366f1);background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);background-clip:text;-webkit-background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}.modal-role-duration{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:15px;font-weight:500;gap:12px}.modal-role{color:#0f172a;color:var(--text);font-weight:600}.modal-divider{color:#e2e8f0;color:var(--border)}.modal-duration{font-feature-settings:"tnum";background:#f8fafc;background:var(--bg);border-radius:8px;font-family:JetBrains Mono,monospace;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;padding:4px 12px}.modal-body-styled{padding-top:8px}.modal-tech-tags{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px}.modal-tech-tag{background:#eef2ff;background:var(--primary-light);border:1px solid #6366f11a;border-radius:8px;color:#6366f1;color:var(--primary);font-size:12px;font-weight:600;padding:4px 12px}.list{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0;padding:0}.list li{color:#334155;color:var(--text-secondary);font-size:15px;line-height:1.7;padding-left:28px;position:relative}.list li:before{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:10px;width:8px}.creative-list li{font-size:15px;line-height:1.75;padding-left:36px}.creative-list li:before{background:#eef2ff;background:var(--primary-light);border-radius:50%;content:"";height:20px;left:0;position:absolute;top:8px;width:20px}.creative-list li:after{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--gradient-primary);border-radius:50%;content:"";height:8px;left:6px;position:absolute;top:14px;width:8px}.icon-btn{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;color:#64748b;color:var(--muted);cursor:pointer;display:grid;font-size:18px;height:40px;place-items:center;transition:all .25s ease;width:40px}.icon-btn:hover{background:#f1f5f9;background:var(--bg-subtle);color:#0f172a;color:var(--text);transform:rotate(90deg)}.modal-header-row{align-items:center;display:flex;justify-content:flex-end;position:absolute;right:24px;top:24px;z-index:10}.modal-header-row .title{display:none}.flex-row-between{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.role-text-right{background:#eef2ff;background:var(--primary-light);border:1px solid #6366f11a;border-radius:8px;color:#6366f1;color:var(--primary);font-size:13px;font-weight:600;padding:3px 10px}.mobile-nav{display:none}.bg{background-position:50%;background-size:cover;min-height:200px;overflow:hidden;padding:0;position:relative}.bg:before{background:linear-gradient(180deg,#02061700,#020617cc);content:"";inset:0;position:absolute;transition:opacity .3s;z-index:1}.bg:hover:before{opacity:.9}.bg .bg-shade{display:none}.bg .bg-content{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:20px;position:relative;z-index:2}.bg .title{color:#fff;font-size:18px;text-shadow:0 2px 4px #0000004d}.bg .muted{color:#fffc}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:99px;color:#64748b;color:var(--muted);font-size:13px;padding:4px 12px}@media (max-width:900px){#root,body,html{height:auto;overflow-y:auto}.layout{display:block;height:auto;overflow:visible;padding:16px 16px 120px}.sidebar{display:none}.mobile-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172aeb;border:1px solid #ffffff14;border-radius:32px;border-radius:var(--radius-2xl);bottom:20px;box-shadow:0 20px 50px #0006;display:flex;gap:4px;left:50%;max-width:95%;padding:8px 10px;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.mobile-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#94a3b8b3;cursor:pointer;display:flex;flex-direction:column;gap:0;height:44px;justify-content:center;min-width:44px;padding:10px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.mobile-nav-item:active{transform:scale(.88)}.mobile-nav-item.active{background:#6366f1;background:var(--primary);box-shadow:0 4px 16px #6366f166;color:#fff}.mobile-nav-item .label{display:none}.content{overflow:visible;padding:0}.modal{max-height:78vh;width:92%}.modal-body{padding-bottom:40px}.about-hero-card{gap:32px;grid-template-columns:1fr;padding:32px 24px;text-align:center}.about-hero-visual{margin-bottom:0;order:-1}.avatar-container-styled{height:160px;margin:0 auto;width:160px}.visual-circle{height:220px;width:220px}.name-gradient{font-size:36px}.hero-summary{font-size:15px;margin-left:auto;margin-right:auto}.hero-location,.hero-social,.hero-stats{justify-content:center}.hero-stats{gap:24px}.experience-timeline:before{left:15px}.timeline-item{gap:14px;grid-template-columns:32px 1fr}.timeline-dot{height:12px;width:12px}.timeline-card{padding:20px}.experience-grid{grid-template-columns:1fr}}@media (max-width:600px){.blog-item{padding:18px}.blog-number{font-size:28px;margin-right:14px;min-width:36px}.blog-title{font-size:15px}.blog-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;overflow:hidden}.hero-stats{flex-wrap:wrap;gap:16px}.contact-hero{grid-template-columns:1fr}}@media (min-width:700px){.experience-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.d253f475.css.map*/