@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#070a12;--bg-soft:#0d1220;--card:#ffffff0f;--card-border:#ffffff1f;--text:#f8fafc;--muted:#94a3b8;--muted-strong:#cbd5e1;--primary:#60a5fa;--secondary:#a78bfa;--accent:#22d3ee;--shadow:0 24px 70px #00000059;--radius:24px;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}section{scroll-margin-top:130px}body{background:radial-gradient(circle at top left, #60a5fa38, transparent 32rem), radial-gradient(circle at top right, #a78bfa2e, transparent 30rem), var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100vh;overflow-x:hidden}.section-container{width:min(var(--max-width), calc(100% - 40px));margin:0 auto;padding:96px 0}.navbar{z-index:1000;width:min(var(--max-width), calc(100% - 40px));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070a12b8;border:1px solid #94a3b824;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:10px 14px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000038}.navbar-logo{color:var(--text);cursor:pointer;letter-spacing:-.04em;background:0 0;border:0;font-size:1.1rem;font-weight:800}.navbar-logo span{color:var(--primary)}.navbar-links{color:var(--muted-strong);align-items:center;gap:26px;font-size:.94rem;display:flex}.navbar-links button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:.94rem;transition:color .2s,transform .2s}.navbar-links button:hover{color:var(--text);transform:translateY(-1px)}.navbar-cta{border:1px solid var(--card-border);cursor:pointer;color:var(--text);background:#ffffff0f;border-radius:999px;padding:9px 15px;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s}.navbar-cta:hover{background:#ffffff1a;transform:translateY(-2px)}.mobile-menu{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:220px;box-shadow:var(--shadow);transform-origin:100% 0;background:#0d1220f5;border-radius:18px;gap:8px;padding:12px;animation:.22s forwards mobileMenuIn;display:grid;position:absolute;top:60px;right:0}.mobile-menu-button{appearance:none;border:1px solid var(--card-border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:14px;outline:0;place-items:center;padding:0;transition:background .2s,transform .2s;display:none}.mobile-menu-button:hover{background:#ffffff1a;transform:translateY(-1px)}.mobile-menu-item{appearance:none;width:100%;color:var(--muted-strong);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;outline:0;padding:11px 12px;font-size:.94rem;font-weight:700;transition:background .2s,color .2s,transform .2s}.mobile-menu-item:hover{color:var(--text);background:#ffffff12;transform:translate(2px)}.mobile-menu.closing{animation:.22s forwards mobileMenuOut}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:100vh;padding-top:120px;display:grid}.hero-badge{color:#bfdbfe;background:#60a5fa14;border:1px solid #60a5fa40;border-radius:999px;margin-bottom:24px;padding:9px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.075em;max-width:720px;margin:0;font-size:clamp(2.7rem,6vw,5.7rem);line-height:.95}.hero p{max-width:620px;color:var(--muted);margin:26px 0 0;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-button,.secondary-button{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:700;transition:transform .2s,border .2s,background .2s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#020617}.secondary-button{border:1px solid var(--card-border);color:var(--text);background:#ffffff0d}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.hero-socials{gap:12px;margin-top:28px;display:flex}.hero-socials a{border:1px solid var(--card-border);width:42px;height:42px;color:var(--muted-strong);background:#ffffff0d;border-radius:50%;place-items:center;transition:transform .2s,color .2s;display:grid}.hero-socials a:hover{color:var(--text);transform:translateY(-3px)}.hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.hero-card{aspect-ratio:4/5;border:1px solid var(--card-border);width:min(420px,100%);box-shadow:var(--shadow);background:linear-gradient(135deg,#60a5fa26,#a78bfa1f),#ffffff0f;border-radius:36px;padding:14px;overflow:hidden}.hero-card img{object-fit:cover;border-radius:26px;width:100%;height:100%;display:block}.floating-card{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#0d1220c7;border-radius:20px;padding:16px 18px;position:absolute}.floating-card strong{font-size:.94rem;display:block}.floating-card span{color:var(--muted);margin-top:5px;font-size:.82rem;display:block}.floating-card-top{top:70px;left:0}.floating-card-bottom{bottom:90px;right:0}.section-title{max-width:760px;margin-bottom:34px}.section-title span{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px;font-size:.86rem;font-weight:800;display:inline-block}.section-title h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.section-title p{color:var(--muted);margin:18px 0 0;font-size:1rem;line-height:1.75}.about-highlight{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#60a5fa29,#0000 26rem),#ffffff0f;border:1px solid #60a5fa3d;border-radius:32px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:28px;margin-bottom:22px;padding:34px;display:grid}.about-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;background:#22d3ee17;border-radius:999px;margin-bottom:14px;padding:8px 11px;font-size:.76rem;font-weight:800;display:inline-flex}.about-highlight h3{letter-spacing:-.055em;max-width:480px;margin:0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.08}.about-highlight p{color:var(--muted-strong);margin:0;font-size:1rem;line-height:1.85}.about-grid-v2{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.about-feature-card{border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(135deg, #60a5fa0e, #a78bfa09), var(--card);padding:26px;transition:transform .22s,border .22s}.about-feature-card:hover{border-color:#60a5fa57;transform:translateY(-5px)}.about-feature-icon{width:46px;height:46px;color:var(--accent);background:#60a5fa14;border:1px solid #60a5fa38;border-radius:16px;place-items:center;margin-bottom:18px;display:grid}.about-feature-card h3{letter-spacing:-.035em;margin:0 0 12px;font-size:1.18rem}.about-feature-card p{color:var(--muted);margin:0;line-height:1.75}.skills-layout{grid-template-columns:.72fr 1.28fr;align-items:start;gap:18px;display:grid}.skills-summary-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#60a5fa2e,#0000 24rem),#ffffff0f;border:1px solid #60a5fa3d;border-radius:30px;padding:30px;position:sticky;top:96px}.skills-summary-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;background:#22d3ee17;border-radius:999px;margin-bottom:16px;padding:8px 11px;font-size:.76rem;font-weight:800;display:inline-flex}.skills-summary-card h3{letter-spacing:-.055em;margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.08}.skills-summary-card p{color:var(--muted-strong);margin:18px 0 0;line-height:1.8}.skills-summary-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;display:grid}.skills-summary-stats div{background:#ffffff0d;border:1px solid #60a5fa2e;border-radius:18px;padding:16px}.skills-summary-stats strong{color:var(--text);letter-spacing:-.05em;font-size:1.8rem;line-height:1;display:block}.skills-summary-stats span{color:var(--muted);margin-top:8px;font-size:.82rem;font-weight:700;display:block}.skills-grid-v2{gap:18px;display:grid}.skill-group-v2{border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(135deg, #60a5fa0e, #a78bfa09), var(--card);padding:26px;transition:transform .22s,border .22s}.skill-group-v2:hover{border-color:#60a5fa57;transform:translateY(-4px)}.skill-group-header{grid-template-columns:48px 1fr;align-items:start;gap:16px;margin-bottom:18px;display:grid}.skill-group-icon{width:48px;height:48px;color:var(--accent);background:#60a5fa14;border:1px solid #60a5fa38;border-radius:16px;place-items:center;display:grid}.skill-group-v2 h3{letter-spacing:-.035em;margin:0 0 8px;font-size:1.18rem}.skill-group-v2 p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.65}.skill-list{flex-wrap:wrap;gap:10px;display:flex}.skill-badge{color:var(--muted-strong);background:#ffffff0e;border:1px solid #94a3b82e;border-radius:999px;padding:9px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.projects-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(135deg, #60a5fa12, #a78bfa0a), var(--card);flex-direction:column;min-height:420px;padding:26px;transition:transform .22s,border .22s,background .22s;display:flex}.project-card:hover{background:linear-gradient(135deg, #60a5fa1c, #a78bfa14), var(--card);border-color:#60a5fa61;transform:translateY(-6px)}.project-card-header{color:var(--muted-strong);justify-content:space-between;align-items:center;display:flex}.project-highlight{color:#bfdbfe;background:#60a5fa1a;border-radius:999px;padding:8px 11px;font-size:.78rem;font-weight:800}.project-card h3{letter-spacing:-.03em;margin:24px 0 12px;font-size:1.45rem}.project-card p{color:var(--muted);margin:0;line-height:1.75}.project-impact{background:#60a5fa0e;border:1px solid #60a5fa29;border-radius:18px;margin-top:18px;padding:14px 15px}.project-impact span{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;font-size:.74rem;font-weight:800;display:block}.project-impact p{color:var(--muted-strong);margin:0;font-size:.9rem;line-height:1.6}.project-tech-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.project-tech-list span{color:var(--muted-strong);background:#ffffff0f;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:600}.project-footer{color:var(--accent);margin-top:auto;padding-top:22px;font-size:.86rem;font-weight:800}.experience-timeline{gap:22px;display:grid;position:relative}.experience-timeline:before{content:"";background:linear-gradient(#60a5fa8c,#a78bfa52,#0000);width:1px;position:absolute;top:18px;bottom:18px;left:24px}.experience-timeline-item{grid-template-columns:50px 1fr;align-items:start;gap:22px;display:grid;position:relative}.experience-marker{z-index:2;background:linear-gradient(135deg,#60a5fa2e,#a78bfa1f),#0d1220;border:1px solid #60a5fa59;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:relative;box-shadow:0 12px 36px #00000052}.experience-marker span{color:#bfdbfe;font-size:.9rem;font-weight:800}.experience-card{border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(135deg, #60a5fa0e, #a78bfa09), var(--card);padding:28px;transition:transform .22s,border .22s,background .22s}.experience-card:hover{border-color:#60a5fa59;transform:translateY(-4px)}.experience-topline{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:18px;display:flex}.experience-period,.experience-location{color:var(--muted);align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:inline-flex}.experience-title-row{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.experience-title-row h3{letter-spacing:-.035em;margin:0 0 7px;font-size:1.35rem}.experience-title-row p{color:#bfdbfe;margin:0;font-weight:700}.experience-icon{width:44px;height:44px;color:var(--accent);background:#60a5fa14;border:1px solid #60a5fa38;border-radius:16px;flex:none;place-items:center;display:grid}.experience-card ul{color:var(--muted-strong);margin:0;padding-left:18px;line-height:1.75}.experience-card li+li{margin-top:8px}.contact-section{padding-bottom:70px}.contact-panel{grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:18px;display:grid}.contact-main-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#60a5fa2e,#0000 28rem),#ffffff0f;border:1px solid #60a5fa47;border-radius:32px;padding:34px}.contact-icon{width:54px;height:54px;color:var(--accent);background:#60a5fa17;border:1px solid #60a5fa40;border-radius:18px;place-items:center;margin-bottom:22px;display:grid}.contact-main-card h3{letter-spacing:-.06em;max-width:560px;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.contact-main-card p{max-width:620px;color:var(--muted-strong);margin:18px 0 0;line-height:1.8}.contact-primary-link{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#020617;border-radius:999px;align-items:center;gap:10px;width:fit-content;min-height:48px;margin-top:28px;padding:0 20px;font-weight:800;transition:transform .2s;display:inline-flex}.contact-primary-link:hover{transform:translateY(-3px)}.contact-links-grid{gap:14px;display:grid}.contact-link-card{border:1px solid var(--card-border);background:linear-gradient(135deg, #60a5fa0e, #a78bfa09), var(--card);border-radius:24px;grid-template-columns:54px 1fr 22px;align-items:center;gap:18px;min-height:118px;padding:22px;transition:transform .22s,border .22s,background .22s;display:grid;position:relative}.contact-link-card:hover{border-color:#60a5fa5c;transform:translateY(-4px)}.contact-link-icon{width:54px;height:54px;color:var(--accent);background:#60a5fa14;border:1px solid #60a5fa38;border-radius:18px;place-items:center;display:grid}.contact-link-card span{color:var(--text);margin-bottom:6px;font-weight:800;display:block}.contact-link-card p{color:var(--muted);word-break:break-word;margin:0;line-height:1.5}.contact-link-arrow{color:var(--muted);transition:transform .2s,color .2s}.contact-link-card:hover .contact-link-arrow{color:var(--accent);transform:translate(3px)}.footer{width:min(var(--max-width), calc(100% - 40px));color:var(--muted);border-top:1px solid var(--card-border);justify-content:space-between;align-items:flex-start;gap:28px;margin:0 auto;padding:34px 0 42px;display:flex}.footer-left{max-width:620px}.footer-logo{color:var(--text);letter-spacing:-.04em;margin-bottom:12px;font-size:1.08rem;font-weight:800;display:inline-block}.footer-logo span{color:var(--primary)}.footer-left p{margin:0;font-size:.94rem;line-height:1.7}.footer-right{justify-items:end;gap:14px;display:grid}.footer-socials{gap:10px;display:flex}.footer-socials a{border:1px solid var(--card-border);width:40px;height:40px;color:var(--muted-strong);background:#ffffff0d;border-radius:50%;place-items:center;transition:transform .2s,color .2s,border .2s;display:grid}.footer-socials a:hover{color:var(--text);border-color:#60a5fa59;transform:translateY(-3px)}.back-to-top{color:var(--muted-strong);align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:color .2s;display:inline-flex}.back-to-top:hover{color:var(--accent)}@media (width<=900px){.navbar-links,.navbar-cta{display:none}.mobile-menu-button{place-items:center;display:grid}.hero{grid-template-columns:1fr;padding-top:44px}.hero-visual{min-height:440px}.about-grid,.about-highlight,.about-grid-v2,.skills-layout,.skills-grid,.projects-grid,.contact-panel{grid-template-columns:1fr}.skills-summary-card{position:relative;top:auto}.about-card.large{grid-row:auto}.contact-card{flex-direction:column;align-items:flex-start}.contact-actions{width:100%}}@media (width<=560px){.section-container{width:min(100% - 26px, var(--max-width));padding:72px 0}.navbar{width:min(100% - 22px, var(--max-width));padding:10px 12px;top:10px}.hero{gap:34px;min-height:auto;padding-top:150px}.hero-badge{margin-bottom:18px;padding:8px 12px;font-size:.78rem}.hero h1{letter-spacing:-.06em;font-size:2.35rem;line-height:1}.hero p{margin-top:20px;font-size:.98rem;line-height:1.7}.hero-actions{flex-direction:column;margin-top:28px}.primary-button,.secondary-button{justify-content:center;width:100%}.hero-socials{margin-top:22px}.hero-visual{min-height:360px;padding-bottom:18px}.hero-card{border-radius:28px;width:min(300px,100%)}.hero-card img{border-radius:20px}.floating-card{border-radius:16px;padding:11px 13px;display:block}.floating-card strong{font-size:.78rem}.floating-card span{font-size:.72rem}.floating-card-top{top:18px;left:4px}.floating-card-bottom{bottom:18px;right:4px}.experience-header{flex-direction:column}.experience-timeline:before{left:18px}.experience-timeline-item{grid-template-columns:38px 1fr;gap:14px}.experience-marker{width:38px;height:38px}.experience-card{padding:22px}.contact-main-card{padding:26px}.contact-link-card{grid-template-columns:46px 1fr;min-height:auto;padding:18px}.contact-link-icon{width:46px;height:46px}.contact-link-arrow{display:none}.footer{flex-direction:column}.footer-right{justify-items:start}}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobileMenuOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.98)}}@media (width>=901px){.mobile-menu-button,.mobile-menu{display:none!important}}