@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg: #ffffff;--bg-secondary: #fafafa;--bg-elevated: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #999999;--accent: #0066ff;--accent-hover: #0052cc;--border: #e5e5e5;--border-light: #f0f0f0;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 96px;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--transition: cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-secondary: #0a0a0a;--bg-elevated: #141414;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666666;--accent: #0a84ff;--accent-hover: #409cff;--border: #262626;--border-light: #1a1a1a}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-lg)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);transition:all .3s var(--transition)}@media (prefers-color-scheme: dark){.nav{background:#000c}}.nav-content{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-size:18px;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:var(--spacing-md);list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-icons{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:8px;transition:all .2s ease;text-decoration:none}.nav-icon:hover{color:var(--text-primary);background:var(--bg-elevated)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0}.hero-title{font-size:clamp(40px,8vw,96px);font-weight:800;letter-spacing:-.04em;margin-bottom:var(--spacing-md);line-height:1}.hero-subtitle{font-size:clamp(18px,2.5vw,24px);color:var(--text-secondary);font-weight:400;max-width:700px;margin:0 auto var(--spacing-lg)}.accent-text{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-lg)}.section-title{font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--spacing-sm)}.section-description{font-size:18px;color:var(--text-secondary);max-width:600px}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s var(--transition);cursor:pointer;display:flex;flex-direction:column}.project-card:hover{border-color:var(--text-tertiary);transform:translateY(-2px);box-shadow:0 8px 16px #0000000f}@media (prefers-color-scheme: dark){.project-card:hover{box-shadow:0 8px 16px #0006}}.project-image{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.project-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.project-header{display:flex;align-items:center;gap:12px}.project-icon{width:48px;height:48px;border-radius:12px;object-fit:contain;padding:8px;background:var(--bg-elevated);border:1px solid var(--border-light)}.project-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.project-category{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.project-description{font-size:14px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{font-size:11px;font-weight:600;padding:5px 10px;background:var(--bg-elevated);color:var(--text-secondary);border-radius:6px;border:1px solid var(--border-light)}.tech-more{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:var(--bg-secondary);color:var(--accent);border-color:var(--accent);cursor:pointer;font-family:inherit;outline:none;transition:all .2s ease}.tech-more:hover{background:var(--accent);color:#fff}.project-links{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.icon-btn{flex:1;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s ease;cursor:pointer;text-decoration:none;font-size:13px;font-weight:600}.icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.filter-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:4px;background:var(--bg-elevated);border-radius:12px;width:fit-content}.filter-tab{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme: dark){.filter-tab.active{background:var(--bg);box-shadow:0 1px 3px #0000004d}}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{padding:var(--spacing-lg);background:var(--bg);border:1px solid var(--border);border-radius:16px;transition:all .3s var(--transition)}.skill-card:hover{border-color:var(--text-tertiary);transform:translateY(-2px)}.skill-category-title{font-size:18px;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.skill-icon{width:48px;height:48px;margin-bottom:var(--spacing-sm);color:var(--accent)}.skill-title{font-size:20px;font-weight:700;margin-bottom:var(--spacing-sm)}.skill-items{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.skill-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.skill-item:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.skill-item img{width:16px;height:16px;object-fit:contain}.concepts-card{background:#007aff;color:#fff;border:none;box-shadow:0 10px 30px #007aff4d}.concepts-card .skill-category-title{color:#fff;font-size:1.25rem;margin-bottom:24px}.concepts-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.concept-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;background:#ffffff26;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.concept-bullet{display:none}.about-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:center}@media (min-width: 768px){.about-content{grid-template-columns:1fr 1fr}}.about-image{width:320px;height:320px;max-width:100%;object-fit:cover;object-position:20% 40%;border-radius:50%;border:4px solid var(--accent);box-shadow:0 10px 30px #0000001a;margin:0 auto;transition:transform .3s ease}.about-image:hover{transform:scale(1.02)}@media (min-width: 768px){.about-image{margin:0}}.about-text{font-size:18px;line-height:1.7;color:var(--text-secondary)}.about-text p{margin-bottom:var(--spacing-md)}.about-text strong{color:var(--text-primary);font-weight:600}.about-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.footer{padding:var(--spacing-lg) 0;border-top:1px solid var(--border);margin-top:var(--spacing-xl)}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.footer-text{font-size:14px;color:var(--text-tertiary)}.footer-links{display:flex;gap:var(--spacing-md)}.footer-link{color:var(--text-tertiary);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-link:hover{color:var(--text-primary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .6s var(--transition)}