.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:background .3s,padding .3s,backdrop-filter .3s}.navbar.scrolled{background:#080c14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 0;border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.nav-logo span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--text-muted);transition:color .2s;letter-spacing:.01em}.nav-links a:hover{color:var(--text)}.nav-resume{padding:8px 18px!important;border:1px solid var(--blue-border)!important;border-radius:6px!important;color:var(--blue)!important;font-size:.875rem!important;transition:background .2s,color .2s!important}.nav-resume:hover{background:var(--blue-glow)!important;color:var(--text)!important}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-burger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:.3s}@media (max-width: 700px){.nav-burger{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 0}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:12px 32px}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:0}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,transparent 70%);top:-100px;left:-100px}.orb2{width:400px;height:400px;background:radial-gradient(circle,rgba(29,78,216,.12) 0%,transparent 70%);bottom:0;right:10%}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 100%)}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:0 32px}.hero-content{flex:1;max-width:600px}.hero-greeting{font-family:var(--font-body);font-size:1rem;color:var(--text-muted);margin-bottom:8px;font-weight:300;letter-spacing:.02em}.hero-name{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1.05;color:var(--text);letter-spacing:-.03em;margin-bottom:20px}.hero-name span{color:var(--blue)}.hero-role-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hero-role-line{display:block;width:40px;height:2px;background:var(--blue);border-radius:2px}.hero-role{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--blue);letter-spacing:.05em;text-transform:uppercase}.hero-bio{font-size:1.1rem;color:var(--text-muted);line-height:1.75;margin-bottom:40px;max-width:480px;font-weight:300}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{padding:14px 28px;background:var(--blue);color:#fff;border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:500;transition:background .2s,transform .15s;display:inline-block}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-ghost{padding:14px 28px;border:1px solid var(--blue-border);color:var(--text-muted);border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:400;transition:border-color .2s,color .2s,background .2s;display:inline-block}.btn-ghost:hover{border-color:var(--blue);color:var(--text);background:var(--blue-glow)}.hero-aside{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-photo-wrapper{position:relative;width:220px;height:220px}.hero-photo{width:220px;height:220px;object-fit:cover;object-position:top;border-radius:50%;border:3px solid var(--blue-border);position:relative;z-index:1}.hero-photo-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);z-index:0}.hero-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:28px;min-width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;margin-bottom:10px;box-shadow:0 0 8px #22c55e99;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-card-status{font-size:.875rem;color:var(--text-muted);font-weight:400;margin-bottom:0}.hero-card-divider{height:1px;background:var(--border);margin:18px 0}.hero-card-stack{display:flex;flex-wrap:wrap;gap:8px}.hero-card-tag{font-size:.78rem;font-weight:500;padding:5px 10px;background:var(--blue-glow);border:1px solid var(--blue-border);color:var(--blue);border-radius:20px;font-family:var(--font-body)}.hero-card-location{font-size:.85rem;color:var(--text-dim)}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.scroll-line{display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--blue),transparent);animation:scrollAnim 1.5s ease-in-out infinite}@keyframes scrollAnim{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.6);opacity:.4}}.scroll-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-body)}@media (max-width: 800px){.hero-inner{flex-direction:column;text-align:center;align-items:center}.hero-role-wrapper{justify-content:center}.hero-bio{margin:0 auto 40px}.hero-actions{justify-content:center}.hero-aside{width:100%;align-items:center}.hero-card{width:100%}.hero-card-dot{margin:0 auto 10px}.hero-card-stack{justify-content:center}.hero-photo-wrapper,.hero-photo{width:160px;height:160px}}.about{background:var(--bg)}.title-accent{color:var(--blue)}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-text{font-size:1rem;color:var(--text-muted);line-height:1.8;margin-bottom:16px;font-weight:300}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:4px}.stat-card.highlight{border-color:var(--blue-border);background:var(--blue-glow)}.stat-num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text);line-height:1}.stat-card.highlight .stat-num{color:var(--blue)}.stat-label{font-size:.78rem;color:var(--text-dim);font-weight:400}.about-experience{display:flex;flex-direction:column;gap:20px}.exp-item{display:flex;gap:16px;align-items:flex-start}.exp-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;margin-top:6px;flex-shrink:0;box-shadow:0 0 8px #3b82f680}.exp-role{font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:2px}.exp-where{font-size:.82rem;color:var(--blue);margin-bottom:4px}.exp-desc{font-size:.85rem;color:var(--text-dim);line-height:1.5}@media (max-width: 800px){.about-inner{grid-template-columns:1fr;gap:48px}}.projects{background:var(--bg2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:48px}.project-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:default}.project-card:hover{border-color:var(--blue-border);transform:translateY(-4px);box-shadow:0 16px 40px #0000004d,0 0 0 1px var(--blue-border)}.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-tag{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);background:var(--blue-glow);border:1px solid var(--blue-border);padding:4px 10px;border-radius:20px}.project-links{display:flex;gap:10px}.project-icon-link{color:var(--text-dim);transition:color .2s;display:flex;align-items:center}.project-icon-link:hover{color:var(--blue)}.project-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text);line-height:1.3}.project-desc{font-size:.9rem;color:var(--text-muted);line-height:1.7;flex:1;font-weight:300}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tech-pill{font-size:.75rem;padding:4px 10px;background:var(--bg3);color:var(--text-dim);border-radius:20px;font-family:var(--font-body);border:1px solid var(--border)}.skills{background:var(--bg)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:48px}.skill-group{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s}.skill-group:hover{border-color:var(--blue-border)}.skill-category{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin-bottom:16px}.skill-items{display:flex;flex-wrap:wrap;gap:8px}.skill-item{font-size:.875rem;color:var(--text-muted);background:var(--bg3);border:1px solid var(--border);padding:6px 14px;border-radius:6px;font-family:var(--font-body);font-weight:400;transition:color .2s,border-color .2s}.skill-item:hover{color:var(--text);border-color:var(--blue-border)}.contact{background:var(--bg2);border-top:1px solid var(--border)}.contact-inner{max-width:640px}.contact-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.75;margin-bottom:48px;font-weight:300}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-link{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,transform .15s,background .2s}.contact-link:hover{border-color:var(--blue-border);transform:translate(4px);background:var(--bg3)}.contact-link-icon{width:40px;height:40px;background:var(--blue-glow);border:1px solid var(--blue-border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.contact-link-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:500;margin-bottom:2px}.contact-link-value{font-size:.9rem;color:var(--text-muted)}.contact-arrow{margin-left:auto;color:var(--text-dim);font-size:1.1rem;transition:color .2s,transform .2s}.contact-link:hover .contact-arrow{color:var(--blue);transform:translate(3px)}.email-link{border-color:var(--blue-border)}.footer{background:var(--bg);border-top:1px solid var(--border);padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-muted)}.footer-copy{font-size:.82rem;color:var(--text-dim)}@media (max-width: 600px){.footer-inner{flex-direction:column;gap:8px;text-align:center}}:root{--bg: #080C14;--bg2: #0D1220;--bg3: #111827;--blue: #3B82F6;--blue-dim: #1D4ED8;--blue-glow: rgba(59,130,246,.15);--blue-border: rgba(59,130,246,.25);--text: #F1F5F9;--text-muted: #94A3B8;--text-dim: #475569;--border: rgba(255,255,255,.06);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--blue-dim);border-radius:2px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}section{padding:100px 0}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section-label{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--text);line-height:1.15;margin-bottom:20px}.section-desc{font-size:1.05rem;color:var(--text-muted);max-width:520px;line-height:1.7}