@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#1e1e1e;--bg-elevated:#181818;--bg-card:#252526;--bg-card-hover:#2d2d30;--bg-subtle:#121212;--text-primary:#ccc;--text-secondary:#9cdcfe;--text-tertiary:#858585;--text-quaternary:#6a9955;--accent-blue:#569cd6;--accent-purple:#c586c0;--accent-pink:#ce9178;--accent-green:#6a9955;--accent-cyan:#4ec9b0;--accent-yellow:#dcdcaa;--accent-orange:#ce9178;--gradient-hero:#1e1e1e;--gradient-text:#569cd6;--gradient-text-subtle:#ccc;--gradient-card:#252526;--gradient-border:#3c3c3c;--border-primary:#3c3c3c;--border-hover:#569cd6;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:Menlo, Monaco, Consolas, "Fira Code", "Courier New", monospace;--max-width:1120px;--section-gap:160px;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#2997ff4d}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 100px;display:flex;position:relative;overflow:hidden}.hero__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__grid-bg{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 50%,#000 20%,#0000 70%);mask-image:radial-gradient(50% 50%,#000 20%,#0000 70%)}.hero__content{z-index:1;text-align:center;max-width:780px;position:relative}.hero__badge{color:var(--accent-green);letter-spacing:.02em;background:#30d1580f;border:1px solid #30d15826;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 18px;font-size:.75rem;font-weight:500;display:inline-flex}.hero__badge-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite hero-pulse}@keyframes hero-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__eyebrow{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.1rem;font-weight:400}.hero__name{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(2rem,6vw,4.5rem);font-weight:700;line-height:1.05}.hero__name-dot{color:var(--accent-purple)}.hero__role{font-family:var(--font-mono);color:var(--accent-blue);letter-spacing:-.01em;min-height:1.6em;margin-top:20px;font-size:clamp(.85rem,1.2vw,1rem)}.hero__cursor{color:var(--accent-blue);margin-left:1px;animation:1s step-end infinite hero-blink}@keyframes hero-blink{0%,to{opacity:1}50%{opacity:0}}.hero__desc{color:var(--text-secondary);letter-spacing:-.01em;max-width:600px;margin-top:28px;margin-left:auto;margin-right:auto;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:300;line-height:1.75}.hero__desc strong{color:var(--text-primary);font-weight:500}.hero__actions{justify-content:center;gap:12px;margin-top:40px;display:flex}.hero__btn{transition:all .4s var(--ease-out-quart);letter-spacing:-.01em;border-radius:980px;align-items:center;gap:8px;padding:13px 28px;font-size:.875rem;font-weight:500;display:inline-flex}.hero__btn--primary{background:var(--accent-blue);color:#fff}.hero__btn--primary:hover{background:#1a8aef;transform:scale(1.04)}.hero__btn--primary svg{transition:transform .3s var(--ease-out-quart)}.hero__btn--primary:hover svg{transform:translate(3px)}.hero__btn--ghost{color:var(--accent-blue);background:0 0;border:1px solid #2997ff4d}.hero__btn--ghost:hover{background:#2997ff14;border-color:#2997ff80;transform:scale(1.04)}.hero__stats{justify-content:center;align-items:center;gap:48px;margin-top:64px;display:flex}.hero__stat{text-align:center}.hero__stat-number{color:var(--text-primary);letter-spacing:-.03em;font-size:2.5rem;font-weight:700;line-height:1}.hero__stat-plus{color:var(--accent-blue);font-size:1.4rem;font-weight:600}.hero__stat-label{color:var(--text-tertiary);letter-spacing:.01em;margin-top:6px;font-size:.75rem;font-weight:400;display:block}.hero__stat-divider{background:var(--border-primary);width:1px;height:36px}.hero__scroll{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll span{color:var(--text-quaternary);text-transform:uppercase;letter-spacing:2px;font-size:.65rem;font-weight:500}.hero__scroll-line{background:var(--text-quaternary);width:1px;height:32px;animation:2.5s ease-in-out infinite hero-scroll-pulse}@keyframes hero-scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.3)}}@media (width<=768px){.hero{padding:100px 20px 80px}.hero__stats{gap:28px}.hero__stat-number{font-size:1.8rem}.hero__scroll{display:none}}@media (width<=480px){.hero__actions{flex-direction:column;align-items:stretch}.hero__btn{justify-content:center}.hero__stats{flex-direction:column;gap:20px}.hero__stat-divider{width:40px;height:1px}}.hero__avatar-container{justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.hero__avatar{object-fit:cover;object-position:50% 32%;border:3px solid var(--border-primary);width:220px;height:220px;transition:border-color .4s var(--ease-out-quart), transform .4s var(--ease-out-quart), box-shadow .4s var(--ease-out-quart);border-radius:50%;box-shadow:0 10px 30px #0000004d}.hero__avatar:hover{border-color:var(--border-hover);transform:scale(1.04);box-shadow:0 12px 36px #569cd626}.about{background-color:var(--bg-elevated);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);padding:120px 24px;position:relative}.about__container{max-width:var(--max-width);margin:0 auto}.about__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;display:grid}.about__intro{flex-direction:column;display:flex}.about__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:16px;font-size:.85rem;display:inline-block}.about__title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:1.15}.about__title-gradient{color:var(--accent-yellow)}.about__description{flex-direction:column;gap:20px;display:flex}.about__description p{color:var(--text-secondary);font-size:1.05rem;font-weight:300;line-height:1.75}.about__description strong{color:var(--text-primary);font-weight:500}.about__pillars{flex-direction:column;gap:24px;display:flex}.about-pillar-card{background:var(--gradient-card);border:1px solid var(--border-primary);transition:border-color .4s var(--ease-out-quart), transform .4s var(--ease-out-quart);border-radius:16px;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.about-pillar-card:before{content:"";border-radius:inherit;background:radial-gradient(250px circle at var(--mouse-x,0) var(--mouse-y,0), #76b9001f, transparent 80%);opacity:0;z-index:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-1px}.about-pillar-card:hover:before{opacity:1}.about-pillar-card>*{z-index:1;position:relative}.about-pillar-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.about-pillar-card__icon{width:48px;height:48px;color:var(--accent-blue);background:#2997ff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-pillar-card__content{flex-direction:column;gap:8px;display:flex}.about-pillar-card__title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.about-pillar-card__desc{color:var(--text-secondary);font-size:.9rem;font-weight:300;line-height:1.5}@media (width<=1024px){.about__grid{grid-template-columns:1fr;gap:56px}}@media (width<=768px){.about{padding:80px 20px}.about-pillar-card{padding:20px}}@media (width<=480px){.about{padding:64px 16px}.about-pillar-card{flex-direction:column;align-items:flex-start;gap:16px}}.about__packages{border-top:1px solid var(--border-primary);margin-top:80px;padding-top:64px}.about__packages-header{margin-bottom:32px}.about__packages-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:1.6rem;font-weight:600}.about__packages-desc{color:var(--text-tertiary);font-size:.9rem}.about__packages-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.about-package-card{background:var(--bg-card);border:1px solid var(--border-primary);transition:border-color .4s var(--ease-out-quart), transform .4s var(--ease-out-quart);border-radius:16px;padding:24px;text-decoration:none;display:block;position:relative;overflow:hidden}.about-package-card:before{content:"";border-radius:inherit;background:radial-gradient(250px circle at var(--mouse-x,0) var(--mouse-y,0), #569cd61f, transparent 80%);opacity:0;z-index:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-1px}.about-package-card:hover:before{opacity:1}.about-package-card>*{z-index:1;position:relative}.about-package-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.about-package-card__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.about-package-card__icon{width:32px;height:32px;color:var(--accent-blue);background:#569cd614;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-package-card__name{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600}.about-package-card__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;margin-bottom:16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.about-package-card__meta{gap:8px;display:flex}.about-package-card__tag{font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;padding:4px 10px;font-size:.72rem}.about__packages-footer{justify-content:center;margin-top:40px;display:flex}.about__packages-btn{border:1px solid var(--border-primary);color:var(--text-secondary);transition:all .3s var(--ease-out-quart);background:0 0;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:500;display:inline-flex}.about__packages-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff08;transform:scale(1.02)}@media (width<=768px){.about__packages-grid{grid-template-columns:1fr;gap:16px}.about-package-card__desc{-webkit-line-clamp:unset;height:auto}}.experience{padding:var(--section-gap) 0;background:var(--bg-primary);position:relative}.experience__container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.experience__header{text-align:center;margin-bottom:80px}.experience__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:16px;font-size:14px;font-weight:500;display:inline-block}.experience__title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.experience__title-gradient{color:var(--accent-yellow)}.experience__cards{flex-direction:column;gap:32px;display:flex}.exp-card{align-items:stretch;gap:32px;display:flex}.exp-card__timeline{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:6px;display:flex}.exp-card__dot{background:var(--text-quaternary);border:2px solid var(--bg-primary);z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.exp-card__dot--active{background:var(--accent-blue);box-shadow:0 0 0 4px #569cd626}.exp-card__line{background:var(--border-primary);flex:1;width:2px;margin-top:8px}.exp-card__content{background:var(--gradient-card);border:1px solid var(--border-primary);transition:border-color .3s var(--ease-out-quart);border-radius:20px;flex:1;padding:36px 40px}.exp-card__content:hover{border-color:var(--border-hover)}.exp-card__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.exp-card__period{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.02em;font-size:13px;font-weight:400}.exp-card__badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.exp-card__badge--current{color:var(--accent-blue);background:#569cd61f;border:1px solid #569cd633}.exp-card__badge--lead{color:var(--accent-purple);background:#bf5af21f;border:1px solid #bf5af233}.exp-card__title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(22px,2.5vw,28px);font-weight:600;line-height:1.3}.exp-card__company{color:var(--text-secondary);margin-bottom:4px;font-size:16px;font-weight:400;line-height:1.5}.exp-card__location{color:var(--text-tertiary)}.exp-card__client{color:var(--text-tertiary);margin-bottom:0;font-size:14px}.exp-card__client-name{color:var(--accent-blue);font-weight:500}.exp-card__achievements{flex-direction:column;gap:10px;margin-top:24px;display:flex}.exp-card__achievement{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:15px;font-weight:300;line-height:1.6;display:flex}.exp-card__bullet{color:var(--text-quaternary);flex-shrink:0;margin-top:2px;font-size:12px;line-height:1.6}.exp-card__tags{border-top:1px solid var(--border-primary);flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:24px;display:flex}.exp-card__tag{color:var(--text-secondary);transition:all .3s var(--ease-out-quart);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;align-items:center;padding:5px 14px;font-size:13px;font-weight:400;display:inline-flex}.exp-card__tag:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff1f}@media (width<=768px){.experience{padding:100px 0}.experience__header{margin-bottom:56px}.exp-card{gap:20px}.exp-card__timeline{width:16px}.exp-card__dot{width:10px;height:10px}.exp-card__content{border-radius:16px;padding:28px 24px}.exp-card__header{flex-wrap:wrap;gap:8px}.exp-card__tags{gap:6px;margin-top:24px;padding-top:20px}.exp-card__tag{padding:4px 12px;font-size:12px}}@media (width<=480px){.experience{padding:80px 0}.experience__container{padding:0 16px}.exp-card__timeline{display:none}.exp-card{gap:0}.exp-card__content{padding:24px 20px}.exp-card__achievement{font-size:14px}}.playground{padding:var(--section-gap) 0;background:var(--bg-elevated);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);position:relative}.playground__container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.playground__header{text-align:center;margin-bottom:64px}.playground__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:16px;font-size:14px;font-weight:500;display:inline-block}.playground__title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.playground__title-gradient{color:var(--accent-yellow)}.playground__desc{color:var(--text-secondary);max-width:700px;margin-top:18px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,1.2vw,1.15rem);font-weight:300;line-height:1.75}.playground__grid{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:24px;grid-template-columns:340px 1fr;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 80px #0006}.playground__grid:before{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x,0) var(--mouse-y,0), #569cd61f, transparent 80%);opacity:0;z-index:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-1px}.playground__grid:hover:before{opacity:1}.playground__pipeline{border-right:1px solid var(--border-primary);z-index:1;background:#0003;flex-direction:column;padding:32px;display:flex;position:relative}.playground__pane-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:600}.playground__pane-desc{color:var(--text-tertiary);margin-bottom:28px;font-size:12px}.pipeline__flow{flex-direction:column;padding-left:8px;display:flex;position:relative}.pipeline__node{transition:all .4s var(--ease-out-quart);background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex;position:relative}.pipeline__node-icon{width:32px;height:32px;color:var(--text-tertiary);transition:all .4s var(--ease-out-quart);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;display:flex}.pipeline__node-info{flex-direction:column;display:flex}.pipeline__node-step{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:9px;font-weight:500}.pipeline__node-name{color:var(--text-secondary);transition:color .4s var(--ease-out-quart);font-size:13px;font-weight:550}.pipeline__node-meta{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:1px;font-size:10px}.pipeline__connector{background:var(--border-primary);width:2px;height:24px;transition:background-color .4s var(--ease-out-quart);margin-left:31px}.pipeline__node--active{background:#00e5ff14;border-color:#00e5ff4d;transform:translate(4px);box-shadow:0 0 20px #00e5ff1a}.pipeline__node--active .pipeline__node-icon{background:var(--accent-cyan);color:#000}.pipeline__node--active .pipeline__node-name{color:var(--text-primary)}.pipeline__connector--active{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.playground__terminal{z-index:1;flex-direction:column;height:600px;display:flex}.terminal__titlebar{border-bottom:1px solid var(--border-primary);background:#0000004d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.terminal__dots{gap:8px;display:flex}.terminal__dot{border-radius:50%;width:11px;height:11px}.terminal__dot--red{background:#ff5f56}.terminal__dot--yellow{background:#ffbd2e}.terminal__dot--green{background:#27c93f}.terminal__title{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:-.01em;font-size:12px}.terminal__gpu-status{align-items:center;display:flex}.gpu-badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-green);background:#76b9001f;border:1px solid #76b90033;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:500}.terminal__body{font-family:var(--font-mono);background:#00000026;flex-direction:column;flex:1;gap:12px;padding:24px;font-size:13px;line-height:1.6;display:flex;overflow-y:auto}.terminal__line{white-space:pre-wrap;word-break:break-word}.terminal__line--system{color:var(--text-tertiary)}.terminal__line--input{color:var(--accent-cyan)}.terminal__line--command{color:var(--text-primary)}.terminal__line--pipeline{color:var(--text-tertiary);padding-left:8px;font-size:12px}.terminal__line--stream{color:var(--text-primary);border-left:2px solid #ffffff14;margin:6px 0;padding-left:12px}.terminal__line--success{color:var(--accent-green);border-top:1px solid #76b9001a;margin-top:6px;padding-top:8px;font-weight:500}.terminal__prompt{color:var(--accent-pink)}.terminal__cursor{color:var(--accent-cyan);margin-left:2px;animation:.9s infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:0}50%{opacity:1}}.terminal__input-container{border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);background:#0006;align-items:center;gap:8px;padding:16px 20px;display:flex}.terminal__input{font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.terminal__input::placeholder{color:var(--text-quaternary)}.terminal__submit{background:var(--accent-cyan);color:#000;font-family:var(--font-mono);border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .3s}.terminal__submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.terminal__submit:disabled{color:var(--text-quaternary);cursor:not-allowed;background:#ffffff0a}.terminal__footer{background:#0000004d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.terminal__presets{align-items:center;gap:12px;display:flex}.terminal__presets-label{color:var(--text-tertiary);font-size:11px;font-weight:500}.terminal__preset-buttons{gap:8px;display:flex}.preset-btn{color:var(--text-secondary);transition:all .3s var(--ease-out-quart);background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;padding:5px 12px;font-size:11px}.preset-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#ffffff1f}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.terminal__metrics{font-family:var(--font-mono);gap:20px;font-size:11px;display:flex}.metric{gap:6px;display:flex}.metric-label{color:var(--text-tertiary)}.metric-val{color:var(--accent-green);font-weight:500}@media (width<=1024px){.playground__grid{grid-template-columns:1fr}.playground__pipeline{border-right:none;border-bottom:1px solid var(--border-primary)}.pipeline__flow{flex-flow:wrap;justify-content:center;gap:12px;padding-left:0}.pipeline__node{flex:200px;max-width:250px}.pipeline__connector{display:none}.playground__terminal{height:500px}}@media (width<=768px){.playground{padding:100px 0}.playground__container{padding:0 16px}.playground__title{font-size:32px}.terminal__footer{flex-direction:column;align-items:stretch;gap:16px}.terminal__presets{flex-direction:column;align-items:flex-start;gap:8px}.terminal__preset-buttons{flex-wrap:wrap}.terminal__metrics{justify-content:flex-end}}.skills{padding:var(--section-gap) 0;background:var(--bg-primary);position:relative;overflow:hidden}.skills__header{text-align:center;margin-bottom:72px}.skills__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px;font-size:14px;font-weight:500;display:inline-block}.skills__title{letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.skills__title-gradient{color:var(--accent-yellow)}.skills__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skills__card{background:var(--bg-card);border:1px solid var(--border-primary);transition:transform .4s var(--ease-out-quart), border-color .4s var(--ease-out-quart), box-shadow .4s var(--ease-out-quart);will-change:transform;border-radius:20px;position:relative;overflow:hidden}.skills__card:before{content:"";border-radius:inherit;background:radial-gradient(300px circle at var(--mouse-x,0) var(--mouse-y,0), #00e5ff1f, transparent 80%);opacity:0;z-index:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-1px}.skills__card:hover:before{opacity:1}.skills__card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0006}.skills__card-inner{z-index:1;padding:32px;position:relative}.skills__card--featured{background:0 0;border:none;grid-column:span 2;overflow:hidden}.skills__card-border{background:var(--accent-blue);-webkit-mask-composite:xor;border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.skills__card--featured .skills__card-inner{background:linear-gradient(135deg,#c586c00f 0%,#dcdcaa0a 50%,#569cd60f 100%);border-radius:19px;height:100%}.skills__card--featured:hover{transform:translateY(-4px);box-shadow:0 16px 48px #ff375f1f}.skills__card-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.skills__icon{background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.skills__category-title{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.skills__featured-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-pink);background:linear-gradient(135deg,#ff375f26,#bf5af226);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:500}.skills__pills{flex-wrap:wrap;gap:8px;display:flex}.skills__pill{letter-spacing:.01em;color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;padding:6px 14px;font-size:13px;font-weight:450;transition:background .3s,color .3s,border-color .3s}.skills__card:hover .skills__pill{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a}@media (width<=1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}.skills__card--featured{grid-column:span 2}}@media (width<=640px){.skills{padding:100px 0}.skills__header{margin-bottom:48px}.skills__grid{grid-template-columns:1fr}.skills__card--featured{grid-column:span 1}.skills__card-inner{padding:24px}.skills__title{font-size:32px}}.education{background-color:var(--bg-primary);padding:120px 24px;position:relative}.education__container{max-width:900px;margin:0 auto}.education__header{text-align:center;margin-bottom:72px}.education__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:16px;font-size:.85rem;display:inline-block}.education__title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:1.15}.education__title .gradient-text{color:var(--accent-yellow)}.education__list{flex-direction:column;gap:0;display:flex}.education__item{border-bottom:1px solid var(--border-primary);grid-template-columns:160px 1px 1fr;align-items:start;gap:32px;padding:36px 0;display:grid}.education__item:first-child{border-top:1px solid var(--border-primary)}.education__year{flex-direction:column;align-items:flex-start;gap:10px;padding-top:2px;display:flex}.education__year-text{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.02em;font-size:.95rem;font-weight:500}.education__type-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-blue);white-space:nowrap;background:#569cd614;border:1px solid #569cd626;border-radius:20px;align-items:center;padding:4px 10px;font-size:.7rem;display:inline-flex}.education__divider-line{background:var(--border-primary);width:1px;height:100%;min-height:48px}.education__details{flex-direction:column;gap:12px;display:flex}.education__degree{color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600;line-height:1.35}.education__meta{flex-wrap:wrap;gap:20px;display:flex}.education__institution,.education__location{color:var(--text-secondary);align-items:center;gap:6px;font-size:.88rem;line-height:1;display:inline-flex}.education__institution svg,.education__location svg{color:var(--text-tertiary);flex-shrink:0}@media (width<=768px){.education{padding:80px 20px}.education__header{margin-bottom:48px}.education__item{grid-template-columns:1fr;gap:12px;padding:28px 0}.education__divider-line{display:none}.education__year{flex-direction:row;align-items:center;gap:12px}}@media (width<=480px){.education{padding:64px 16px}.education__degree{font-size:1.05rem}.education__meta{flex-direction:column;gap:8px}}.contact{background-color:var(--bg-primary);padding:120px 24px;position:relative}.contact__container{max-width:800px;margin:0 auto}.contact__header{text-align:center;margin-bottom:72px}.contact__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:16px;font-size:.85rem;display:inline-block}.contact__title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:1.15}.contact__title .gradient-text{color:var(--accent-yellow)}.contact__subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.1rem;line-height:1.6}.contact__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border-primary);color:inherit;border-radius:20px;align-items:center;gap:16px;padding:24px;text-decoration:none;transition:transform .35s cubic-bezier(.25,.46,.45,.94),border-color .35s,box-shadow .35s;display:flex}.contact-card--clickable{cursor:pointer}.contact-card--clickable:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 8px 32px #569cd60f}.contact-card__icon{width:48px;height:48px;color:var(--accent-blue);background:#569cd614;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card__content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.contact-card__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.72rem}.contact-card__value{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4}.contact-card__arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .3s,color .3s}.contact-card--clickable:hover .contact-card__arrow{color:var(--accent-blue);transform:translate(2px,-2px)}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border-primary);padding:48px 24px}.footer__container{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:800px;margin:0 auto;display:flex}.footer__logo{letter-spacing:-.04em;color:var(--accent-blue);font-size:1.3rem;font-weight:700}.footer__tagline{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.footer__copyright{color:var(--text-tertiary);margin-top:4px;font-size:.8rem}@media (width<=640px){.contact{padding:80px 20px}.contact__header{margin-bottom:48px}.contact__grid{grid-template-columns:1fr}.contact-card{padding:20px}.contact-card__value{font-size:.88rem}}@media (width<=480px){.contact{padding:64px 16px}.contact__subtitle{font-size:1rem}.footer{padding:36px 16px}}.vscode-shell{background:var(--bg-primary);width:100vw;height:100vh;font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.vscode-titlebar{background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;height:35px;padding:0 16px;display:flex}.vscode-titlebar__controls{gap:8px;display:flex}.vscode-titlebar__dot{border-radius:50%;width:12px;height:12px}.vscode-titlebar__dot--red{background:#ff5f56}.vscode-titlebar__dot--yellow{background:#ffbd2e}.vscode-titlebar__dot--green{background:#27c93f}.vscode-titlebar__title{color:var(--text-secondary);font-size:12px;font-family:var(--font-sans)}.vscode-titlebar__menu{color:var(--text-tertiary);gap:16px;font-size:12px;display:flex}.vscode-titlebar__menu span{cursor:pointer}.vscode-titlebar__menu span:hover{color:var(--text-primary)}.vscode-body{flex:1;min-height:0;display:flex;position:relative}.vscode-activitybar{background:var(--bg-subtle);border-right:1px solid var(--border-primary);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:48px;padding:12px 0;display:flex}.vscode-activitybar__group{flex-direction:column;gap:16px;width:100%;display:flex}.vscode-activitybar__item{width:100%;height:48px;color:var(--text-tertiary);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.vscode-activitybar__item:hover{color:var(--text-primary)}.vscode-activitybar__item--active{color:var(--border-hover)}.vscode-activitybar__item--active:before{content:"";background:var(--border-hover);width:2px;position:absolute;top:6px;bottom:6px;left:0}.vscode-sidebar{background:var(--bg-card);border-right:1px solid var(--border-primary);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:240px;transition:transform .3s,width .3s;display:flex}.vscode-sidebar__header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.vscode-sidebar__title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:11px;font-weight:700}.vscode-sidebar__content{flex:1;padding:12px 0;overflow-y:auto}.tree-node{flex-direction:column;display:flex}.tree-node__label{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:6px 20px;font-size:13px;display:flex}.tree-node__label:hover{background:var(--bg-card-hover)}.tree-node__folder{color:var(--text-secondary);font-weight:500}.tree-node__children{flex-direction:column;padding-left:16px;display:flex}.tree-node__file{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:5px 20px;font-size:13px;text-decoration:none;transition:background .2s;display:flex}.tree-node__file:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tree-node__file--active{color:var(--border-hover);background:#569cd61a}.file-icon{justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:flex}.file-icon--jsx{color:#569cd6}.file-icon--md{color:#4ec9b0}.file-icon--json{color:#ce9178}.file-icon--js{color:#dcdcaa}.file-icon--css{color:#c586c0}.vscode-editor-workspace{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex}.vscode-tabs{background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);scrollbar-width:none;flex-shrink:0;height:35px;display:flex;overflow-x:auto}.vscode-tabs::-webkit-scrollbar{display:none}.vscode-tab{background:var(--bg-elevated);border-right:1px solid var(--border-primary);height:100%;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:12px;text-decoration:none;display:flex;position:relative}.vscode-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.vscode-tab--active{background:var(--bg-primary);color:var(--text-primary)}.vscode-tab--active:before{content:"";background:var(--border-hover);height:2px;position:absolute;top:0;left:0;right:0}.vscode-tab__close{color:var(--text-tertiary);border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;transition:background .2s,color .2s;display:flex}.vscode-tab__close:hover{color:var(--text-primary);background:#ffffff14}.vscode-editor-pane{scroll-behavior:smooth;flex:1;position:relative;overflow-y:auto}.vscode-editor-pane::-webkit-scrollbar{width:10px}.vscode-editor-pane::-webkit-scrollbar-track{background:var(--bg-primary)}.vscode-editor-pane::-webkit-scrollbar-thumb{background:#ffffff14}.vscode-editor-pane::-webkit-scrollbar-thumb:hover{background:#ffffff26}.vscode-statusbar{color:#fff;-webkit-user-select:none;user-select:none;background:#007acc;flex-shrink:0;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:12px;display:flex}.vscode-statusbar__left,.vscode-statusbar__right{align-items:center;gap:12px;display:flex}.vscode-statusbar__item{cursor:pointer;align-items:center;gap:4px;display:flex}.vscode-statusbar__item:hover{background:#ffffff1f;height:22px;margin:0 -4px;padding:0 4px}.editor-line-wrapper{padding-left:48px;position:relative}.editor-line-numbers{width:36px;color:var(--text-tertiary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:var(--bg-primary);border-right:1px solid #ffffff05;flex-direction:column;align-items:flex-end;padding-right:8px;font-size:12px;display:flex;position:absolute;top:0;bottom:0;left:0}.vscode-sidebar-toggle{background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-secondary);z-index:1000;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:none;position:fixed;bottom:30px;left:10px}.vscode-sidebar-overlay{display:none}@media (width<=768px){.vscode-sidebar{z-index:200;position:absolute;top:35px;bottom:22px;left:48px;transform:translate(-100%);box-shadow:8px 0 24px #00000080}.vscode-sidebar--open{transform:translate(0)}.vscode-sidebar-toggle{display:flex}.vscode-titlebar{justify-content:center;position:relative}.vscode-titlebar__controls{position:absolute;left:16px}.vscode-titlebar__title{font-size:11px;font-weight:500}.vscode-titlebar__menu{display:none}.vscode-sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);background:#00000073;display:block;position:absolute;inset:0}}@media (width<=480px){.vscode-activitybar{width:40px}.vscode-sidebar{left:40px}.vscode-titlebar__title{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10px;overflow:hidden}}