@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400..800;1,400..800&family=JetBrains+Mono:ital,wght@0,400..700;1,400..700&display=swap";.container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1;padding:var(--space-7) var(--space-4)}.content{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:800px;gap:var(--space-6)}.title-block{display:flex;flex-direction:column;gap:var(--space-2)}.title-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid rgba(45,212,232,.25);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);margin:0;animation:fadeSlideUp .4s var(--ease-standard) both}.title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:700;margin:0;letter-spacing:-.02em;animation:fadeSlideUp .4s var(--ease-standard) both;animation-delay:60ms}.content-wrapper{width:100%}@media (max-width: 768px){.container{padding:var(--space-6) var(--space-4)}.title{font-size:var(--font-size-xl)}}@media (max-width: 480px){.container{padding:var(--space-5) var(--space-3)}}.hero{display:flex;align-items:center;gap:var(--space-6);width:100%;margin-bottom:var(--space-6);flex-wrap:wrap;animation:fadeSlideUp .5s var(--ease-standard) both}.hero-photo-frame{flex-shrink:0;width:160px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg)}.hero-photo-titlebar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border)}.hero-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.hero-dot-red{background:#f16565}.hero-dot-amber{background:var(--color-amber)}.hero-dot-green{background:var(--status-done)}.hero-photo-filename{margin-left:var(--space-2);font-family:var(--font-family-mono);font-size:.6875rem;color:var(--color-text-faint)}.hero-photo{display:block;width:100%;height:160px;object-fit:cover}.hero-greeting{color:var(--color-text-faint);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--space-1) 0}.hero-name{font-size:var(--font-size-3xl);font-weight:800;margin:0 0 var(--space-1) 0;letter-spacing:-.03em;background:linear-gradient(100deg,var(--color-text) 40%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-tagline{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-accent);color:var(--color-accent-contrast);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.hero-cta:hover{background:var(--color-accent-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow-accent)}.hero-cta-arrow{transition:transform var(--duration-fast) var(--ease-standard)}.hero-cta:hover .hero-cta-arrow{transform:translate(3px)}.paragraphList{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none}.paragraphItem{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);animation:fadeSlideUp .5s var(--ease-standard) both;animation-delay:calc(var(--i, 0) * 80ms + .12s)}.paragraphItem:hover{border-color:var(--color-border-strong);border-left-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.paragraph-line-no{flex-shrink:0;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-faint);padding-top:var(--space-1)}.paragraph-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-standard)}.paragraphItem:hover .paragraph-icon{transform:scale(1.1) rotate(-6deg)}.paragraph{margin:0;color:var(--color-text);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}@media (max-width: 480px){.hero{flex-direction:column;align-items:flex-start}.hero-photo-frame{width:140px}.hero-photo{height:140px}.hero-name{font-size:var(--font-size-2xl)}}.careerTimeline{display:flex;flex-direction:column;gap:var(--space-6);width:100%;margin:0;padding:0;list-style:none}.careerItem{position:relative;display:grid;grid-template-columns:2.5rem 1fr;align-items:start;gap:var(--space-4);animation:fadeSlideUp .5s var(--ease-standard) both;animation-delay:calc(var(--i, 0) * .1s)}.careerItem:not(:last-child):before{content:"";position:absolute;top:2.5rem;bottom:calc(-1 * var(--space-6));left:1.25rem;width:2px;background:repeating-linear-gradient(to bottom,var(--status-done) 0,var(--status-done) 4px,transparent 4px,transparent 9px)}.careerItem:hover .career-details{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.career-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:1px solid var(--color-border);transition:transform var(--duration-fast) var(--ease-standard)}.careerItem:hover .career-icon{transform:scale(1.12) rotate(-6deg)}.careerItem.is-current .career-icon{border-color:var(--color-accent);animation:pulseGlow 2s var(--ease-standard) infinite}.career-details{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.careerItem.is-current .career-details{border-color:#2dd4e84d;background:linear-gradient(180deg,var(--color-accent-soft),var(--color-surface) 60%)}.career-heading-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-1) 0}.career-stage-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;margin:0}.career-status{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;font-family:var(--font-family-mono);font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:var(--status-done);background:var(--status-done-soft);border:1px solid rgba(62,207,142,.3);border-radius:var(--radius-full);padding:3px var(--space-2)}.career-status-current{color:var(--status-active);background:var(--status-active-soft);border-color:#2dd4e859}.career-status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--status-active);box-shadow:0 0 6px #2dd4e8cc;animation:blinkCursor 1.1s step-end infinite}.career-date{color:var(--color-text-faint);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin:0 0 var(--space-3) 0}.career-description{color:var(--color-text-muted);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin:0}@media (max-width: 480px){.careerItem{grid-template-columns:2rem 1fr;gap:var(--space-3)}.career-icon{width:2rem;height:2rem}.careerItem:not(:last-child):before{top:2rem;left:1rem}.career-heading-row{flex-direction:column;align-items:flex-start}}.skillGroupContainer{display:flex;flex-direction:column;gap:var(--space-5);width:100%;margin:0;padding:0;list-style-type:none}.skillGroupItem{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:box-shadow var(--duration-fast) var(--ease-standard);animation:fadeSlideUp .5s var(--ease-standard) both;animation-delay:calc(var(--i, 0) * 90ms)}.skillGroupItem:hover{box-shadow:var(--shadow-md)}.skillGroupHeading{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-lg);font-weight:700}.skill-category-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:var(--radius-full)}.technicalSkillsList{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0}.technicalSkillItem{animation:fadeSlideUp .4s var(--ease-standard) both;animation-delay:calc(var(--i, 0) * 60ms)}.technicalSkillHeader{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.technicalSkillName{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.technicalSkillLevel{font-family:var(--font-family-mono);color:var(--color-text-faint);font-size:.6875rem;letter-spacing:.04em}.technicalSkillBar{display:flex;gap:3px;width:100%}.technicalSkillSegment{flex:1;height:8px;border-radius:2px;background:var(--color-surface-sunken);border:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.technicalSkillSegment.is-filled{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 6px #2dd4e873}.softSkillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin:0;padding:0}.softSkillItem{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);animation:fadeSlideUp .45s var(--ease-standard) both;animation-delay:calc(var(--i, 0) * 70ms)}.softSkillItem:hover{transform:translateY(-3px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.softSkillIcon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard)}.softSkillItem:hover .softSkillIcon{transform:scale(1.1) rotate(-6deg)}.softSkillName{color:var(--color-text);font-size:var(--font-size-md);font-weight:700;margin:0}.softSkillDescription{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}@media (max-width: 480px){.skillGroupItem{padding:var(--space-4)}.softSkillsGrid{grid-template-columns:1fr}}.projectsItemContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);width:100%;margin:0;padding:0}.projectItem{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);animation:fadeSlideUp .5s var(--ease-standard) both;animation-delay:calc(var(--i, 0) * 90ms)}.projectItem:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-titlebar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border)}.project-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.project-dot-red{background:#f16565}.project-dot-amber{background:var(--color-amber)}.project-dot-green{background:var(--status-done)}.project-filename{margin-left:var(--space-2);font-family:var(--font-family-mono);font-size:.6875rem;color:var(--color-text-faint)}.project-body{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5);flex-grow:1}.project-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-bottom:var(--space-3);border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-standard)}.projectItem:hover .project-icon{transform:scale(1.1) rotate(-6deg)}.project-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-3) 0;letter-spacing:-.01em}.project-tech-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4) 0;padding:0;list-style:none}.project-tech-chip{font-family:var(--font-family-mono);font-size:.6875rem;color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px var(--space-2)}.project-description{color:var(--color-text-muted);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0;flex-grow:1}.project-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);transition:gap var(--duration-fast) var(--ease-standard)}.project-link-prompt{font-family:var(--font-family-mono);color:var(--color-text-faint)}.project-link:hover{gap:var(--space-3)}@media (max-width: 480px){.projectsItemContainer{grid-template-columns:1fr}.project-body{padding:var(--space-4)}}:root{--color-bg: #0A0D13;--color-bg-elevated: #0F131C;--color-surface: #12161F;--color-surface-sunken: #0C0F16;--color-text: #E8EBF2;--color-text-muted: #9AA3B7;--color-text-faint: #5E6679;--color-border: #212636;--color-border-strong: #2E3549;--color-accent: #2DD4E8;--color-accent-hover: #6EE5F2;--color-accent-soft: rgba(45, 212, 232, .12);--color-accent-contrast: #04141A;--color-error: #F16565;--color-error-soft: rgba(241, 101, 101, .14);--color-violet: #A78BFA;--color-violet-soft: rgba(167, 139, 250, .14);--color-teal: #2DD4BF;--color-teal-soft: rgba(45, 212, 191, .14);--color-amber: #FBBF24;--color-amber-soft: rgba(251, 191, 36, .14);--color-pink: #F472B6;--color-pink-soft: rgba(244, 114, 182, .14);--color-green: #3ECF8E;--color-green-soft: rgba(62, 207, 142, .14);--status-done: #3ECF8E;--status-done-soft: rgba(62, 207, 142, .14);--status-active: #2DD4E8;--status-active-soft: rgba(45, 212, 232, .14);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, monospace;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-md: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.625rem;--font-size-2xl: 2.25rem;--font-size-3xl: 3rem;--line-height-tight: 1.25;--line-height-normal: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow-accent: 0 0 0 1px rgba(45, 212, 232, .4), 0 0 28px rgba(45, 212, 232, .18);--shadow-glow-accent-sm: 0 0 0 1px rgba(45, 212, 232, .35), 0 0 12px rgba(45, 212, 232, .14);--ease-standard: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2dd4e873}50%{box-shadow:0 0 0 6px #2dd4e800}}@keyframes blinkCursor{0%,45%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}body{background-image:radial-gradient(ellipse 900px 480px at 15% -10%,rgba(45,212,232,.1),transparent 60%),radial-gradient(ellipse 700px 420px at 100% 0%,rgba(167,139,250,.08),transparent 55%),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,auto,26px 26px;background-position:0 0,0 0,-13px -13px;background-attachment:fixed}#root{margin:0;padding:0;height:100%;width:100%}.app-container{min-height:100vh;width:100%;display:flex;flex-direction:column}a{color:inherit}.headerContainer{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);width:100%;padding:var(--space-4) var(--space-6);background:#0a0d13c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.headerContainer:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.5}.brandLink{display:inline-flex;align-items:baseline;font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:600;text-decoration:none;color:var(--color-text);letter-spacing:-.01em}.brand-prompt{color:var(--color-accent);margin-right:1px}.brand-cursor{color:var(--color-accent);margin-left:2px;animation:blinkCursor 1.1s step-end infinite}.navigationItemContainer{display:flex;align-items:center;margin:0;padding:0;gap:var(--space-2);list-style-type:none}.linkItem{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.linkItem-index{font-family:var(--font-family-mono);font-size:.6875rem;color:var(--color-text-faint);transition:color var(--duration-fast) var(--ease-standard)}.linkItem:hover{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface)}.linkItem.active{color:var(--color-accent);background:var(--color-accent-soft);border-color:#2dd4e84d}.linkItem.active .linkItem-index{color:var(--color-accent)}@media (max-width: 768px){.headerContainer{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.navigationItemContainer{gap:var(--space-2);flex-wrap:wrap}}@media (max-width: 480px){.linkItem{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}.footerContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:100%;margin-top:auto;padding:var(--space-6) var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.social-links{display:flex;justify-content:center;align-items:center;list-style-type:none;padding:0;margin:0;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.social-link:hover{color:var(--color-accent);border-color:#2dd4e866;box-shadow:var(--shadow-glow-accent-sm);transform:translateY(-3px)}.social-icon{width:1.1rem;height:1.1rem}.footer-text{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-faint);margin:0;text-align:center}.footer-status{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:var(--radius-full);background:var(--status-done);box-shadow:0 0 8px #3ecf8eb3}