@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-bg-primary: #f8f7ff;--color-bg-secondary: #eeedf5;--color-bg-card: #ffffff;--color-bg-card-hover: #f3f1fa;--color-text-primary: #1a1637;--color-text-secondary: #4a4568;--color-text-muted: #7a7594;--color-accent-primary: #7C3AED;--color-accent-secondary: #1E1B4B;--color-accent-glow: rgba(124, 58, 237, .15);--color-accent-light: #A78BFA;--color-border: rgba(30, 27, 75, .1);--color-border-hover: rgba(124, 58, 237, .3);--color-shadow: rgba(30, 27, 75, .08);--color-tag-bg: rgba(124, 58, 237, .08);--color-tag-text: #7C3AED;--font-display: "JetBrains Mono", monospace;--font-body: "Inter", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.333rem;--font-size-2xl: 1.777rem;--font-size-3xl: 2.369rem;--font-size-4xl: 3.157rem;--font-size-hero: clamp(2.2rem, 5.5vw, 4.2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-width: 1200px;--nav-height: 72px;--border-radius: 2px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--color-bg-primary: #0a0a1a;--color-bg-secondary: #111128;--color-bg-card: #16163a;--color-bg-card-hover: #1e1e4a;--color-text-primary: #e8e6f0;--color-text-secondary: #b0adc4;--color-text-muted: #7a7794;--color-accent-primary: #A78BFA;--color-accent-secondary: #c4b5fd;--color-accent-glow: rgba(167, 139, 250, .2);--color-accent-light: #c4b5fd;--color-border: rgba(167, 139, 250, .12);--color-border-hover: rgba(167, 139, 250, .35);--color-shadow: rgba(0, 0, 0, .4);--color-tag-bg: rgba(167, 139, 250, .12);--color-tag-text: #c4b5fd}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:var(--color-accent-primary)}.section-subtitle{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:400;margin-bottom:var(--space-12);max-width:600px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:0}::selection{background:var(--color-accent-primary);color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.section{padding:var(--space-16) 0}.section-title{font-size:var(--font-size-2xl)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.navbar--scrolled{background-color:var(--color-bg-primary);box-shadow:0 1px 0 var(--color-border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:2px}.navbar__logo:hover{color:var(--color-text-primary)}.navbar__logo-bracket{color:var(--color-accent-primary);font-weight:400}.navbar__logo-text{margin:0 2px}.navbar__right{display:flex;align-items:center;gap:var(--space-8)}.navbar__links{list-style:none;display:flex;gap:var(--space-8)}.navbar__link{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;position:relative;padding:var(--space-2) 0;letter-spacing:.01em;transition:color var(--transition-fast)}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-primary);transition:width var(--transition-base)}.navbar__link:hover{color:var(--color-accent-primary)}.navbar__link:hover:after{width:100%}.navbar__theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.navbar__theme-toggle span{display:flex;align-items:center;justify-content:center}.navbar__theme-toggle:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.navbar__hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);cursor:pointer}.navbar__mobile-menu{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.navbar__mobile-link{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);text-decoration:none;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.navbar__mobile-link:hover{color:var(--color-accent-primary)}@media(max-width:768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:var(--nav-height);overflow:hidden}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero__content{display:flex;flex-direction:column;gap:var(--space-6)}.hero__tag{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-accent-primary);background:var(--color-tag-bg);padding:var(--space-2) var(--space-4);width:fit-content;border-left:2px solid var(--color-accent-primary)}.hero__title{font-size:var(--font-size-hero);word-wrap:break-word;font-weight:700;line-height:1.05;letter-spacing:-.04em}.hero__title-accent{color:var(--color-accent-primary)}.hero__role{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-3)}.hero__cursor{color:var(--color-accent-primary);font-weight:700}.hero__typed{color:var(--color-text-primary);font-weight:600}.hero__blink{color:var(--color-accent-primary);animation:blink 1s step-end infinite}.hero__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:480px;line-height:1.7}.hero__actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.hero__btn{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all var(--transition-fast);letter-spacing:.02em;display:inline-flex;align-items:center}.hero__btn--primary{background:var(--color-accent-primary);color:#fff;border:2px solid var(--color-accent-primary)}.hero__btn--primary:hover{background:transparent;color:var(--color-accent-primary);transform:translateY(-2px)}.hero__btn--ghost{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.hero__btn--ghost:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-2px)}.hero__visual{perspective:1000px}.hero__code-block{background:var(--color-bg-card);border:1px solid var(--color-border);font-family:var(--font-display);font-size:var(--font-size-sm);overflow:hidden;transform:rotateY(-2deg) rotateX(1deg);transition:transform var(--transition-base);box-shadow:20px 20px 0 var(--color-accent-glow)}.hero__code-block:hover{transform:rotateY(0) rotateX(0)}.hero__code-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.hero__code-dot{width:10px;height:10px;border-radius:50%}.hero__code-dot--red{background:#ff5f56}.hero__code-dot--yellow{background:#ffbd2e}.hero__code-dot--green{background:#27c93f}.hero__code-filename{margin-left:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.hero__code-content{padding:var(--space-6);color:var(--color-text-secondary);line-height:1.8;overflow-x:auto}.hero__code-content code{font-family:var(--font-display)}.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);color:var(--color-text-muted);text-decoration:none;display:flex;transition:color var(--transition-fast)}.hero__scroll:hover{color:var(--color-accent-primary)}@media(max-width:900px){.hero__grid{grid-template-columns:1fr;gap:var(--space-10)}.hero__visual{display:none}.hero__title{font-size:clamp(1.8rem,6vw,3rem)}}@media(max-width:480px){.hero__title{font-size:clamp(1.5rem,7vw,2.2rem)}.hero__actions{flex-direction:column}.hero__btn{text-align:center;justify-content:center}}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.about__terminal{background:var(--color-bg-card);border:1px solid var(--color-border);overflow:hidden}.about__terminal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.about__terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);opacity:.4}.about__terminal-dot:first-child{background:#ff5f56;opacity:1}.about__terminal-dot:nth-child(2){background:#ffbd2e;opacity:1}.about__terminal-dot:nth-child(3){background:#27c93f;opacity:1}.about__terminal-title{margin-left:var(--space-3);font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-muted)}.about__terminal-body{padding:var(--space-6);font-family:var(--font-display);font-size:var(--font-size-sm);line-height:1.8;color:var(--color-text-secondary)}.about__prompt{color:var(--color-accent-primary);font-weight:700;margin-right:var(--space-2)}.about__blink{animation:blink 1s step-end infinite;color:var(--color-accent-primary)}@keyframes blink{50%{opacity:0}}.about__skills{display:flex;flex-direction:column;gap:var(--space-6)}.about__skill-group{border-left:2px solid var(--color-border);padding-left:var(--space-6);transition:border-color var(--transition-fast)}.about__skill-group:hover{border-color:var(--color-accent-primary)}.about__skill-category{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:.03em;text-transform:uppercase}.about__skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.about__skill-tag{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:500;color:var(--color-tag-text);background:var(--color-tag-bg);padding:var(--space-1) var(--space-3);border:1px solid transparent;transition:all var(--transition-fast);cursor:default}.about__skill-tag:hover{border-color:var(--color-accent-primary);transform:translateY(-1px)}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:var(--space-8)}}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.projects__card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base);position:relative;overflow:hidden}.projects__card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--color-accent-primary);transition:height var(--transition-base)}.projects__card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 16px 40px var(--color-shadow)}.projects__card:hover:before{height:100%}.projects__card--featured{border-color:var(--color-border-hover)}.projects__card-header{display:flex;align-items:center;justify-content:space-between}.projects__card-index{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent-glow);line-height:1;letter-spacing:-.04em}[data-theme=dark] .projects__card-index{color:#a78bfa26}.projects__card-badge{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent-primary);background:var(--color-tag-bg);padding:var(--space-1) var(--space-3);letter-spacing:.05em;text-transform:uppercase}.projects__card-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);line-height:1.3}.projects__card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;flex-grow:1}.projects__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.projects__card-tag{font-family:var(--font-display);font-size:.7rem;font-weight:500;color:var(--color-tag-text);background:var(--color-tag-bg);padding:2px var(--space-2);letter-spacing:.01em}.projects__card-links{display:flex;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.projects__card-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.projects__card-link:hover,.projects__card-link--demo{color:var(--color-accent-primary)}@media(max-width:768px){.projects__grid{grid-template-columns:1fr}}.github-stats .section-title{margin-bottom:var(--space-4)}.github-stats__counters{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}.github-stats__counter-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-8) var(--space-6);text-align:center;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.github-stats__counter-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 8px 32px var(--color-accent-glow)}.github-stats__counter-icon{color:var(--color-accent-primary);margin-bottom:var(--space-3);display:flex;justify-content:center}.github-stats__counter-value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:var(--space-2)}.github-stats__counter-label{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.github-stats__heatmap{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-6);overflow-x:auto;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.github-stats__heatmap:hover{border-color:var(--color-border-hover);box-shadow:0 8px 32px var(--color-accent-glow)}.github-stats__heatmap-img{width:100%;height:auto;display:block;min-width:640px;border-radius:4px}[data-theme=dark] .github-stats__heatmap-img{filter:invert(1) hue-rotate(180deg)}.github-stats__skeleton{background:var(--color-bg-card);border:1px solid var(--color-border);position:relative;overflow:hidden}.github-stats__skeleton--counter{height:120px}.github-stats__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--color-accent-glow) 50%,transparent 100%);animation:github-stats-shimmer 1.5s infinite}@keyframes github-stats-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.github-stats__error{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--font-size-sm)}@media(max-width:1024px){.github-stats__counters{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.github-stats__counters{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.github-stats__counter-card{padding:var(--space-6) var(--space-4)}.github-stats__counter-value{font-size:var(--font-size-2xl)}.github-stats__heatmap{padding:var(--space-4)}}@media(max-width:480px){.github-stats__counters{grid-template-columns:1fr}}.contact__content{max-width:600px;margin-top:var(--space-12)}.contact__email-block{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.contact__email-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.contact__email-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.contact__email-address{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent-primary);text-decoration:none;letter-spacing:-.02em;transition:opacity var(--transition-fast)}.contact__email-address:hover{opacity:.8;color:var(--color-accent-primary)}.contact__copy-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.contact__copy-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.contact__socials{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.contact__social-link{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);transition:all var(--transition-fast)}.contact__social-link:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-tag-bg)}@media(max-width:480px){.contact__email-address{font-size:var(--font-size-xl)}.contact__socials{flex-direction:column}}.footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0}.footer__inner{display:flex;align-items:center;justify-content:space-between}.footer__logo{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.footer__bracket{color:var(--color-accent-primary);font-weight:400}.footer__copy{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:480px){.footer__inner{flex-direction:column;gap:var(--space-4);text-align:center}}