.header{position:sticky;top:0;z-index:100;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;transition:background-color .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;width:100%;padding:0 10rem}.nav-links{display:flex;gap:4rem}.nav-links a{font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--text-primary)}[data-theme=dark] .nav-links a:hover{color:var(--cyber-cyan);text-shadow:0 0 8px rgba(0,212,255,.5)}.controls{display:flex;gap:var(--spacing-sm);align-items:center}.icon-btn{background:none;border:none;color:var(--text-primary);padding:var(--spacing-xs);border-radius:4px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--bg-secondary)}.mobile-menu-btn{display:none}@media(max-width:768px){.header-content{padding:0 var(--spacing-md)}.nav-links{display:none}.mobile-menu-btn{display:flex}}.mobile-nav-overlay{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mobile-nav-overlay a{font-size:1.1rem;padding:.5rem 0;color:var(--text-primary);text-decoration:none}.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;transform:translateY(-3rem)}.hero-image{flex-shrink:0;width:300px;height:300px;border-radius:50%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:4px solid var(--bg-secondary)}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-text{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.hero h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.hero-icons{display:flex;gap:1.5rem;margin-top:1.5rem}.hero-icon{color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;background-color:var(--bg-secondary)}.hero-icon:hover{color:var(--text-primary);background-color:var(--border-color);transform:translateY(-2px)}[data-theme=dark] .hero-image{border:2px solid rgba(0,212,255,.4);box-shadow:0 0 25px #00d4ff26}[data-theme=dark] .hero-icon:hover{background-color:#00d4ff26;box-shadow:var(--cyber-glow)}@media(max-width:768px){.hero{flex-direction:column;text-align:center;gap:1.5rem;padding:calc(4rem + env(safe-area-inset-top)) 0 calc(2rem + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;justify-content:center}.hero-image{width:180px;height:180px;margin-top:0}.hero-text{align-items:center;flex:0 0 auto}.hero h1{font-size:1.75rem;margin-bottom:.75rem}.hero p{font-size:.9rem!important}.hero-text>div{min-height:6rem!important;display:flex;align-items:flex-start;justify-content:center;font-size:1.25rem!important;padding-top:.5rem}.hero-icons{gap:1rem;margin-top:1rem}.hero-icon img{width:24px!important;height:24px!important}.scroll-down-btn{bottom:calc(.5rem + env(safe-area-inset-bottom))!important;position:fixed!important;z-index:100;animation:float-mobile 3s ease-in-out infinite!important}@keyframes float-mobile{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}}.scroll-down-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%) translateY(3rem);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:1rem;transition:color .3s ease,opacity .3s ease;animation:float 3s ease-in-out infinite}.scroll-down-btn:hover{color:var(--text-primary)}@keyframes float{0%,to{transform:translate(-50%) translateY(3rem)}50%{transform:translate(-50%) translateY(calc(3rem - 10px))}}.list-container{display:flex;flex-direction:column;gap:0}.list-item{display:flex;flex-direction:column;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}#certificate .list-item{padding:var(--spacing-md) 0}.list-item h3{margin-bottom:var(--spacing-xs);font-size:1.25rem}.list-meta{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-md);align-items:center}.list-description{color:var(--text-secondary);line-height:1.6}@media(min-width:768px){.list-item{flex-direction:row;align-items:center;gap:var(--spacing-xl)}.list-meta{width:240px;margin-bottom:0;flex-shrink:0;justify-content:flex-start}#certificate .list-meta{width:120px}.list-content{flex:1}.project-image{display:block!important;margin-right:var(--spacing-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .project-image{box-shadow:none}}@media(max-width:768px){.project-image{display:block!important;width:200px!important;height:auto!important;margin:0 auto var(--spacing-lg) auto!important;border-radius:8px}.list-item{padding:var(--spacing-sm) 0}#projects .list-item{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}#projects .list-item:last-child{border-bottom:none}.list-item h3{font-size:.95rem;margin-bottom:.25rem}.list-meta{font-size:.8rem;margin-bottom:.25rem}.list-description{font-size:.85rem;line-height:1.4}.section-title{font-size:1.25rem!important}}.tag{display:inline-block;padding:.25rem .5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;margin-right:.5rem;margin-bottom:.5rem}.list-description{color:var(--text-secondary);line-height:1.6;white-space:pre-line}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0 0 0;border-bottom:1px solid var(--border-color);scroll-margin-top:100px}.section:last-child{border-bottom:none}.section-title{font-size:2rem;font-weight:700;margin-bottom:0;text-transform:uppercase;letter-spacing:-.02em}@media(max-width:768px){.section{padding:0;margin-top:6rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.section:first-of-type{margin-top:0}.section-title{font-size:1.25rem!important;margin-bottom:var(--spacing-lg)}.container{padding:0 var(--spacing-md)}}:root{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--pointer-x: 50%;--pointer-y: 50%;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--pointer-from-center: 0;--pointer-from-top: 0;--pointer-from-left: 0;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%)}.card{-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px);pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform,visibility,z-index;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card,.card *{outline:1px solid transparent}.card.interacting{z-index:calc(var(--card-scale) * 120)}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card__translater,.card__rotator{display:grid;perspective:600px;will-change:transform,box-shadow;transform-origin:center;-webkit-transform-origin:center;transform-style:preserve-3d}.card__translater{width:auto;position:relative;-webkit-transform:translate3d(var(--translate-x),var(--translate-y),.1px) scale(var(--card-scale));transform:translate3d(var(--translate-x),var(--translate-y),.1px) scale(var(--card-scale))}.card__rotator{-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));pointer-events:auto;transition:transform .15s ease-out}.card.interactive .card__translater,.card.interactive .card__rotator,.card.interactive .card__shine,.card.interactive .card__glare{transition:transform .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out}button.card__rotator{border:none;background:transparent;padding:0;-webkit-appearance:none;appearance:none;cursor:pointer}.card__rotator{box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px 0 transparent}.card.active .card__rotator,.card__rotator:focus,.card.interacting .card__rotator{box-shadow:0 0 3px -1px #fff,0 0 3px 1px var(--card-edge),0 0 12px 2px var(--card-glow),0 10px 20px -5px #000,0 0 40px -30px var(--card-glow),0 0 50px -20px var(--card-glow)}.card__rotator *{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px)}.card__back{background-color:var(--card-back);-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px);backface-visibility:visible}.card__front,.card__front *{backface-visibility:hidden}.card__front{opacity:1;transition:opacity .33s ease-out;-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{-webkit-transform:rotateY(0deg);transform:rotateY(0)}.card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;filter:brightness(.25) contrast(1.1) saturate(.2);mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .2)}.card__shine:before,.card__shine:after{content:"";grid-area:1/1;transform:translateZ(1px);border-radius:var(--card-radius);background:linear-gradient(115deg,transparent 0%,var(--sunpillar-1) 25%,transparent 47%,transparent 53%,var(--sunpillar-3) 75%,transparent 100%);background-size:250% 250%;background-position:var(--background-x) var(--background-y);opacity:calc(var(--card-opacity) * .1)}.card__shine:after{background:linear-gradient(-115deg,transparent 0%,var(--sunpillar-5) 25%,transparent 47%,transparent 53%,var(--sunpillar-2) 75%,transparent 100%);background-size:200% 200%;background-position:var(--background-x) var(--background-y);transform:translateZ(1.2px)}.card__glare{transform:translateZ(1.41px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.4) 20%,hsla(0,0%,0%,.5) 90%);opacity:calc(var(--card-opacity) * .2);mix-blend-mode:overlay}.intro-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#0a0a0f;z-index:9999}.intro-card-wrapper{max-width:min(330px,80vw);transform-origin:center center}.intro-hint{position:fixed;bottom:10%;color:#ffffff80;font-size:1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;text-align:center;pointer-events:none;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.intro-card-wrapper{max-width:min(250px,65vw)}.intro-hint{bottom:5%;font-size:1rem}}:root{--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--text-primary: #18181b;--text-secondary: #71717a;--border-color: #e4e4e7;--accent-color: #27272a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--spacing-3xl: 8rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--text-primary: #e8e8e8;--text-secondary: #9090a0;--border-color: #1e1e2e;--accent-color: #00d4ff;--cyber-cyan: #00d4ff;--cyber-glow: 0 0 15px rgba(0, 212, 255, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;transition:background-color .3s ease,color .3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}