@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg-start:#0f172a;--bg-mid:#1e293b;--bg-end:#111827;--ink-1:#fff;--ink-2:#c7d2fe;--ink-3:#94a3b8;--brand:#4f46e5;--brand-600:#4f46e5;--brand-500:#6366f1;--ring:hsla(0,0%,100%,.18);--card-bg:hsla(0,0%,100%,.04);--border:hsla(0,0%,100%,.1);--shadow:0 10px 30px rgba(0,0,0,.35)}.hero{justify-content:center;min-height:100vh;padding:72px 24px;background:radial-gradient(70% 50% at 70% 20%,rgba(99,102,241,.25),transparent 60%),linear-gradient(180deg,var(--bg-start),var(--bg-mid) 40%,var(--bg-end));overflow:hidden;text-align:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hero,.hero-content{display:flex;align-items:center}.hero-content{justify-content:space-between;width:100%;max-width:1100px;gap:48px}.hero-left{flex:1;display:flex;justify-content:center}.hero-right{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-top:0}.hero-title{font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;color:var(--ink-1);margin:0 0 6px;text-shadow:none}.hero-role{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:var(--ink-2);margin:0 0 16px;letter-spacing:.2px}.hero-subtitle{font-size:1rem;max-width:80%;line-height:1.6;margin:0 0 6px;color:var(--ink-3)}.hero-description{font-size:1.05rem;line-height:1.7;color:var(--ink-1);max-width:620px;margin:0 0 20px}.cta-btn{padding:12px 20px;font-size:.95rem;font-weight:600;color:#fff;background:var(--brand-600);border:1px solid transparent;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 6px 18px rgba(79,70,229,.35)}.cta-btn:hover{background:var(--brand-500);transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn--secondary{background:transparent;color:var(--ink-2);border:1px solid var(--ring);box-shadow:none}.cta-btn--secondary:hover{background:hsla(0,0%,100%,.04)}.portrait-card{position:relative;z-index:1;width:420px;max-width:100%;background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.portrait-img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.mouse,.pencil,.scribble{display:none!important}@media (max-width:900px){.hero-content{flex-direction:column;gap:32px}.hero-right{align-items:center;text-align:center}.hero-description{margin-left:auto;margin-right:auto}}@media (max-width:480px){.hero{padding:56px 16px}.hero-title{font-size:clamp(1.9rem,7vw,2.4rem)}.hero-role{font-size:clamp(1.1rem,4.8vw,1.4rem)}.cta-btn{padding:10px 16px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:900px){.portrait-card{width:280px;border-radius:14px}.hero-right>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:360px;margin:0 auto}.cta-btn{flex:1 1 calc(50% - 12px);min-width:140px;text-align:center}}@media (max-width:480px){.portrait-card{width:220px}.cta-btn{flex:1 1 100%;min-width:unset}}.about-section{padding-top:20px;padding-bottom:0!important;text-align:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#dbe2ef;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:50%}.about-header{text-align:center;margin-bottom:20px}.about-title{font-size:3rem;font-weight:700;color:#eae2f8;text-shadow:0 4px 12px rgba(0,0,0,.4)}.about-text-container{background-color:rgba(0,0,0,.16);border-radius:8px;padding:20px;margin:0 auto 20px;max-width:900px}.about-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.how-i-think,.what-i-do{flex:1 1 400px;padding:10px;text-align:left}.section-title{font-size:1.5rem;margin-bottom:10px;color:#f8f9fa;text-align:center}.about-text-list{list-style:none;padding:0;margin:0}.about-text-list li{background:hsla(0,0%,100%,.1);padding:10px 15px;margin-bottom:10px;border-radius:8px;font-size:1rem}.about-text{font-size:1.2rem;line-height:1.8;color:#dbe2ef;margin-bottom:20px;font-family:Inter,sans-serif;text-align:center;max-width:900px;margin-left:auto;margin-right:auto;padding:10px 20px}.about-text strong{color:#f8f9fa}@media (max-width:768px){.about-content{flex-direction:column;align-items:center}.how-i-think,.what-i-do{flex:1 1 100%;text-align:center}.section-title{text-align:center}}@media (max-width:480px){.about-title{font-size:2.5rem}.about-text{font-size:1rem;padding:10px}.about-text-list li{font-size:.9rem;padding:8px 12px}}.skills-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:60px;max-width:1200px;margin:50px auto 0}.skill-item{position:relative;text-align:center;transition:transform .3s ease}.skill-item:hover{transform:scale(1.1)}.skill-icon-container{position:relative;width:100px;height:100px}.skill-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px;transition:transform .3s ease}.skill-item:hover .skill-icon{transform:scale(1.2)}.skill-icon-reflection{width:100%;height:100%;transform:scaleY(-1);opacity:.3;filter:blur(3px);mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent);position:absolute;top:100%;left:0;margin:0 auto}.hover-content{text-align:center;margin-top:12px;margin-bottom:50px;opacity:0;transition:opacity .3s ease}.skill-item:hover .hover-content{opacity:1}.hover-name{font-size:1.2rem;font-weight:700;color:#dbe2ef;margin:0}.hover-experience{font-size:1rem;color:#dbe2ef;margin:6px 0 0}.skill-content{background:hsla(0,0%,100%,.1);padding:10px;border-radius:8px;margin-top:8px;text-align:center}@media (max-width:768px){.skills-header{font-size:3.5rem;text-align:center;line-height:1.2;max-width:90%;margin-bottom:20px}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;max-width:90%;margin:20px auto}.skill-item{flex:1 1 calc(50% - 10px);max-width:80px;text-align:center}.skill-icon-container{width:80px;height:80px}.skill-icon{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.skill-item:hover{transform:scale(1.05)}}@media (max-width:480px){.skills-header{font-size:2.8rem}.skills-container{gap:20px}.skill-item{flex:1 1 100%;max-width:70px}.skill-icon-container{width:70px;height:70px}}@media (max-width:768px){.about-text-container{max-width:90%;margin:15px auto;padding:20px;font-size:1.2rem;line-height:1.6}.about-header h1{font-size:3rem;padding-top:60px;margin-top:20px}}@media (max-width:480px){.about-text-container{padding:15px;font-size:1.1rem;line-height:1.5}.about-header h1{font-size:2.5rem;padding-top:40px;margin-top:15px}}.contact-section{padding:56px 16px;background:radial-gradient(70% 50% at 70% 20%,rgba(99,102,241,.25),transparent 60%),linear-gradient(180deg,#0f172a,#1e293b 40%,#111827);color:#e5e7eb;text-align:center}.contact-header{max-width:800px;margin:0 auto 24px}.contact-header h1{color:#fff;font-weight:800;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.1;margin:0 0 10px;text-shadow:none}.contact-header p{font-size:1.05rem;line-height:1.7;color:#cbd5e1;margin:0 auto}.contact-form{width:100%;max-width:640px;margin:20px auto 0;display:flex;flex-direction:column;gap:14px;text-align:left}.contact-form input,.contact-form textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:14px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:1rem;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{color:#94a3b8}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:rgba(99,102,241,.55);box-shadow:0 0 0 3px rgba(99,102,241,.28),0 8px 24px rgba(0,0,0,.35)}.submit-btn{align-self:flex-end;padding:12px 18px;font-size:1rem;font-weight:700;color:#fff;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 8px 22px rgba(79,70,229,.35)}.submit-btn:hover{background:linear-gradient(135deg,#5450ea,#6b70f3);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.status{margin-top:12px;color:#cbd5e1;text-align:center}@media (max-width:900px){.contact-section{padding:40px 12px}.contact-form{gap:12px}.submit-btn{align-self:stretch}}@media (max-width:480px){.contact-header h1{font-size:1.9rem}.contact-header p{font-size:.98rem}}.contact-form input,.contact-form textarea{border:0!important;background:hsla(0,0%,100%,.06);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 8px 24px rgba(0,0,0,.3);transition:box-shadow .15s ease,transform .1s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 0 0 6px rgba(99,102,241,.14),0 12px 30px rgba(0,0,0,.35);transform:translateY(-1px)}.submit-btn{align-self:center!important;border:0;margin-top:10px;padding:12px 22px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 10px 24px rgba(79,70,229,.35)}@media (max-width:900px){.submit-btn{width:100%;max-width:360px}}.projects-section{padding:56px 16px;background:radial-gradient(70% 50% at 70% 20%,rgba(99,102,241,.25),transparent 60%),linear-gradient(180deg,#0f172a,#1e293b 40%,#111827);color:#e5e7eb}.projects-section .projects-header{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;margin:0 auto 22px;line-height:1.1;background:linear-gradient(90deg,#c7d2fe,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-section .slider-container{overflow:visible;padding:0 8px}.projects-section .project-container{max-width:320px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.projects-section .project-container:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.35);border-color:hsla(0,0%,100%,.18)}.projects-section .project-image{width:70%;max-width:150px;height:auto;filter:invert(1) brightness(1.05);transition:transform .2s ease}.projects-section .project-container:hover .project-image{transform:scale(1.04)}.projects-section .project-image[data-color=true]{filter:none}.projects-section .project-title{font-size:1.05rem;font-weight:700;margin:6px 0 2px;line-height:1.25;letter-spacing:.2px}.projects-section .project-description{font-size:.95rem;color:#cbd5e1;line-height:1.5;margin:0 auto;max-width:90%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects-section .custom-next,.projects-section .custom-prev{width:42px;height:42px;font-size:22px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}.projects-section .custom-prev{left:-48px}.projects-section .custom-next{right:-48px}.projects-section .custom-next:hover,.projects-section .custom-prev:hover{background:hsla(0,0%,100%,.12);transform:translateY(-50%) scale(1.06)}.projects-section .slick-dots li button:before{color:#94a3b8;opacity:1}.projects-section .slick-dots li.slick-active button:before{color:#c7d2fe}@media (max-width:1024px){.projects-section .custom-prev{left:-24px}.projects-section .custom-next{right:-24px}}@media (max-width:900px){.projects-section{padding:36px 12px}.projects-section .slider-container{max-width:680px;padding:0 6px}.projects-section .project-container{max-width:420px;padding:16px}.projects-section .project-image{max-width:132px}.projects-section .custom-next,.projects-section .custom-prev{width:38px;height:38px;font-size:20px}.projects-section .custom-prev{left:-12px}.projects-section .custom-next{right:-12px}}@media (max-width:480px){.projects-section .projects-header{font-size:1.9rem}.projects-section .project-container{max-width:92%;padding:14px}.projects-section .project-image{max-width:120px}.projects-section .custom-next,.projects-section .custom-prev{width:34px;height:34px;font-size:18px}.projects-section .custom-prev{left:-10px}.projects-section .custom-next{right:-10px}}.slide{text-align:center;padding:10px;outline:none}.projects-section .slick-list{overflow:hidden}.projects-section .slick-track{display:block!important}.projects-section .slick-slide{height:auto}.projects-section .slick-slide>div{height:100%}.projects-section .project-container{height:100%;min-height:340px}.projects-section .project-image{height:120px;width:auto;max-width:160px;-o-object-fit:contain;object-fit:contain}.projects-section .project-title{margin:8px auto 2px}.projects-section .slider-container{max-width:1100px;margin:0 auto;padding:0 12px}@media (min-width:1025px){.projects-section .custom-prev{left:0}.projects-section .custom-next{right:0}}.projects-section .projects-header{max-width:1100px}.projects-section .slick-next:before,.projects-section .slick-prev:before{display:none}.projects-section .custom-next,.projects-section .custom-prev{background:hsla(0,0%,100%,.12);z-index:10}.projects-section .custom-prev{left:-24px}.projects-section .custom-next{right:-24px}@media (max-width:768px){.projects-section .custom-next,.projects-section .custom-prev{width:48px;height:48px;font-size:24px;border-radius:10px}}.projects-section .custom-next,.projects-section .custom-prev{border:1px solid hsla(0,0%,100%,.22);box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:5}@media (min-width:1280px){.projects-section .custom-prev{left:-18px}.projects-section .custom-next{right:-18px}}.projects-section .custom-next:hover,.projects-section .custom-prev:hover{background:hsla(0,0%,100%,.2)}.projects-section .slider-container{position:relative}.projects-section .projects-header{background:none;-webkit-text-fill-color:unset;color:#fff;text-align:center;margin-left:auto;margin-right:auto}.projects-section .slick-next:before,.projects-section .slick-prev:before{content:none!important}.projects-section .custom-next,.projects-section .custom-prev{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:28px;display:flex;align-items:center;justify-content:center;color:#fff;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.28);border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.35);z-index:50;pointer-events:auto}.projects-section .custom-prev{left:8px}.projects-section .custom-next{right:8px}@media (max-width:1200px){.projects-section .custom-prev{left:8px}.projects-section .custom-next{right:8px}}@media (max-width:768px){.projects-section .custom-next,.projects-section .custom-prev{width:48px;height:48px;font-size:24px}}.projects-section .project-title{color:#fff;font-family:inherit;text-align:center}.projects-section .project-description{color:#e5e7eb;font-family:inherit}.certifications-section{padding:56px 16px;text-align:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#dbe2ef;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.certifications-header h1{color:#eae2f8;font-weight:800;font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;margin:0 auto 12px;text-shadow:0 4px 12px rgba(0,0,0,.35);-webkit-text-fill-color:unset;background:none}.certifications-subtext{font-size:1.2rem;line-height:1.6;color:#dbe2ef;max-width:900px;margin:0 auto 28px}.certifications-grid{max-width:1100px;margin:0 auto;padding:0 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media (max-width:1200px){.certifications-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.certifications-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.certifications-grid{grid-template-columns:1fr}}.certification-card{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.certification-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.38);border-color:#8baaad}.certification-image{position:relative;width:100%;aspect-ratio:16/10;border-bottom:1px solid hsla(0,0%,100%,.1);overflow:hidden}.certification-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1.001);transition:transform .25s ease}.certification-card:hover .certification-image img{transform:scale(1.04)}.certification-title{padding:14px 14px 16px;font-size:1.2rem;font-weight:700;color:#eae2f8;text-align:center}.certifications-grid a{text-decoration:none}.certifications-grid a:focus-visible .certification-card{outline:2px solid #8baaad;outline-offset:2px}@media (max-width:900px){.certifications-section{padding:40px 12px}.certifications-subtext{margin-bottom:22px;font-size:1.1rem}.certification-title{font-size:1.05rem;padding:12px}}@media (max-width:480px){.certifications-section{padding:36px 10px}.certification-image{aspect-ratio:16/11}.certifications-header h1{font-size:2.5rem}.certification-title{font-size:1rem}}.divider-container{width:100%;height:100px;margin-top:-90px;position:relative;z-index:1}.divider-svg{width:100%;height:100%}@media (max-width:768px){.divider-container{height:80px;margin-top:-70px}}@media (max-width:480px){.divider-container{height:60px;margin-top:-50px}}