@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&display=swap";:root{--bg-color: #030303;--text-primary: #ffffff;--text-secondary: #888888;--accent-color: #ffffff;--card-bg: rgba(20, 20, 20, .6);--border-color: rgba(255, 255, 255, .08);--font-main: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color)}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}::selection{background:#fff;color:#000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;background:#030303b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border-color)}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.5rem;font-weight:900;color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:1rem;font-weight:600;color:var(--text-secondary);transition:color .3s ease;text-transform:uppercase;letter-spacing:.1em}.nav-links a:hover{color:var(--text-primary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:0 2rem;overflow:hidden;text-align:center;background:transparent}.hero-content{position:relative;z-index:10;width:100%;max-width:1200px}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.875rem;color:var(--text-primary);margin-bottom:2rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:clamp(4rem,12vw,12rem);font-weight:900;line-height:.9;margin-bottom:2rem;letter-spacing:-.05em;text-transform:uppercase;color:var(--text-primary)}.hero-description{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:3rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;font-weight:300}.highlight{color:var(--text-primary);font-weight:600}.hero-actions{display:flex;justify-content:center;gap:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--text-primary);color:var(--bg-color)}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #fff3}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-primary);transform:translateY(-4px)}@media(max-width:768px){.hero{padding:0 1rem}.hero-title{font-size:clamp(2.5rem,12vw,5rem)}.hero-actions{flex-direction:column;gap:1rem}}.about{padding:10rem 2rem;position:relative;background:transparent;z-index:5}.about-content{display:flex;flex-direction:column;gap:4rem}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:2rem;align-items:stretch}@media(max-width:900px){.about{padding:5rem 1rem}.about-grid{grid-template-columns:1fr}.about-text-card{padding:2rem;font-size:1.25rem}.about-image-wrapper{min-height:400px}}.about-text-wrapper{width:100%}.about-text-card{background:var(--card-bg);padding:4rem;border-radius:20px;border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:1.5rem;color:var(--text-secondary);line-height:1.8;font-weight:300;height:100%;display:flex;flex-direction:column;justify-content:center}.about-text-card h3{font-size:2rem;font-weight:900;color:var(--text-primary);margin-bottom:2rem;letter-spacing:-.02em;text-transform:uppercase}.about-text-card p{margin-bottom:2rem}.about-text-card p:last-child{margin-bottom:0}.highlight-text{color:var(--text-primary);font-weight:600}.about-image-wrapper{width:100%;height:100%;border-radius:20px;overflow:hidden;border:1px solid var(--border-color);position:relative}.profile-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(80%) contrast(1.2);transition:filter .5s ease,transform .5s ease}.about-image-wrapper:hover .profile-img{filter:grayscale(0%) contrast(1.1);transform:scale(1.05)}.skills-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.skill-wrapper{display:flex}.skill-0,.skill-1,.skill-2{grid-column:span 4}.skill-3,.skill-4{grid-column:span 6}@media(max-width:900px){.skill-0,.skill-1,.skill-2,.skill-3,.skill-4{grid-column:span 12}.skill-card{padding:2rem}}.skill-card{background:var(--card-bg);padding:3rem;border-radius:20px;border:1px solid var(--border-color);transition:border-color .4s ease,box-shadow .4s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;height:100%;display:flex;flex-direction:column}.skill-card:hover{border-color:#fff6;box-shadow:0 20px 40px #00000080}.skill-icon{color:var(--text-primary);margin-bottom:2rem;padding:1rem;background:#ffffff0d;display:inline-flex;border-radius:16px;border:1px solid var(--border-color)}.skill-card h3{font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.skill-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;font-weight:300}.experience{padding:10rem 2rem;position:relative;background:transparent;z-index:5}.section-header{text-align:right;margin-bottom:5rem}.experience-grid{display:grid;grid-template-columns:2fr 3fr;gap:2rem;align-items:stretch}@media(max-width:900px){.experience{padding:5rem 1rem}.experience-grid{grid-template-columns:1fr}.exp-image-wrapper{position:relative!important;top:0!important;max-height:400px!important;margin-bottom:2rem}.timeline-content{padding:2rem}.role-header{flex-direction:column;align-items:flex-start;gap:1rem}.date{margin-left:0}.role-header h3{font-size:1.75rem}}.exp-image-wrapper{width:100%;max-height:600px;aspect-ratio:3/4;border-radius:20px;overflow:hidden;border:1px solid var(--border-color);position:sticky;top:150px}.exp-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(80%) contrast(1.2);transition:filter .5s ease,transform .5s ease}.exp-image-wrapper:hover .exp-img{filter:grayscale(0%) contrast(1.1);transform:scale(1.05)}.timeline{position:relative;width:100%}.timeline-item-wrapper{position:relative;margin-bottom:3rem}.timeline-content{background:var(--card-bg);padding:4rem;border-radius:20px;border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .4s ease,box-shadow .4s ease;width:100%;height:100%;display:flex;flex-direction:column}.timeline-content:hover{border-color:#fff6;box-shadow:0 20px 40px #00000080}.role-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.icon-box{width:80px;height:80px;background:#ffffff0d;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:1px solid var(--border-color)}.role-titles{flex:1}.role-header h3{font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.02em}.company{color:var(--text-secondary);font-weight:600;font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em}.date{margin-left:auto;font-size:1.1rem;color:var(--text-primary);background:transparent;border:1px solid var(--border-color);padding:.5rem 1.5rem;border-radius:50px;font-weight:600}.achievements{list-style-type:none;display:flex;flex-direction:column;gap:1.5rem}.achievements li{position:relative;padding:2rem;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;background:#ffffff05;border-radius:16px;border:1px solid var(--border-color);font-weight:300}.projects{padding:10rem 2rem;background-color:transparent;position:relative;z-index:5}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:left;margin-bottom:5rem}.section-header h2{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;letter-spacing:-.05em;color:var(--text-primary);text-transform:uppercase;margin-bottom:1rem}.section-header p{color:var(--text-secondary);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em}.loading-state,.error-state{text-align:left;color:var(--text-secondary);padding:4rem 0;font-size:1.5rem;font-weight:300}.puzzle-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:1.5rem;grid-auto-flow:dense}@media(max-width:900px){.projects{padding:5rem 1rem}.puzzle-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}@media(max-width:500px){.section-header h2{font-size:clamp(2.5rem,10vw,4rem)}.puzzle-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.size-normal{grid-column:span 1;grid-row:span 1}.size-wide{grid-column:span 2;grid-row:span 1}.size-tall{grid-column:span 1;grid-row:span 2}.size-large{grid-column:span 2;grid-row:span 2}@media(max-width:900px){.size-wide,.size-large{grid-column:span 2}.size-tall{grid-row:span 2}}@media(max-width:500px){.size-normal,.size-wide,.size-tall,.size-large{grid-column:span 1;grid-row:span 1;min-height:250px}}.puzzle-item{display:flex;perspective:1000px}.puzzle-link{text-decoration:none;width:100%;height:100%;display:block}.puzzle-repo-card,.puzzle-photo-card{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);width:100%;height:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;position:relative;display:flex;flex-direction:column}.puzzle-repo-card{padding:2rem}.puzzle-link:hover .puzzle-repo-card{border-color:#fff6;box-shadow:0 30px 60px #0009;transform:translateZ(30px);background:#ffffff0d}.featured-repo{background:#ffffff05;border:1px solid rgba(255,255,255,.2)}.repo-header{display:flex;justify-content:space-between;align-items:flex-start;color:var(--text-primary);margin-bottom:auto}.link-arrow{opacity:0;transform:translate(-10px,10px);transition:all .3s ease}.puzzle-link:hover .link-arrow{opacity:1;transform:translate(0)}.repo-content{margin:2rem 0}.repo-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.repo-desc{font-size:1rem;color:var(--text-secondary);line-height:1.5;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.repo-footer{display:flex;justify-content:space-between;align-items:flex-end;font-size:.9rem;color:var(--text-secondary);margin-top:auto}.repo-lang{color:var(--text-primary);font-family:Inter,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;padding:.2rem .6rem;border-radius:4px}.repo-stats{display:flex;gap:1rem}.repo-stats span{display:flex;align-items:center;gap:.3rem}.puzzle-photo-card{padding:0;border:none}.puzzle-img{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(1.2);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.puzzle-photo-card:hover .puzzle-img{filter:grayscale(0%) contrast(1.1);transform:scale(1.05) translateZ(20px)}.achievements{min-height:50vh;padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.achievements-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);width:100%}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);width:100%;max-width:1200px;padding:0 var(--spacing-sm)}.badge-wrapper{display:flex;perspective:1000px}.badge-card{width:100%;padding:var(--spacing-md);background:#14141466;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:16px;position:relative;overflow:hidden;transition:border-color .3s ease}.badge-card:hover{border-color:#fff3}.badge-img-container{position:relative;width:120px;height:120px;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.badge-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;filter:blur(20px);opacity:0;transition:opacity .5s ease}.badge-card:hover .badge-glow{opacity:1}.badge-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5));transition:transform .5s cubic-bezier(.175,.885,.32,1.275);z-index:1}.badge-card:hover .badge-img{transform:scale(1.1) rotate(5deg)}.badge-info h4{font-size:1.1rem;font-weight:600;margin-bottom:4px;color:var(--white);letter-spacing:-.01em}.badge-info p{font-size:.85rem;color:var(--light-gray);line-height:1.4}.achievements-wrapper{width:100%;max-width:1000px}.achievements-card{padding:var(--spacing-lg);background:#14141466;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;text-align:center}.achievements-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);letter-spacing:-.02em;color:var(--white)}.achievements-desc{color:var(--light-gray);font-size:.95rem;margin-bottom:var(--spacing-md);max-width:600px}.trophy-container{width:100%;display:flex;justify-content:center;overflow-x:auto;padding:var(--spacing-sm)}.trophy-container::-webkit-scrollbar{height:8px}.trophy-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.trophy-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.trophy-img{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));min-width:600px}@media(max-width:768px){.achievements{padding:var(--spacing-lg) 0}.achievements-card{padding:var(--spacing-md)}.badges-grid{grid-template-columns:1fr;padding:0 var(--spacing-md)}.badge-card{flex-direction:row;text-align:left;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.badge-img-container{width:80px;height:80px;margin-bottom:0;flex-shrink:0}.badge-img{width:60px;height:60px}.trophy-container{-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-md)}}.certifications{padding:10rem 2rem;position:relative;background:transparent;z-index:5}.certs-grid{display:grid;grid-template-columns:2fr 3fr;gap:2rem;align-items:stretch}@media(max-width:900px){.certifications{padding:5rem 1rem}.certs-grid{grid-template-columns:1fr}.cert-image-wrapper{min-height:300px}.cert-card{padding:2rem}.cert-title{font-size:1.75rem}}.cert-image-wrapper{width:100%;height:100%;min-height:400px}.cert-photo-card{height:100%;width:100%;border-radius:20px;border:1px solid var(--border-color);overflow:hidden;padding:0!important}.cert-img{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(1.2);transition:all .5s ease}.cert-photo-card:hover .cert-img{filter:grayscale(0%) contrast(1.1);transform:scale(1.05)}.cert-docs-wrapper{display:flex;flex-direction:column;gap:2rem}.cert-wrapper{display:flex;flex-grow:1}.cert-card{background:var(--card-bg);padding:3rem;border-radius:20px;border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .4s ease,box-shadow .4s ease;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.cert-card:hover{border-color:#fff6;box-shadow:0 20px 40px #00000080}.cert-icon-wrapper{color:var(--text-primary);margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:24px;border:1px solid var(--border-color);display:inline-flex}.cert-title{font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.cert-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:3rem;font-weight:300;max-width:400px}.cert-action{margin-top:auto}.cert-btn{border-radius:50px;padding:1rem 2.5rem}.contact{padding:10rem 2rem 2rem;text-align:center;background:transparent;position:relative;z-index:5;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.contact-bento{max-width:1000px;margin:0 auto 6rem;background:var(--card-bg);border-radius:30px;border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}@media(max-width:768px){.contact{padding:5rem 1rem 2rem}.contact-bento{grid-template-columns:1fr}.contact-image-wrapper{min-height:250px}.contact-content{padding:2rem 1.5rem}.email-btn{padding:1rem 1.5rem;font-size:1rem}}.contact-image-wrapper{width:100%;height:100%;min-height:400px}.contact-img{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(1.2);transition:all .5s ease}.contact-bento:hover .contact-img{filter:grayscale(0%) contrast(1.1);transform:scale(1.05)}.contact-content{padding:5rem 3rem;display:flex;flex-direction:column;justify-content:center}.contact-overline{color:var(--text-secondary);font-family:Inter,monospace;font-size:1.25rem;margin-bottom:2rem;display:block;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.contact-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:2rem;color:var(--text-primary);line-height:1;text-transform:uppercase;letter-spacing:-.05em}.contact-desc{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;margin-bottom:4rem;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto}.email-btn{display:inline-flex;align-items:center;padding:1.25rem 3rem;border:1px solid var(--text-primary);color:var(--bg-color);background:var(--text-primary);border-radius:50px;font-weight:800;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:4rem;text-transform:uppercase;letter-spacing:.05em}.email-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #fff3}.social-links{display:flex;justify-content:center;gap:2rem}.social-links a{color:var(--text-secondary);transition:all .3s ease;padding:1rem;background:#ffffff0d;border-radius:50%;border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center}.social-links a:hover{color:var(--bg-color);background:var(--text-primary);transform:translateY(-5px)}.footer{text-align:center;font-size:1rem;padding-top:2rem;color:var(--text-secondary);font-weight:300;margin-top:auto}.footer p{margin-bottom:.5rem}.disabled-link{opacity:.3;pointer-events:none}.progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:var(--text-primary);transform-origin:0%;z-index:9999;box-shadow:0 0 10px var(--text-primary)}.vignette-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(3,3,3,.9) 100%);z-index:1}.mouse-glow{position:fixed;top:0;left:0;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none;z-index:2;border-radius:50%;mix-blend-mode:screen}