@import"https://fonts.googleapis.com/css2?family=Chiron+Hei+HK:ital,wght@0,200..900;1,200..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend+Deca:wght@100..900&family=National+Park&family=Noto+Sans+Bhaiksuki&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--white: #ffffff;--purple: rgb(255, 0, 0);--black: #000000;--white-opacity: rgba(255, 255, 255, .538);--glass-bg: rgba(255, 255, 255, .041);--glass-border: rgba(255, 255, 255, .288);--card-bg: rgba(0, 0, 0, .365);--code-bg: #0d1117;--fs-xs: .8rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.35rem;--fs-2xl: 2rem;--fs-3xl: 2.75rem;--fs-hero: clamp(3rem, 7vw, 6rem);--space-xs: .35rem;--space-sm: .65rem;--space-md: 1.1rem;--space-lg: 1.75rem;--space-xl: 2.5rem;--space-2xl: 3.5rem;--container-max: 1400px;--container-padding: clamp(1.25rem, 4vw, 2.5rem);--transition-fast: .2s ease;--transition-normal: .3s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 25px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--z-sticky: 200;--z-fixed: 300}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{height:100%;min-height:100vh;background:linear-gradient(to bottom,#050505 0%,var(--purple) 9%,var(--black) 50%);overflow-x:hidden;font-family:Noto Sans,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}li{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}header{font-family:Noto Sans,sans-serif}.navbar{height:55px;display:flex;align-items:center;justify-content:center;padding-top:30px;margin-bottom:40px;position:sticky;top:0;z-index:var(--z-fixed);transition:all var(--transition-normal);background:transparent}.navbar.scrolled{background:#00000026;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:12px;padding-bottom:12px;margin-bottom:0;box-shadow:0 2px 20px #0000004d}.nav-items{display:flex;justify-content:center;gap:8px;padding:6px;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background-color:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.link-item{color:var(--white);padding:10px 16px;border-radius:var(--radius-xl);transition:all var(--transition-fast);background:transparent;font-size:.85rem;font-weight:500;white-space:nowrap}.link-item:hover{color:var(--black);background:#d9d9d9}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;cursor:pointer;z-index:calc(var(--z-fixed) + 10);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:18px;right:18px;transition:all var(--transition-normal)}.hamburger:hover{background:#ffffff1a}.hamburger-line{width:22px;height:2px;background-color:var(--white);border-radius:2px;transition:all var(--transition-normal)}.hamburger-line:nth-child(1){margin-bottom:5px}.hamburger-line:nth-child(2){margin-top:-2px;margin-bottom:5px}.hamburger-line:nth-child(3){margin-top:-2px}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{display:none;position:fixed;top:0;right:-100%;width:min(300px,85vw);height:100vh;height:100dvh;background:#0c0c12fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-fixed);padding:var(--space-2xl) var(--space-lg);transition:right .4s cubic-bezier(.25,.46,.45,.94);border-left:1px solid var(--glass-border);overflow-y:auto}.mobile-nav.active{right:0}.mobile-nav-items{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xl)}.mobile-nav-items .link-item{display:block;padding:14px 18px;font-size:1.05rem;border-radius:var(--radius-md);opacity:0;transform:translate(40px);transition:all var(--transition-normal)}.mobile-nav.active .mobile-nav-items .link-item{opacity:1;transform:translate(0)}.mobile-nav.active .mobile-nav-items .link-item:nth-child(1){transition-delay:.05s}.mobile-nav.active .mobile-nav-items .link-item:nth-child(2){transition-delay:.1s}.mobile-nav.active .mobile-nav-items .link-item:nth-child(3){transition-delay:.15s}.mobile-nav.active .mobile-nav-items .link-item:nth-child(4){transition-delay:.2s}.mobile-nav.active .mobile-nav-items .link-item:nth-child(5){transition-delay:.25s}.mobile-nav.active .mobile-nav-items .link-item:nth-child(6){transition-delay:.3s}.mobile-nav-close{position:absolute;top:18px;right:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-full);color:var(--white);font-size:1.4rem;transition:all var(--transition-fast)}.mobile-nav-close:hover{background:#fff3;transform:rotate(90deg)}.nav-text{text-align:center;padding-top:30px;font-size:.95rem}.nav-text .profile-image img{height:140px;width:140px;border:3px solid rgba(255,255,255,.2);border-radius:100px;margin-bottom:18px;margin-left:auto;margin-right:auto;object-fit:cover;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.nav-text .profile-image img:hover{transform:scale(1.05);border-color:#fff6}.text{max-width:850px;margin:0 auto;padding:0 var(--container-padding)}.text h4{color:var(--white-opacity);font-size:1.5rem;padding-bottom:10px;font-weight:400}.text h1{color:var(--white);text-align:center;font-weight:900;font-size:var(--fs-hero);line-height:.85;letter-spacing:-.02em}.text h1 span{display:block}.typewriter{transition:opacity 1s ease;min-height:1.2em}.text p{padding-top:18px;color:var(--white-opacity);font-size:.95rem;max-width:580px;margin:0 auto;line-height:1.75}.text p span{display:inline}strong{color:#001427;font-weight:700}.scroll-container{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:var(--z-sticky);transition:opacity var(--transition-normal)}.scroll-button{width:48px;height:48px;background:#ffffffe6;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);animation:bounce 2s infinite}.scroll-button:hover{background:#fff;transform:scale(1.1);box-shadow:var(--shadow-lg)}.scroll-button:after{content:"";width:14px;height:14px;border-right:2.5px solid #333;border-bottom:2.5px solid #333;transform:rotate(45deg);margin-top:-5px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.slideshow-container{width:100%;overflow:hidden;padding:35px 0;margin-top:28px;position:relative}.slideshow-track{display:flex;gap:25px;width:max-content;animation:slideLeft 25s linear infinite}.slideshow-track:hover{animation-play-state:paused}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.slide-item{flex-shrink:0}.slide-frame{position:relative;width:300px;height:188px;padding:7px;border-radius:12px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.slide-frame:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #00000040}.slide-frame a{display:block;width:100%;height:100%;text-decoration:none}.slide-frame img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;transition:transform .3s ease}.slide-frame:hover img{transform:scale(1.05)}.slide-label{position:absolute;bottom:14px;left:14px;right:14px;padding:9px 14px;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:7px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.slide-frame:hover .slide-label{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){.slideshow-track{gap:20px;animation-duration:20s}.slide-frame{width:260px;height:163px}}@media screen and (max-width: 480px){.slideshow-track{gap:15px;animation-duration:18s}.slide-frame{width:220px;height:138px}.slide-label{font-size:.65rem;padding:7px 10px;bottom:10px;left:10px;right:10px}}@media (prefers-reduced-motion: reduce){.slideshow-track{animation:none}}#main{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:1350px;margin:0 auto;padding:25px;gap:25px}.heading{width:100%;margin-top:50px;text-align:center}.heading h1{color:#fff;text-align:center;margin-top:180px;font-size:2.5rem;margin-bottom:50px}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;justify-items:center;align-items:stretch;width:100%;max-width:1150px}.skill1,.skill2,.skill3,.skill4,.skill5,.skill6{width:100%;display:flex;justify-content:center}.card{width:100%;max-width:400px;min-height:440px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background-color:#00000073;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.mac-header{display:flex;align-items:center;gap:7px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.mac-header span{display:inline-block;width:11px;height:11px;border-radius:var(--radius-full)}.mac-header .red{background-color:#ff5f57}.mac-header .yellow{background-color:#ffbd2e}.mac-header .green{background-color:#28c941}.card-title{font-size:1.1rem;font-weight:700;margin:0 0 10px;color:#e6e6ef}.card-description{font-size:.85rem;color:#fff9;margin-bottom:14px;line-height:1.5}.card .card-tag{display:inline-block;font-size:.8rem;border-radius:var(--radius-sm);background-color:var(--code-bg);padding:9px 14px;margin-right:8px;margin-bottom:12px;color:#dcdcdc;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all var(--transition-fast)}.card .card-tag:hover{background-color:#ffffff1a;border-color:#ffffff40}.code-editor{background-color:var(--code-bg);color:#dcdcdc;font-family:Monaco,Consolas,Fira Code,monospace;font-size:13px;line-height:1.55;border-radius:var(--radius-sm);padding:14px;overflow:auto;height:165px;min-height:165px;border:1px solid #333}.code-editor::-webkit-scrollbar{width:7px}.code-editor::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.code-editor::-webkit-scrollbar-thumb:hover{background:#666}.code-editor pre{margin:0}.code-editor pre code{white-space:pre-wrap;display:block}.in-card{border:2px solid transparent;padding:10px;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background var(--transition-fast);margin-bottom:18px;min-height:250px}.in-card.correct{border-color:#22c55e;background:#22c55e1a}.in-card.incorrect{border-color:#ef4444;background:#ef44441a}.code-input{width:100%;min-height:130px;font-family:Monaco,Consolas,monospace;font-size:13px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:10px;resize:vertical;background:var(--code-bg);color:#fff;transition:border-color var(--transition-fast)}.code-input:focus{outline:none;border-color:#fff6}*/ .feedback{margin-top:10px;font-weight:700;font-size:.9rem}#about p{color:#fff;justify-content:center;text-align:center;height:50px}.about{display:flex;flex-wrap:wrap;width:100%;min-height:50vh;gap:var(--space-xl);align-items:center;justify-content:center}.about-imagine{background-color:var(--code-bg);padding:35px;border-radius:var(--radius-lg)}.about-paragraph,.about-image{flex:1 1 320px;padding:22px;max-width:480px}.about-paragraph{color:var(--white);font-size:var(--fs-md);line-height:1.7}.about-image img{width:300px;height:300px;object-fit:cover;border-radius:var(--radius-md);margin:0 auto;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.about-image img:hover{transform:scale(1.03)}.container-items{display:flex;gap:12px;transform-style:preserve-3d;perspective:1000px;padding:55px 22px 22px;flex-wrap:wrap;justify-content:center}.item-color{position:relative;flex-shrink:0;width:300px;height:188px;border:none;outline:none;transition:.5s cubic-bezier(.175,.885,.32,1.1);cursor:pointer;background:transparent;overflow:visible}.skills-toggle-wrapper{text-align:center;padding:30px 0;width:100%}.toggle-btn{background-color:var(--code-bg);color:var(--white);border:1px solid rgba(255,255,255,.2);padding:12px 24px;font-size:.95rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:10px;font-weight:500}.toggle-btn:hover{background-color:#ffffff1a;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#ffffff4d}.toggle-btn .arrow{font-size:.8rem;transition:transform var(--transition-normal);display:inline-block}.toggle-btn.active .arrow{transform:rotate(180deg)}.extra-skills-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .3s ease,padding .3s ease;background:#ffffff06;border-radius:var(--radius-lg);width:92%;max-width:1050px;margin:0 auto;border:1px solid transparent}.extra-skills-panel.open{max-height:700px;opacity:1;margin-bottom:35px;padding:28px;border-color:#ffffff1a}.extra-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;padding:18px}.skill-category{background:#ffffff09;padding:22px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-normal)}.skill-category:hover{border-color:#ffffff2e;background:#ffffff0e;transform:translateY(-2px)}.skill-category h3{color:var(--white);font-family:sans-serif;font-size:1.05rem;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:10px;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:var(--white);color:#333;padding:6px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:monospace;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:default}.tag:hover{transform:scale(1.06) translateY(-2px);background-color:#f0f0f0;box-shadow:var(--shadow-md)}.section-divider{width:100%;display:flex;justify-content:center;align-items:center;padding:50px 0 25px}.divider-line{width:55%;max-width:450px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 15%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.15) 85%,transparent 100%);position:relative}.divider-line:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff9;border-radius:50%;box-shadow:0 0 10px #fff6}.certificates-toggle-wrapper{text-align:center;padding:25px 0 50px;width:100%}.certificates-btn{background-color:var(--code-bg);color:var(--white);border:1px solid rgba(255,255,255,.2);padding:12px 24px;font-size:.95rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:10px;font-weight:500;font-family:Noto Sans,system-ui,-apple-system,sans-serif}.certificates-btn:hover{background-color:#ffffff1a;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#ffffff59}.certificates-btn .arrow{font-size:1rem;transition:transform var(--transition-normal)}.certificates-btn:hover .arrow{transform:scale(1.15)}.certificates-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);padding:80px 40px 40px;overflow-y:auto;background:#000000e6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.certificates-modal.active{opacity:1;visibility:visible}.certificates-close{position:fixed;top:25px;right:30px;width:48px;height:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:var(--white);font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);line-height:1;font-family:inherit;z-index:10}.certificates-close:hover{background:#ffffff26;border-color:#ffffff4d;transform:rotate(90deg)}.certificates-header{text-align:center;margin-bottom:50px;transform:translateY(20px);opacity:0;transition:all .5s ease .1s}.certificates-modal.active .certificates-header{transform:translateY(0);opacity:1}.certificates-title{color:var(--white);font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:2.4rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.certificates-subtitle{color:#ffffff8c;font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;margin:0}.certificates-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;max-width:1200px;transform:translateY(30px);opacity:0;transition:all .5s ease .2s}.certificates-modal.active .certificates-grid{transform:translateY(0);opacity:1}.certificate-card{position:relative;width:300px;height:188px;padding:7px;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;flex-shrink:0;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 24px #0003}.certificate-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 50px #00000059;border-color:#ffffff4d}.certificate-image{width:100%;height:100%;overflow:hidden;border-radius:8px;background:#0003}.certificate-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;transition:all .4s ease}.certificate-card:hover .certificate-image img{filter:blur(5px) brightness(.5);transform:scale(1.1)}.certificate-overlay{position:absolute;inset:7px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px 14px;opacity:0;transition:opacity .35s ease;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.certificate-card:hover .certificate-overlay{opacity:1}.certificate-overlay h3{color:var(--white);font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:600;margin-bottom:8px;text-align:center;letter-spacing:.3px;transform:translateY(12px);opacity:0;transition:all .35s ease .05s}.certificate-card:hover .certificate-overlay h3{transform:translateY(0);opacity:1}.certificate-overlay p{color:#ffffffbf;font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:.78rem;font-weight:400;margin-bottom:3px;text-align:center;transform:translateY(12px);opacity:0;transition:all .35s ease .1s}.certificate-card:hover .certificate-overlay p{transform:translateY(0);opacity:1}.certificate-overlay p:nth-of-type(2){transition-delay:.12s}.certificate-click-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%) translateY(8px);color:#ffffff73;font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:.58rem;font-weight:400;font-style:italic;letter-spacing:.3px;opacity:0;transition:all .35s ease .18s;white-space:nowrap}.certificate-card:hover .certificate-click-hint{transform:translate(-50%) translateY(0);opacity:1}.certificate-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:#000000eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.certificate-lightbox.active{opacity:1;visibility:visible}.certificate-lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:60px 80px;transform:scale(.95);transition:transform .4s cubic-bezier(.4,0,.2,1)}.certificate-lightbox.active .certificate-lightbox-content{transform:scale(1)}.certificate-lightbox-frame{position:relative;display:flex;align-items:center;justify-content:center;max-width:950px;width:100%;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:15px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff0d inset,0 1px #ffffff14 inset}.certificate-lightbox-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.certificate-lightbox-image{width:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:var(--radius-md);overflow:hidden}.certificate-lightbox-image img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;border-radius:var(--radius-md)}.certificate-lightbox-details{text-align:center;margin-top:30px;padding:0 20px}.certificate-lightbox-details h3{color:var(--white);font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:12px;letter-spacing:-.01em}.certificate-lightbox-details p{color:#ffffffa6;font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:.95rem;font-weight:400;margin-bottom:4px}.certificate-lightbox-details .certificate-badge{transform:none;opacity:1;margin-top:14px;font-size:.72rem;padding:5px 13px}.certificate-lightbox-close{position:fixed;top:25px;right:30px;width:48px;height:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:var(--white);font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);font-family:inherit;z-index:10}.certificate-lightbox-close:hover{background:#ffffff26;border-color:#ffffff4d;transform:rotate(90deg)}.certificate-lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:var(--white);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);font-family:inherit;z-index:10}.certificate-lightbox-nav:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%) scale(1.08)}.certificate-lightbox-nav:disabled{opacity:.25;cursor:not-allowed}.certificate-lightbox-nav:disabled:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-50%) scale(1)}.certificate-lightbox-prev{left:30px}.certificate-lightbox-next{right:30px}.certificates-modal::-webkit-scrollbar{width:8px}.certificates-modal::-webkit-scrollbar-track{background:#ffffff05}.certificates-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.certificates-modal::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.footer{padding:40px var(--container-padding);border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-content p{color:#ffffff80;font-size:.85rem;margin:0}.footer-links{display:flex;gap:25px}.footer-links a{color:#fff9;font-size:.85rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--white)}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loader-text{color:#ffffffb3;font-family:Noto Sans,system-ui,sans-serif;font-size:1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.loader-dots:after{content:"";animation:loaderDots 1.5s infinite}@keyframes loaderDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}#ghost{position:relative;scale:.8}#red{animation:upNDown infinite .5s;position:relative;width:140px;height:140px;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(14,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-template-areas:"a1  a2  a3  a4  a5  top0  top0  top0  top0  a10 a11 a12 a13 a14" "b1  b2  b3  top1 top1 top1 top1 top1 top1 top1 top1 b12 b13 b14" "c1 c2 top2 top2 top2 top2 top2 top2 top2 top2 top2 top2 c13 c14" "d1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 d14" "e1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 e14" "f1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 f14" "top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4" "top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4" "top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4" "top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4" "top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4" "top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4" "st0 st0 an4 st1 an7 st2 an10 an10 st3 an13 st4 an16 st5 st5" "an1 an2 an3 an5 an6 an8 an9 an9 an11 an12 an14 an15 an17 an18"}@keyframes upNDown{0%,49%{transform:translateY(0)}50%,to{transform:translateY(-10px)}}#top0,#top1,#top2,#top3,#top4,#st0,#st1,#st2,#st3,#st4,#st5{background-color:red}#top0{grid-area:top0}#top1{grid-area:top1}#top2{grid-area:top2}#top3{grid-area:top3}#top4{grid-area:top4}#st0{grid-area:st0}#st1{grid-area:st1}#st2{grid-area:st2}#st3{grid-area:st3}#st4{grid-area:st4}#st5{grid-area:st5}#an1{grid-area:an1;animation:flicker0 infinite .5s}#an18{grid-area:an18;animation:flicker0 infinite .5s}#an2{grid-area:an2;animation:flicker1 infinite .5s}#an17{grid-area:an17;animation:flicker1 infinite .5s}#an3{grid-area:an3;animation:flicker1 infinite .5s}#an16{grid-area:an16;animation:flicker1 infinite .5s}#an4{grid-area:an4;animation:flicker1 infinite .5s}#an15{grid-area:an15;animation:flicker1 infinite .5s}#an6{grid-area:an6;animation:flicker0 infinite .5s}#an12{grid-area:an12;animation:flicker0 infinite .5s}#an7{grid-area:an7;animation:flicker0 infinite .5s}#an13{grid-area:an13;animation:flicker0 infinite .5s}#an9{grid-area:an9;animation:flicker1 infinite .5s}#an10{grid-area:an10;animation:flicker1 infinite .5s}#an8{grid-area:an8;animation:flicker0 infinite .5s}#an11{grid-area:an11;animation:flicker0 infinite .5s}#an5{grid-area:an5}#an14{grid-area:an14}@keyframes flicker0{0%,49%{background-color:red}50%,to{background-color:transparent}}@keyframes flicker1{0%,49%{background-color:transparent}50%,to{background-color:red}}#eye{width:40px;height:50px;position:absolute;top:30px;left:10px}#eye:before{content:"";background-color:#fff;width:20px;height:50px;transform:translate(10px);display:block;position:absolute}#eye:after{content:"";background-color:#fff;width:40px;height:30px;transform:translateY(10px);display:block;position:absolute}#eye1{width:40px;height:50px;position:absolute;top:30px;right:30px}#eye1:before{content:"";background-color:#fff;width:20px;height:50px;transform:translate(10px);display:block;position:absolute}#eye1:after{content:"";background-color:#fff;width:40px;height:30px;transform:translateY(10px);display:block;position:absolute}#pupil{width:20px;height:20px;background-color:#00f;position:absolute;top:50px;left:10px;z-index:1;animation:eyesMovement infinite 3s}#pupil1{width:20px;height:20px;background-color:#00f;position:absolute;top:50px;right:50px;z-index:1;animation:eyesMovement infinite 3s}@keyframes eyesMovement{0%,49%{transform:translate(0)}50%,99%{transform:translate(10px)}to{transform:translate(0)}}#shadow{background-color:#000;width:140px;height:140px;position:absolute;border-radius:50%;transform:rotateX(80deg);filter:blur(20px);top:80%;animation:shadowMovement infinite .5s}@keyframes shadowMovement{0%,49%{opacity:.5}50%,to{opacity:.2}}.no-scroll{overflow:hidden!important}.hidden{display:none!important}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 1440px){.skills{grid-template-columns:repeat(3,1fr)}.slide-frame{width:320px;height:200px}.card{max-width:380px}.extra-skills-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1200px) and (max-width: 1439px){.text h1{font-size:5rem}.text h4{font-size:1.5rem}.skills{grid-template-columns:repeat(3,1fr)}.slide-frame{width:300px;height:188px}.card{max-width:360px}}@media screen and (min-width: 992px) and (max-width: 1199px){.text h1{font-size:4.5rem}.text h4{font-size:1.4rem}.skills{grid-template-columns:repeat(2,1fr);max-width:850px}.card{max-width:380px}.slide-frame{width:280px;height:175px}.extra-skills-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 991px){.hamburger{display:flex}.mobile-nav,.nav-overlay{display:block}.nav-items{display:none}.navbar{justify-content:flex-start;padding:18px;height:auto;margin-bottom:20px}.extra-skills-grid{grid-template-columns:repeat(2,1fr)}.extra-skills-panel.open{max-height:800px}}@media screen and (max-width: 768px){.certificates-modal{padding:65px 20px 35px}.certificate-lightbox-content{padding:70px 25px 100px}.certificate-lightbox-nav{position:fixed;top:auto;bottom:28px;transform:none;width:50px;height:50px}.certificate-lightbox-prev{left:calc(50% - 70px)}.certificate-lightbox-next{right:calc(50% - 70px);left:auto}.extra-skills-grid{grid-template-columns:1fr}.extra-skills-panel.open{max-height:1000px;padding:20px}.skill-category{padding:18px}.skill-category h3{font-size:.95rem}.tag{padding:5px 12px;font-size:.8rem}.scroll-button{width:44px;height:44px}.about-image img{width:250px;height:250px}.toggle-btn{padding:10px 20px;font-size:.9rem}}@media screen and (max-width: 599px){.certificate-lightbox-content{padding:65px 18px 95px}.certificate-lightbox-prev{left:calc(50% - 60px)}.certificate-lightbox-next{right:calc(50% - 60px)}.extra-skills-panel.open,.skill-category{padding:16px}.skill-category h3{font-size:.9rem}.tag{padding:4px 10px;font-size:.75rem}}@media screen and (max-width: 399px){.text h4{font-size:.9rem}.text p{font-size:.75rem}.card{padding:12px;min-height:360px}.card-title{font-size:.95rem}.code-editor{height:135px;font-size:10px}.in-card{min-height:195px}.slide-frame{width:180px;height:112px}.slide-label{font-size:.6rem;padding:5px 6px}.extra-skills-panel.open{padding:16px}.mobile-nav{width:100vw}.heading h1{font-size:1.4rem;margin-top:55px}.toggle-btn{padding:8px 16px;font-size:.8rem}.about-image img{width:180px;height:180px}}@media screen and (max-width: 991px) and (orientation: landscape){.nav-text{padding-top:8px}.nav-text .profile-image img{height:75px;width:75px}.text h1{font-size:2.2rem}.text h4{font-size:.95rem}.slideshow-container{padding:18px 0}.slide-frame{width:200px;height:125px}.scroll-container{bottom:12px}.scroll-button{width:35px;height:35px}.scroll-button:after{width:10px;height:10px}.extra-skills-panel.open{padding:16px}}@media (hover: none) and (pointer: coarse){.slide-label{opacity:.9;transform:translateY(0)}.slide-frame:hover{transform:none}.scroll-button{animation:none}.certificates-subtitle:after{content:" (tap to view)"}.card:hover{transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.slideshow-track,.scroll-button{animation:none}.loader-dots:after{animation:none;content:"..."}}