:root{--bg-color: #ffffff;--surface-color: #ffffff;--text-primary: #000000;--text-secondary: #333333;--accent-color: #000000;--border-color: #e5e5e5;--btn-text: #ffffff;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Inter", sans-serif;--section-padding: 4rem 1.5rem;--container-max-width: 1200px;--ease-premium: cubic-bezier(.25, 1, .5, 1);--duration-normal: 1.8s}[data-theme=dark]{--bg-color: #000000;--surface-color: #000000;--text-primary: #ffffff;--text-secondary: #cccccc;--accent-color: #ffffff;--border-color: #333333;--btn-text: #000000}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;margin:0;padding:0;transition:background-color .5s var(--ease-premium),color .5s var(--ease-premium);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;letter-spacing:-.04em}a{color:inherit;text-decoration:none}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;position:relative;width:100%}body{overflow-x:hidden;width:100%;position:relative;-webkit-overflow-scrolling:touch}.animate{opacity:0;will-change:transform,opacity}.animate.fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-premium) forwards}.animate.slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-premium) forwards}.animate.scale-in{animation:scaleIn var(--duration-normal) var(--ease-premium) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delay-100{animation-delay:.15s}.delay-200{animation-delay:.3s}.delay-300{animation-delay:.45s}.delay-400{animation-delay:.6s}.delay-500{animation-delay:.75s}.header-mono{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all .4s var(--ease-premium);background-color:var(--bg-color)}.header-mono.scrolled{padding:1rem 0;border-bottom:1px solid var(--border-color)}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo-magnetic{display:inline-block;padding:1rem}.logo-text{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.04em}.nav-list-mono{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0;align-items:center}.nav-list-mono a{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.nav-list-mono a:hover{color:var(--text-primary)}@media(max-width:768px){.nav-mono{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;transition:right .5s var(--ease-premium);z-index:999}.nav-mono.open{right:0}.nav-list-mono{flex-direction:column;gap:1.5rem;text-align:center}.nav-list-mono li{overflow:hidden}.nav-list-mono a{font-size:1.25rem;font-weight:500;color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;transition:opacity .3s ease}.nav-list-mono a:hover{opacity:.6}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;z-index:1001;padding:.5rem}.hamburger .line{width:22px;height:1.5px;background-color:var(--text-primary);transition:all .3s var(--ease-premium)}.hamburger.active .line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}@media(min-width:769px){.hamburger{display:none}}.theme-toggle{background:transparent;border:none;color:var(--text-primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-color)}.theme-toggle svg{stroke:currentColor}.magnetic-wrap{display:inline-block;position:relative;border:none;background:transparent;padding:0;cursor:pointer;text-decoration:none}.magnetic-content{display:inline-block;transition:transform .1s linear}.hero-mono{min-height:100vh;display:flex;align-items:center;padding:0 2rem;padding-top:80px;max-width:var(--container-max-width);margin:0 auto}.hero-content-mono{max-width:900px;width:100%}.kinetic-wrapper{will-change:transform}.hero-title-mono{font-size:clamp(3.5rem,9vw,6.5rem);line-height:1.1;margin-bottom:2rem;letter-spacing:-.05em;font-weight:700;padding-bottom:.2em;text-align:left}.hero-divider{width:100%;height:1px;background-color:var(--border-color);margin-bottom:2rem;transform-origin:left;animation:scaleIn 1.5s var(--ease-premium) forwards}.hero-subtitle-mono{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px}.block-reveal{display:block;margin-top:.5rem;color:var(--text-primary)}.hero-actions-mono{display:flex;gap:1.5rem}.btn-mono{padding:1.1rem 2.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s var(--ease-premium);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-fill{background-color:var(--text-primary);color:var(--bg-color);border:1px solid var(--text-primary)}.btn-fill:hover{background-color:transparent;color:var(--text-primary);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--text-primary);transform:translateY(-2px)}@media(max-width:768px){.hero-mono{min-height:60vh;padding-top:100px;align-items:flex-start;padding-bottom:2rem}}.split-text-wrapper{display:inline-block;line-height:1.1;overflow:hidden;padding-bottom:.1em;vertical-align:bottom}.split-word{display:inline-block;white-space:nowrap}.split-char{display:inline-block;transform:translateY(100%);opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1.2s ease;will-change:transform,opacity}.split-char.visible{transform:translateY(0);opacity:1}.about{padding:var(--section-padding);background-color:var(--surface-color)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 1rem}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:left}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-secondary)}.about-visual{display:flex;justify-content:center}.about-image{width:100%;max-width:320px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.placeholder-box{width:100%;aspect-ratio:1;background-color:var(--accent-color);border-radius:8px;max-width:320px}@media(max-width:768px){.about-content{grid-template-columns:1fr;gap:2rem}}.skills-specs{padding:var(--section-padding);background-color:var(--bg-color);font-family:Inter,monospace}.spec-header{margin-bottom:3rem;max-width:800px}.spec-title{font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:-.05em;font-weight:700}.spec-line{width:100%;height:1px;background:var(--text-primary);position:relative}.spec-line:after{content:"";position:absolute;top:-2px;left:0;width:20px;height:5px;background:var(--text-primary);animation:scanLine 4s infinite linear}@keyframes scanLine{0%{left:0}50%{left:100%}to{left:0}}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:1024px){.spec-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.spec-card{border:1px solid var(--border-color);padding:1rem;transition:all .3s var(--ease-premium);background:var(--bg-color);position:relative}@media(min-width:1024px){.spec-card{padding:1.5rem}}.spec-card:hover{border-color:var(--text-primary);transform:translateY(-5px);z-index:2;box-shadow:10px 10px 0 var(--text-secondary)}.spec-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.module-id{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;background-color:#0f0;border-radius:50%;box-shadow:0 0 5px #0f0}.module-title{font-size:1.1rem;margin-bottom:1rem;font-weight:700}.module-list{list-style:none;padding:0;margin:0}.module-list li{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;padding-left:10px;border-left:2px solid transparent;transition:all .2s ease}.spec-card:hover .module-list li:hover{border-left-color:var(--text-primary);color:var(--text-primary);padding-left:15px}.spec-footer{margin-top:1.5rem;font-size:.7rem;color:var(--text-secondary);font-family:Courier New,monospace;text-align:right}.terminal{background:var(--bg-color);color:var(--text-primary);border-color:var(--border-color)}.terminal .module-id{color:var(--text-secondary)}.terminal .status-dot{background:#0f0}.terminal-content p{font-family:Courier New,monospace;font-size:.85rem;margin:.2rem 0;word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap}.blink{animation:blink 1s infinite step-end}@keyframes blink{50%{opacity:0}}@media(max-width:1023px){.skills-specs{padding-left:calc(var(--section-padding) + 25px);padding-right:calc(var(--section-padding) - 10px)}.spec-header{margin-left:-5px}}.projects-mono{padding:var(--section-padding)}.projects-list{display:flex;flex-direction:column;gap:8rem;margin-top:4rem}.project-mono-card{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.project-mono-image{overflow:hidden;background-color:var(--surface-color);border:1px solid var(--border-color)}.project-mono-image img{width:100%;height:auto;display:block;transition:transform .6s var(--ease-premium)}.project-mono-image:hover img{transform:scale(1.03)}.project-mono-content{display:flex;flex-direction:column}.project-number{font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:2rem;display:inline-block;align-self:flex-start}.project-mono-title{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.1}.project-mono-desc{color:var(--text-secondary);margin-bottom:2rem;max-width:400px}.project-tags{display:flex;gap:1rem;margin-bottom:2rem}.project-tags span{font-size:.85rem;border:1px solid var(--border-color);padding:.4rem 1rem;border-radius:50px}.project-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.status-indicator{width:8px;height:8px;background-color:#fca311;border-radius:50%;box-shadow:0 0 8px #fca31166;animation:pulse-amber 2s infinite}.status-text{font-size:.8rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary)}.project-links{display:flex;gap:1.5rem;margin-bottom:2.5rem}.project-link{font-size:.9rem;font-weight:500;text-decoration:none;color:var(--text-primary);border-bottom:1px solid var(--text-primary);padding-bottom:2px;transition:opacity .3s ease}.project-link:hover{opacity:.7}.project-disclaimer{font-size:.85rem;font-style:italic;color:var(--text-secondary);opacity:.8;border-left:2px solid var(--border-color);padding-left:1rem;margin-top:0}@keyframes pulse-amber{0%{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.3;transform:scale(.95)}}.btn-link{display:none}@media(max-width:900px){.projects-list{gap:4rem}.project-mono-card{grid-template-columns:1fr;gap:1.5rem}.project-mono-title{font-size:1.8rem;margin-bottom:1rem}.project-number{margin-bottom:1rem;padding-bottom:.5rem}.project-mono-desc{margin-bottom:1.5rem}.project-tags{margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.project-links{margin-bottom:1.5rem}}.contact-mono{padding:var(--section-padding)}.contact-wrapper{max-width:600px;margin:0 auto;text-align:center}.contact-text{color:var(--text-secondary);margin-bottom:2rem}.contact-wrapper .section-title{text-align:center;width:100%}.email-link{font-size:clamp(1rem,5vw,1.75rem);font-weight:700;text-decoration:underline;margin-bottom:2.5rem;display:block;word-break:break-all}.contact-form-simple{display:flex;flex-direction:column;gap:1.5rem;text-align:left;max-width:100%;margin:0 auto}.contact-button-container{display:flex;justify-content:center;width:100%;margin-top:1rem}.input-simple{background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:1rem 0;font-family:inherit;font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .3s ease}.input-simple:focus{border-color:var(--text-primary)}.footer-mono{margin-top:4rem;text-align:center;font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.social-links{display:flex;gap:1.5rem}.social-icon{color:var(--text-primary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon:hover{transform:translateY(-3px);color:var(--text-secondary)}.social-icon svg{width:24px;height:24px}.scroll-btn{position:fixed;bottom:2rem;right:2rem;background-color:transparent;color:var(--text-primary);width:50px;height:50px;border-radius:0;border:1px solid var(--border-color);font-size:1.5rem;cursor:pointer;z-index:99;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.scroll-btn:hover{border-color:var(--text-primary);transform:translateY(-5px)}@media(max-width:768px){.scroll-btn{bottom:1rem;right:1rem}}.app{width:100%;min-height:100vh;position:relative}