:root,[data-theme=dark]{--bg-0: #070d1a;--bg-1: #0d1526;--bg-2: #111d33;--bg-card: #131f36;--border: rgba(56, 189, 248, .12);--border-hover: rgba(56, 189, 248, .35);--accent: #38bdf8;--accent-dim: rgba(56, 189, 248, .15);--accent-glow: rgba(56, 189, 248, .25);--accent-2: #818cf8;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--radius: 12px;--radius-sm: 8px;--transition: .2s ease;--font-mono: "JetBrains Mono", monospace}[data-theme=light] .hero-name{background:linear-gradient(135deg,#0f172a 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light]{--bg-0: #f8fafc;--bg-1: #f1f5f9;--bg-2: #e9eef6;--bg-card: #ffffff;--border: rgba(56, 130, 200, .15);--border-hover: rgba(56, 130, 200, .4);--accent: #0284c7;--accent-dim: rgba(2, 132, 199, .1);--accent-glow: rgba(2, 132, 199, .2);--accent-2: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-0);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.section{padding:96px 24px;max-width:1080px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin-bottom:56px}.github-all-link{color:var(--accent);font-family:var(--font-mono);font-size:.85rem;white-space:nowrap;transition:opacity var(--transition)}.github-all-link:hover{opacity:.75}.divider{width:48px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;margin-bottom:56px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg-0) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition)}.navbar-logo{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--accent);letter-spacing:.05em}.navbar-logo span{color:var(--text-secondary)}.navbar-links{display:flex;gap:36px;align-items:center}.navbar-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition);position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--transition)}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:hover:after{width:100%}.navbar-cta{font-size:.8rem!important;font-weight:600!important;color:var(--accent)!important;border:1px solid var(--border-hover);padding:7px 18px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)!important}.navbar-cta:hover{background:var(--accent-dim)!important;color:var(--accent)!important}.navbar-cta:after{display:none!important}.theme-toggle{position:relative;width:44px;height:24px;border-radius:999px;border:none;cursor:pointer;background:var(--text-muted);transition:background .3s ease;flex-shrink:0}.theme-toggle.is-dark{background:var(--accent)}.theme-toggle:after{content:"☀️";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:18px}.theme-toggle.is-dark:after{content:"🌙";transform:translate(20px)}.theme-toggle-wrap{display:flex;align-items:center;gap:6px}.theme-icon{font-size:.85rem;line-height:1}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:120px 40px 80px;max-width:1080px;margin:0 auto}.hero-greeting{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);letter-spacing:.1em;margin-bottom:20px}.hero-name{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#f1f5f9 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;color:var(--text-secondary);margin-bottom:28px}.hero-bio{font-size:1rem;color:var(--text-secondary);line-height:1.75;max-width:480px;margin-bottom:44px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--bg-0);font-weight:600;font-size:.875rem;padding:12px 28px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-primary);font-weight:500;font-size:.875rem;padding:11px 28px;border-radius:var(--radius-sm);border:1px solid var(--border-hover);cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn-outline:hover{background:var(--accent-dim);border-color:var(--accent);transform:translateY(-1px)}.hero-image-wrap{display:flex;justify-content:center;align-items:center}.hero-photo-ring{position:relative;width:340px;height:340px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.hero-photo-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--bg-2)}.hero-photo-inner img{width:100%;height:100%;object-fit:cover;object-position:top center}.hero-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background:var(--bg-2);border-radius:50%}.hero-scroll-hint{display:flex;align-items:center;gap:10px;margin-top:60px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.scroll-line{width:40px;height:1px;background:var(--text-muted)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}.about-text p{color:var(--text-secondary);line-height:1.8;margin-bottom:20px;font-size:1rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-chip{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:.875rem;color:var(--text-primary);font-weight:500;transition:border-color var(--transition),background var(--transition)}.skill-chip:hover{border-color:var(--border-hover);background:var(--bg-2)}.skill-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.skills-sidebar h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.project-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #38bdf814}.project-icon{font-size:2rem;line-height:1}.project-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.project-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:var(--font-mono);font-size:.7rem;background:var(--accent-dim);color:var(--accent);padding:4px 10px;border-radius:4px;font-weight:500}.resume-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}.resume-col h3{font-size:1rem;font-weight:600;color:var(--accent);font-family:var(--font-mono);letter-spacing:.05em;margin-bottom:24px;text-transform:uppercase;font-size:.8rem}.timeline{display:flex;flex-direction:column;gap:28px}.timeline-item{position:relative;padding-left:20px;border-left:1px solid var(--border)}.timeline-item:before{content:"";position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-0)}.timeline-date{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);margin-bottom:4px}.timeline-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.timeline-org{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.timeline-desc{font-size:.85rem;color:var(--text-muted);line-height:1.65}.resume-download{margin-top:56px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:24px}.resume-download p{font-size:.95rem;color:var(--text-secondary);max-width:420px}.resume-download strong{display:block;font-size:1.05rem;color:var(--text-primary);margin-bottom:6px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact-info p{font-size:1rem;color:var(--text-secondary);line-height:1.75;margin-bottom:36px}.contact-links{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.contact-link{display:inline-flex;align-items:center;gap:14px;color:var(--text-secondary);font-size:.9rem;transition:color var(--transition);width:fit-content}.contact-link:hover{color:var(--accent)}.contact-link-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:border-color var(--transition)}.contact-link:hover .contact-link-icon{border-color:var(--border-hover)}.contact-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.04em}.form-group input,.form-group textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:12px 16px;outline:none;transition:border-color var(--transition);resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-success{font-size:.875rem;color:var(--accent);margin-top:-8px}.form-error{font-size:.78rem;color:#f87171;margin-top:2px}.form-group input.input-error,.form-group textarea.input-error{border-color:#f87171}.form-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.04em}.form-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);font-size:.65rem;color:var(--text-muted);cursor:default;-webkit-user-select:none;user-select:none}.form-tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-2);border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;transition:opacity var(--transition);pointer-events:none;z-index:10}.form-tooltip:hover .form-tooltip-text{visibility:visible;opacity:1}.footer{border-top:1px solid var(--border);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto}.footer p{font-size:.8rem;color:var(--text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.8rem;color:var(--text-muted);transition:color var(--transition);display:inline-block;line-height:1}.footer-links a:hover{color:var(--accent)}@media (max-width: 768px){.navbar{padding:16px 24px}.navbar-links{gap:20px}.hero{grid-template-columns:1fr;padding:100px 24px 60px;text-align:center;gap:40px}.hero-bio{max-width:100%}.hero-actions{justify-content:center}.hero-image-wrap{order:-1}.hero-photo-ring{width:240px;height:240px}.hero-scroll-hint{justify-content:center}.about-grid,.resume-layout,.contact-grid{grid-template-columns:1fr;gap:40px}.resume-download{flex-direction:column;align-items:flex-start}.footer{flex-direction:column;gap:16px;text-align:center;padding:24px}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-greeting{animation:fadeUp .6s ease both;animation-delay:.1s}.hero-name{animation:fadeUp .6s ease both;animation-delay:.22s}.hero-role{animation:fadeUp .6s ease both;animation-delay:.34s}.hero-bio{animation:fadeUp .6s ease both;animation-delay:.46s}.hero-actions{animation:fadeUp .6s ease both;animation-delay:.58s}.hero-image-wrap{animation:fadeIn .9s ease both;animation-delay:.3s}