:root{color-scheme:light}@keyframes slide-up{from{opacity:0;transform:translateY(30px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}body{margin:0;background-color:#E2E4EB;background-image:linear-gradient(to bottom, rgba(226,228,235,0.2) 0%, #F2F2F7 90%),url("../images/background.webp");background-size:cover;background-position:center 20%;background-attachment:fixed;color:#1C1C1E;font-family:-apple-system, BlinkMacSystemFont, "Inter", sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid #007AFF;outline-offset:2px;border-radius:4px}a:focus-visible,button:focus-visible{border-radius:8px}section{opacity:0;transform:translateY(30px) scale(0.98);will-change:transform, opacity;backface-visibility:hidden;padding:100px 24px;max-width:900px;margin:0 auto}section.in-view{animation:slide-up 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards}@media (max-width: 768px){section{padding:60px 20px}}section header{text-align:center;margin-bottom:48px}section header small{display:block;color:#007AFF;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}section header h2{font-size:32px;font-weight:700;margin:0;letter-spacing:-0.5px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:2em;font-size:13px;font-weight:600;user-select:none}.badge.theme-blue{background-color:color-mix(in srgb, #007AFF, #fff 92%);color:#007AFF;border:1px solid color-mix(in srgb, #007AFF, transparent 88%)}.badge.theme-green{background-color:color-mix(in srgb, #34C759, #fff 92%);color:#34C759;border:1px solid color-mix(in srgb, #34C759, transparent 88%)}.badge.theme-orange{background-color:color-mix(in srgb, #FF9500, #fff 92%);color:#FF9500;border:1px solid color-mix(in srgb, #FF9500, transparent 88%)}.badge.theme-purple{background-color:color-mix(in srgb, #AF52DE, #fff 92%);color:#AF52DE;border:1px solid color-mix(in srgb, #AF52DE, transparent 88%)}.badge.theme-gray{background-color:color-mix(in srgb, #8E8E93, #fff 92%);color:#8E8E93;border:1px solid color-mix(in srgb, #8E8E93, transparent 88%)}.badge i{width:14px;height:14px}.card{display:block;background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.5);border-radius:24px;overflow:hidden;position:relative;border:none}.card:focus-visible{border-radius:24px}.card>img{height:220px;width:100%;object-fit:cover;border-bottom:1px solid rgba(0,0,0,0.05)}.card>div{padding:24px}.card>div p{margin:0 0 16px 0;font-size:15px;color:#6D6D72;line-height:1.5}.card.project>div>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card.project>div>div:first-child h3{margin:0;font-size:20px;color:#1C1C1E;transition:color 0.2s ease}.card.project>div>div:first-child i{color:#6D6D72;width:20px;height:20px;transition:color 0.2s ease}@media (hover: hover){.card.project:hover>div>div:first-child h3,.card.project:hover>div>div:first-child i{color:#007AFF}}a.card{transition:transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),opacity 0.2s ease,box-shadow 0.4s ease;will-change:transform, opacity}a.card:active{transform:scale(0.96);opacity:0.8}a.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px rgba(0,0,0,0.1)}footer{padding:48px;text-align:center;color:#6D6D72;font-size:13px;background:#E5E5EA;border-top:1px solid rgba(0,0,0,0.05)}footer i{width:12px;height:12px;color:#FF3B30;vertical-align:-2px}#hero.in-view{animation-delay:.1s}#about.in-view{animation-delay:.2s}#now.in-view{animation-delay:.3s}#skills.in-view{animation-delay:.4s}#awards.in-view{animation-delay:.5s}#projects.in-view{animation-delay:.6s}.in-view #awards,.in-view #projects{animation:slide-up 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards}.in-view #awards:nth-child(1),.in-view #projects:nth-child(1){animation-delay:.1s}.in-view #awards:nth-child(2),.in-view #projects:nth-child(2){animation-delay:.2s}.in-view #awards:nth-child(3),.in-view #projects:nth-child(3){animation-delay:.3s}.in-view #awards:nth-child(4),.in-view #projects:nth-child(4){animation-delay:.4s}.in-view #awards:nth-child(5),.in-view #projects:nth-child(5){animation-delay:.5s}.in-view #awards:nth-child(6),.in-view #projects:nth-child(6){animation-delay:.6s}.in-view #awards:nth-child(7),.in-view #projects:nth-child(7){animation-delay:.7s}.in-view #awards:nth-child(8),.in-view #projects:nth-child(8){animation-delay:.8s}#awards .grid,#projects .grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:24px}#awards .grid .card,#projects .grid .card{opacity:0}nav{position:fixed;top:24px;left:24px;z-index:100;display:flex;gap:10px}@media (max-width: 768px){nav{display:none}}nav a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1C1C1E;background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.5);transition:transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),opacity 0.2s ease,box-shadow 0.4s ease;will-change:transform, opacity}nav a:active{transform:scale(0.96);opacity:0.8}nav a:focus-visible{border-radius:50%}@media (hover: hover){nav a:hover{background:rgba(255,255,255,0.9)}}nav a i{display:flex;align-items:center;justify-content:center;font-size:16px;width:1em;height:1em;line-height:1}#hero{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}#hero img{width:120px;height:120px;border-radius:50%;border:4px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,0.1);margin-bottom:16px}#hero h1{font-size:48px;font-weight:800;margin:0;letter-spacing:-1px}#hero p{color:#48484A;font-size:18px;margin:0 0 24px 0}#hero small{display:inline-flex;align-items:center;gap:4px;color:#6D6D72;font-size:14px}#hero small i{width:14px;height:14px;color:inherit}#hero>div{display:flex;gap:16px;align-items:center}#hero>div a{padding:14px 28px;border-radius:99px;font-weight:600;display:flex;align-items:center;gap:8px;transition:transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),opacity 0.2s ease,box-shadow 0.4s ease;will-change:transform, opacity}#hero>div a:active{transform:scale(0.96);opacity:0.8}#hero>div a:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px rgba(0,0,0,0.1)}#hero>div a:first-child{background-color:#007AFF;color:white;box-shadow:0 4px 12px rgba(0,122,255,0.25)}#hero>div a:not(:first-child){background:rgba(255,255,255,0.6);color:#007AFF}#about article.card{padding:0 !important}#about article.card>div:first-child{display:flex;padding:40px;gap:32px;align-items:flex-start}#about article.card>div:first-child>div{flex:1;display:block}#about article.card>div:first-child>div p{margin-bottom:16px;font-size:17px;line-height:1.6;color:#48484A}#about article.card>div:first-child>img{width:140px;height:180px;object-fit:cover;border-radius:12px;flex-shrink:0}#about article.card>div:last-child{border-top:1px solid rgba(0,0,0,0.05);padding:24px 40px;background:rgba(249,249,251,0.5)}#about article.card>div:last-child small{display:block;font-size:11px;font-weight:600;color:#6D6D72;margin-bottom:12px}#about article.card>div:last-child div{display:flex;flex-wrap:wrap;gap:10px}#now .card>div,#exp .card>div,#edu .card>div{padding:0}#now .card>div p,#exp .card>div p,#edu .card>div p{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;margin:0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:17px}#now .card>div p:last-child,#exp .card>div p:last-child,#edu .card>div p:last-child{border-bottom:none}#now .card>div p strong,#exp .card>div p strong,#edu .card>div p strong{color:#1C1C1E;font-weight:600}#now .card>div p span,#exp .card>div p span,#edu .card>div p span{color:#48484A}#skills article.card>div{display:flex;flex-wrap:wrap;gap:12px}#awards .grid,#projects .grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:24px}