:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-hover: #1a1a1a;--bg-active: #0d1117;--text-primary: #ffffff;--text-secondary: #8b949e;--text-tertiary: #6e7681;--border-color: #1e3a8a;--border-light: #1e293b;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-hover: #2563eb;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: rgba(255, 255, 255, .2) 0px 0px 15px, rgba(255, 255, 255, .15) 0px 0px 3px 1px;--shadow-md: rgba(255, 255, 255, .1) 0px 4px 12px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}.header{border-bottom:1px solid var(--border-light)}.header__cover{height:200px;background:var(--bg-secondary);position:relative;overflow:hidden}.header__cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);opacity:.3}.header__profile{padding:0 var(--space-4);position:relative}.header__avatar-wrapper{position:absolute;top:-80px;left:var(--space-4)}.header__avatar{width:140px;height:140px;border-radius:var(--radius-full);border:4px solid var(--bg-primary);overflow:hidden;background:var(--bg-secondary)}.header__avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.header__avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);opacity:.5}.header__info{padding-top:calc(80px + var(--space-4));padding-bottom:var(--space-4)}.header__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.header__tagline{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-3)}.header__bio{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-3)}.header__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.header__meta-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.header__meta-item svg{fill:var(--text-secondary)}.header__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.header__badge:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.header__badge a{color:var(--accent-secondary);text-decoration:none}.header__badge a:hover{text-decoration:underline}@media(max-width:768px){.header__cover{height:120px}.header__avatar-wrapper{top:-60px}.header__avatar{width:100px;height:100px}.header__info{padding-top:calc(60px + var(--space-3))}.header__name{font-size:var(--font-size-lg)}.header__meta{gap:var(--space-3)}}.navigation{border-bottom:1px solid var(--border-light);position:sticky;top:0;background:var(--bg-primary);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15202bd9}.navigation__tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.navigation__tabs::-webkit-scrollbar{display:none}.navigation__tab{flex:1;min-width:fit-content;padding:var(--space-4) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);position:relative;cursor:pointer;text-align:center;border:none;background:none}.navigation__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.navigation__tab--active{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.navigation__indicator{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--accent-primary);border-radius:var(--radius-full);animation:slideIn var(--transition-base)}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:640px){.navigation__tab{padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm)}}.project-card{cursor:default}.project-card__pinned{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm)}.project-card__pinned svg{fill:var(--text-secondary)}.project-card__content{display:flex;flex-direction:column;gap:var(--space-3)}.project-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.project-card__description{color:var(--text-primary);line-height:1.5}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-card__tech-tag{padding:var(--space-1) var(--space-3);background:var(--bg-secondary);color:var(--accent-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid var(--border-color);transition:all var(--transition-fast)}.project-card__tech-tag:hover{border-color:var(--accent-secondary);background:#1d9bf01a}.project-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border-light)}.project-card__date{color:var(--text-secondary);font-size:var(--font-size-sm)}.project-card__links{display:flex;gap:var(--space-3)}.project-card__link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast)}.project-card__link:hover{background:var(--bg-hover);border-color:var(--text-tertiary);color:var(--text-primary);text-decoration:none}.project-card__link svg{fill:currentColor}.project-card__link--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.project-card__link--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}@media(max-width:640px){.project-card__footer{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.project-card__links{width:100%;flex-direction:column}.project-card__link{width:100%;justify-content:center}}.blog-card{cursor:pointer}.blog-card__pinned{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm)}.blog-card__pinned svg{fill:var(--text-secondary)}.blog-card__header{margin-bottom:var(--space-3)}.blog-card__author{display:flex;align-items:center;gap:var(--space-3)}.blog-card__emoji{font-size:var(--font-size-2xl)}.blog-card__author-info{display:flex;flex-direction:column;gap:var(--space-1)}.blog-card__author-name{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-base)}.blog-card__date{font-size:var(--font-size-sm);color:var(--text-secondary)}.blog-card__content{display:flex;flex-direction:column;gap:var(--space-3)}.blog-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3}.blog-card__excerpt{color:var(--text-primary);line-height:1.5;font-size:var(--font-size-base)}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-card__tag{color:var(--accent-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.blog-card__tag:hover{text-decoration:underline}.blog-card__meta{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.blog-card__read-time{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm)}.blog-card__read-time svg{fill:var(--text-secondary)}.social-links{padding:var(--space-6)}.social-links__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.social-links__subtitle{color:var(--text-secondary);margin-bottom:var(--space-6)}.social-links__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.social-links__item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.social-links__item:hover{border-color:var(--accent-secondary);background:var(--bg-active);transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-links__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-md);color:var(--accent-secondary);transition:all var(--transition-base)}.social-links__item:hover .social-links__icon{background:var(--accent-secondary);color:#fff;transform:scale(1.1)}.social-links__platform{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.social-links__external{fill:var(--text-secondary);transition:fill var(--transition-fast)}.social-links__item:hover .social-links__external{fill:var(--accent-secondary)}@media(max-width:768px){.social-links{padding:var(--space-4)}.social-links__grid{grid-template-columns:1fr}}.content-section{min-height:400px}.content-section__feed,.content-section__projects,.content-section__blogs{display:flex;flex-direction:column}.content-section__about{padding:var(--space-6)}.about__section{margin-bottom:var(--space-8)}.about__section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.about__section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.about__section p{color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-3);font-size:var(--font-size-base)}.about__skills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid var(--border-color);transition:all var(--transition-fast)}.skill-tag:hover{border-color:var(--accent-primary);background:#f918801a;color:var(--accent-primary);transform:translateY(-2px)}.content-section__empty{padding:var(--space-10);text-align:center;color:var(--text-secondary)}@media(max-width:768px){.content-section__about{padding:var(--space-4)}.about__section{margin-bottom:var(--space-6)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}a{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}.container{max-width:100%;margin:0 auto;width:100%;padding:0}.container-wide{max-width:1400px;margin:0 auto;width:100%}.app-layout{display:flex;justify-content:center;min-height:100vh;width:100%}.main-content{flex:1;max-width:100%;width:100%;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);min-height:100vh}.main-content.container{max-width:100%;padding:0}.card{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-4);transition:background-color var(--transition-fast)}.card:hover{background:var(--bg-hover)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-secondary);color:var(--text-secondary)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-primary);transition:background-color var(--transition-fast)}.icon-btn:hover{background:var(--bg-hover)}@media(max-width:640px){.container{max-width:100%}.main-content{border-left:none;border-right:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-active) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}