:root{--amber:#fbbf24;--amber-dim:#fbbf2426;--amber-glow:#fbbf2414;--bg:#0a0a0a;--bg-2:#111;--bg-footer:#050505;--surface:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff14;--border-hover:#fbbf244d;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff59;--text-ghost:#ffffff2e}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Syne,sans-serif}body:before{content:"";pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#fbbf2466;border-radius:2px}.font-display{font-family:Syne,sans-serif}.font-mono{font-family:DM Mono,monospace}.text-gradient-amber{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 40%,#fde68a 70%,#fbbf24 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.glow-amber{text-shadow:0 0 40px #fbbf244d}.grid-bg{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px}.section-divider{max-width:1152px;margin:0 auto;padding:0 24px}.section-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;display:block}.nav-root{z-index:50;transition:background .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s,border-color .5s;position:fixed;top:0;left:0;right:0}.nav-root.scrolled{-webkit-backdrop-filter:blur(24px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0f}.nav-inner{justify-content:space-between;align-items:center;max-width:1152px;height:72px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.nav-brand-badge{background:var(--amber);width:28px;height:28px;color:var(--bg);border-radius:8px;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:10px;font-weight:900;display:flex}.nav-brand-label{letter-spacing:.1em;color:#ffffffb3;font-family:DM Mono,monospace;font-size:13px}.nav-pill-group{background:#ffffff0a;border:1px solid #ffffff12;border-radius:100px;align-items:center;gap:2px;padding:4px;display:flex}.nav-pill{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#fff6;background:0 0;border:none;border-radius:100px;padding:6px 14px;font-family:DM Mono,monospace;font-size:11px;transition:color .2s;position:relative}.nav-pill:hover{color:#ffffffd9}.nav-pill.active{color:var(--bg);background:var(--amber);font-weight:600}.nav-mobile-btn{cursor:pointer;width:40px;height:40px;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;transition:background .2s;display:flex}.nav-mobile-btn:hover{background:#ffffff1a}.nav-mobile-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0a0af7;border-top:1px solid #ffffff0f;padding:12px 24px 20px}.nav-mobile-item{text-align:left;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:#ffffff73;background:0 0;border:none;border-radius:12px;width:100%;padding:12px 16px;font-family:DM Mono,monospace;font-size:11px;transition:all .2s;display:block}.nav-mobile-item:hover,.nav-mobile-item.active{color:var(--amber);background:#fbbf240f}.cursor-dot{background:var(--amber);pointer-events:none;z-index:9998;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;transition:transform .1s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9997;border:1.5px solid #fbbf2473;border-radius:50%;width:36px;height:36px;transition:left .12s,top .12s;position:fixed;transform:translate(-50%,-50%)}.ambient-root{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-cursor{background:radial-gradient(circle,#fbbf240a 0%,#0000 70%);border-radius:50%;width:800px;height:800px;transition:left 1.2s,top 1.2s;position:absolute;transform:translate(-50%,-50%)}.ambient-tl{background:radial-gradient(circle,#fbbf240f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.ambient-br{background:radial-gradient(circle,#6366f10d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;left:-100px}.hero-section{z-index:1;align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative}.hero-inner{width:100%;max-width:1152px;margin:0 auto;padding:80px 24px}.hero-grid{align-items:center;gap:64px;display:grid}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 420px}}.hero-badge{color:var(--amber);background:#fbbf2414;border:1px solid #fbbf2433;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-family:DM Mono,monospace;font-size:12px;display:inline-flex}.hero-badge-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite blink}.hero-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d;margin-bottom:12px;font-family:DM Mono,monospace;font-size:11px}.hero-heading{margin:0 0 24px;font-family:Syne,sans-serif;font-size:clamp(32px,5vw,76px);font-weight:800;line-height:.95}.hero-heading-white{color:var(--text-primary);display:block}.hero-heading-gold{display:block}.hero-heading-ghost{color:var(--text-ghost);display:block}.hero-char{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards heroCharIn;display:inline-block}.hero-desc{color:#ffffff73;max-width:480px;margin-bottom:40px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--amber);color:var(--bg);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:box-shadow .3s,transform .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #fbbf244d}.btn-primary .arrow-icon{transition:transform .3s}.btn-primary:hover .arrow-icon{transform:rotate(45deg)}.social-links{align-items:center;gap:8px;display:flex}.social-link{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{color:var(--amber);border-color:#fbbf2466;transform:scale(1.1)}.hero-avatar-wrap{display:none;position:relative}@media (min-width:768px){.hero-avatar-wrap{display:block}}.hero-avatar-deco-1{background:linear-gradient(135deg,#fbbf2426 0%,#0000 60%);border-radius:24px;animation:6s ease-in-out infinite float;position:absolute;inset:0;transform:rotate(6deg)}.hero-avatar-deco-2{border:1px solid #fbbf2426;border-radius:24px;position:absolute;inset:0;transform:rotate(-3deg)}.hero-avatar-frame{border:1px solid #ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009,0 0 0 1px #fbbf241a}.hero-avatar-frame img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.hero-avatar-overlay{background:linear-gradient(#0000 50%,#0a0a0ab3 100%);position:absolute;inset:0}.hero-avatar-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.hero-avatar-badge-icon{background:var(--amber);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero-avatar-badge-name{color:var(--text-primary);font-family:Syne,sans-serif;font-size:14px;font-weight:700}.hero-avatar-badge-role{color:#fff6;font-family:DM Mono,monospace;font-size:11px}.hero-scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:#ffffff40;flex-direction:column;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(#fbbf2480,#0000);width:1px;height:40px}.hero-scanline{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#fbbf2426,#0000);height:2px;animation:8s linear infinite scanline;position:absolute;left:0;right:0}.about-section{z-index:1;padding:112px 24px;position:relative}.about-inner{max-width:1152px;margin:0 auto}.about-grid{align-items:start;gap:48px;display:grid}@media (min-width:768px){.about-grid{grid-template-columns:1fr 280px}}.about-text p{color:#fff9;margin:0 0 20px;font-size:17px;line-height:1.75}.about-text p:last-child{color:#fff6;font-size:15px}.about-contact-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px}.about-contact-item{border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:background .2s;display:flex}.about-contact-item:hover{background:#fbbf240f}.about-contact-icon{color:var(--amber);flex-shrink:0;margin-top:2px}.about-contact-text{color:#ffffff80;word-break:break-all;font-size:13px}a.about-contact-text{text-decoration:none;transition:color .2s}a.about-contact-text:hover{color:var(--amber)}.skills-section{z-index:1;padding:112px 24px;position:relative}.skills-inner{max-width:1152px;margin:0 auto}.skills-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;height:100%;padding:24px;transition:border-color .4s,background .4s;position:relative;overflow:hidden}.skill-card:hover{background:var(--surface-hover);border-color:#fbbf2466}.skill-card-glow{opacity:0;pointer-events:none;background:linear-gradient(135deg,#fbbf240d 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.skill-card:hover .skill-card-glow{opacity:1}.skill-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.skill-card-icon{width:36px;height:36px;color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2433;border-radius:10px;justify-content:center;align-items:center;transition:background .3s;display:flex}.skill-card:hover .skill-card-icon{background:#fbbf2433}.skill-card-title{color:#ffffffe6;letter-spacing:.05em;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.skill-list{flex-direction:column;gap:8px;display:flex}.skill-item{opacity:0;align-items:center;gap:10px;animation:.4s forwards fadeSlideIn;display:flex}.skill-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:transform .3s}.skill-card:hover .skill-dot{transform:scale(1.5)}.skill-name{color:#ffffff8c;font-family:DM Mono,monospace;font-size:12px;transition:color .3s}.skill-card:hover .skill-name{color:#fffc}.experience-section{z-index:1;padding:112px 24px;position:relative}.experience-inner{max-width:1152px;margin:0 auto}.experience-list{flex-direction:column;gap:20px;display:flex}.exp-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 32px;transition:border-color .5s,background .5s;position:relative;overflow:hidden}.exp-card:hover{background:var(--surface-hover);border-color:#fbbf244d}.exp-card-accent{background:linear-gradient(to bottom,var(--amber),transparent);opacity:0;width:2px;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0}.exp-card:hover .exp-card-accent{opacity:1}.exp-card-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}@media (min-width:768px){.exp-card-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.exp-position{color:var(--text-primary);margin-bottom:4px;font-family:Syne,sans-serif;font-size:22px;font-weight:700;transition:color .3s}.exp-card:hover .exp-position{color:var(--amber)}.exp-company{color:#fbbf24cc;margin-bottom:10px;font-family:DM Mono,monospace;font-size:13px;font-weight:500}.exp-meta{flex-wrap:wrap;gap:12px;display:flex}.exp-meta-item{color:#fff6;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;display:flex}.exp-highlights{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.exp-highlight-item{color:#ffffff80;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;transition:color .3s;display:flex}.exp-card:hover .exp-highlight-item{color:#ffffffb8}.exp-highlight-arrow{color:#fbbf2499;flex-shrink:0;margin-top:2px}.exp-tech-list{flex-wrap:wrap;gap:8px;display:flex}.exp-tech-tag{color:#fbbf24a6;background:#fbbf240f;border:1px solid #fbbf2426;border-radius:6px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px;transition:all .2s}.exp-tech-tag:hover{color:#fbbf24e6;background:#fbbf2424}.projects-section{z-index:1;background:#ffffff03;padding:112px 24px;position:relative}.projects-inner{max-width:1152px;margin:0 auto}.projects-grid{grid-template-columns:1fr;gap:20px;display:grid}@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(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;height:100%;transition:border-color .5s,transform .4s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#fbbf244d;transform:translateY(-4px);box-shadow:0 0 40px #fbbf240f}.project-image-wrap{background:linear-gradient(135deg,#ffffff0a,#ffffff03);height:208px;position:relative;overflow:hidden}.project-image-wrap img{object-fit:cover;opacity:.65;width:100%;height:100%;transition:opacity .6s,transform .7s;display:block}.project-card:hover .project-image-wrap img{opacity:.9;transform:scale(1.06)}.project-image-gradient{background:linear-gradient(#0000,#0a0a0a4d 50%,#0a0a0a);position:absolute;inset:0}.project-arrow-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;color:var(--amber);opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:16px;right:16px;transform:translate(8px)}.project-card:hover .project-arrow-btn{opacity:1;transform:translate(0)}.project-body{flex-direction:column;flex:1;padding:24px;display:flex}.project-title{color:var(--text-primary);margin-bottom:8px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;transition:color .3s}.project-card:hover .project-title{color:var(--amber)}.project-desc{color:#ffffff7a;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.project-tech-list{flex-wrap:wrap;gap:6px;display:flex}.project-tech-tag{color:#ffffff73;background:#ffffff0f;border-radius:5px;padding:3px 8px;font-family:DM Mono,monospace;font-size:11px;transition:color .3s,background .3s}.project-card:hover .project-tech-tag{color:#fbbf24a6;background:#fbbf240f}.project-tech-more{color:#ffffff47;background:#ffffff0a;border-radius:5px;padding:3px 8px;font-family:DM Mono,monospace;font-size:11px}.education-section{z-index:1;padding:112px 24px;position:relative}.education-inner{max-width:1152px;margin:0 auto}.education-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.education-grid{grid-template-columns:repeat(2,1fr)}}.edu-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;height:100%;padding:28px;transition:border-color .4s,background .4s;position:relative;overflow:hidden}.edu-card:hover{background:var(--surface-hover);border-color:#fbbf244d}.edu-card-glow{pointer-events:none;background:radial-gradient(circle,#fbbf240f 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.edu-card-body{position:relative}.edu-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.edu-degree{color:var(--text-primary);margin-bottom:4px;font-family:Syne,sans-serif;font-size:17px;font-weight:700;line-height:1.3;transition:color .3s}.edu-card:hover .edu-degree{color:var(--amber)}.edu-institution{color:#fbbf24b3;font-family:DM Mono,monospace;font-size:12px;font-weight:500}.edu-icon-wrap{width:48px;height:48px;color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2433;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s,background .3s;display:flex}.edu-card:hover .edu-icon-wrap{background:#fbbf242e;transform:scale(1.1)}.edu-period{color:#ffffff59;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.footer{background:var(--bg-footer);z-index:1;border-top:1px solid #ffffff0f;padding:64px 24px;position:relative}.footer-inner{max-width:1152px;margin:0 auto}.footer-grid{grid-template-columns:1fr;gap:40px;margin-bottom:48px;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}}.footer-brand{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-brand-badge{background:var(--amber);width:36px;height:36px;color:var(--bg);border-radius:10px;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:10px;font-weight:900;display:flex}.footer-brand-name{color:var(--text-primary);font-family:Syne,sans-serif;font-size:20px;font-weight:700}.footer-brand-desc{color:#ffffff59;font-size:13px;line-height:1.6}.footer-nav-label,.footer-social-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff40;margin-bottom:16px;font-family:DM Mono,monospace;font-size:10px;display:block}.footer-nav-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.footer-nav-link{text-align:left;cursor:pointer;color:#fff6;background:0 0;border:none;padding:0;font-family:DM Mono,monospace;font-size:13px;transition:color .2s}.footer-nav-link:hover{color:var(--amber)}.footer-social-links{gap:8px;display:flex}.footer-social-link{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{color:var(--amber);border-color:#fbbf2466;transform:scale(1.1)}.footer-bottom{color:#fff3;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:12px;padding-top:32px;font-family:DM Mono,monospace;font-size:11px;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-built-with span{color:var(--amber)}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);align-items:center;gap:10px;margin-bottom:12px;font-family:DM Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.section-label-line{background:var(--amber);width:32px;height:1px}.section-title{color:var(--text-primary);margin:0 0 48px;font-family:Syne,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1}.section-heading-wrap{margin-bottom:48px}.animate-section{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.16,1,.3,1)}.animate-section[data-state=hidden]{opacity:0;transform:translateY(40px)}.animate-section[data-state=visible]{opacity:1;transform:translateY(0)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:rotate(6deg)translateY(0)}50%{transform:rotate(6deg)translateY(-12px)}}@keyframes scanline{0%{top:-2px}to{top:100vh}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes heroCharIn{0%{opacity:0;transform:translateY(20px)skew(-4deg)}to{opacity:1;transform:translateY(0)skew(0)}}