.theme-default{--bg-color: #050505;--text-color: #ffffff;--text-muted: #888888;--accent-color: #e2e8f0;--highlight-color: #3b82f6;--accent-glow: rgba(255, 255, 255, .1);--panel-bg: rgba(20, 20, 20, .4);--border-color: rgba(255, 255, 255, .1);--font-primary: "Inter", sans-serif;--font-secondary: "Clash Display", sans-serif;--font-mono: "Space Grotesk", monospace}.theme-cyberpunk{--bg-color: #090014;--text-color: #00ffcc;--text-muted: #00997a;--accent-color: #ff003c;--highlight-color: #f72585;--accent-glow: rgba(255, 0, 60, .5);--panel-bg: rgba(13, 2, 33, .7);--border-color: #ff003c;--font-primary: "Space Grotesk", monospace;--font-secondary: "Space Grotesk", monospace;--font-mono: "Space Grotesk", monospace}.theme-glass{--bg-color: #e8ecef;--text-color: #0f172a;--text-muted: #475569;--accent-color: #3b82f6;--highlight-color: #8b5cf6;--accent-glow: rgba(59, 130, 246, .3);--panel-bg: rgba(255, 255, 255, .5);--border-color: rgba(0, 0, 0, .1);--font-primary: "Inter", sans-serif;--font-secondary: "Clash Display", sans-serif;--font-mono: "Space Grotesk", monospace}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{margin:0;overflow-x:hidden;font-family:var(--font-primary);background:var(--bg-color);color:var(--text-color);transition:background 1s ease,color 1s ease;line-height:1.6}.cursor{position:fixed;top:0;left:0;width:10px;height:10px;background:var(--text-color);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s;mix-blend-mode:difference}.cursor-follower{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--text-muted);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .4s,height .4s,background .4s,border-color .4s}.cursor.active{width:60px;height:60px;background:rgba(255,255,255,.1);mix-blend-mode:exclusion}.cursor-follower.active{width:0;height:0;opacity:0}a,button,input,textarea,.magnetic{cursor:none}h1,h2,h3,h4,h5,.title-huge{font-family:var(--font-secondary);font-weight:600;margin-bottom:1rem;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}.title-huge{font-size:8rem;margin:0;position:relative}.title-huge:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.section-title{font-size:4rem;margin-bottom:2rem}.outline-text{color:transparent;-webkit-text-stroke:1px var(--text-color);transition:all .3s ease;position:relative}.outline-text:hover{color:var(--text-color);text-shadow:0 0 20px var(--accent-glow)}.subtitle{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin-top:.8rem}.lead-text{font-size:1.8rem;font-weight:300;margin-bottom:1.5rem;line-height:1.4}.hud-header{position:fixed;top:0;left:0;width:100vw;padding:30px 40px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:none;font-family:var(--font-mono);font-size:.85rem;letter-spacing:1px}.hud-header>*{pointer-events:auto}.logo{font-weight:700;font-size:1.2rem}.theme-switcher{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.theme-label{color:var(--text-muted);margin-bottom:10px;font-size:.7rem}.theme-switcher button{background:transparent;color:var(--text-muted);border:none;font-family:var(--font-mono);font-size:.85rem;padding:5px 0;position:relative;overflow:hidden;transition:color .3s}.theme-switcher button:after{content:"";position:absolute;bottom:0;right:0;width:0%;height:1px;background:var(--text-color);transition:width .3s ease}.theme-switcher button:hover:after,.theme-switcher button.active:after{width:100%;right:auto;left:0}.theme-switcher button.active{color:var(--text-color)}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}#loader,#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:10000;font-family:var(--font-mono);transition:transform 1.2s cubic-bezier(.76,0,.24,1),opacity 1.2s ease}#loading-overlay{flex-direction:column;text-align:center}#loading-overlay h1{font-size:1.5rem;letter-spacing:5px;color:var(--text-color);margin-bottom:10px;animation:pulse 1.5s infinite alternate}#loading-overlay p{font-size:.8rem;color:var(--text-muted);letter-spacing:2px}@keyframes pulse{0%{opacity:.4}to{opacity:1;text-shadow:0 0 15px var(--text-color)}}.loader-content{width:300px;text-align:right}.loader-title{font-size:.9rem;font-weight:400;color:var(--text-muted);letter-spacing:3px;margin-bottom:5px}.progress-bar-container{width:100%;height:1px;background:var(--border-color);margin-bottom:10px;position:relative}.progress-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--text-color);transition:width .3s ease}.scroll-container{position:relative;z-index:10;padding-bottom:100px}section{position:relative;min-height:100vh;padding:10vh 10vw;pointer-events:none;display:flex;flex-direction:column;justify-content:center}section>*{pointer-events:auto}.full-screen{min-height:100vh;justify-content:center}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--border-color);padding:60px;border-radius:30px;box-shadow:0 20px 50px #0000004d,inset 0 0 20px #ffffff05;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.theme-cyberpunk .glass-panel{border-radius:0}.theme-cyberpunk .title-huge{text-shadow:0 0 10px var(--accent-glow)}.sec-hero{position:relative}.hero-content{display:flex;flex-direction:column;width:100%;z-index:2;position:relative}.bg-title{position:absolute;top:-50px;left:-10vw;width:200vw;font-family:var(--font-secondary);font-size:14vw;font-weight:900;color:var(--text-muted);opacity:.05;white-space:nowrap;pointer-events:none;z-index:-1;overflow:hidden;display:flex}.marquee span{padding-right:50px;animation:scrollMarquee 30s linear infinite}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.hero-foreground{margin-top:5vh;max-width:800px}.scroll-indicator{margin-top:80px;display:inline-flex;align-items:center;gap:15px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:2px}.mouse{width:18px;height:30px;border:1px solid var(--text-muted);border-radius:10px;position:relative}.wheel{position:absolute;top:4px;left:50%;width:2px;height:6px;background:var(--text-color);transform:translate(-50%);animation:wheelDrop 2s infinite cubic-bezier(.2,.8,.2,1)}@keyframes wheelDrop{0%{top:4px;opacity:1}to{top:16px;opacity:0}}.sec-about{justify-content:flex-end;align-items:flex-end;padding-top:20vh}.split-content{max-width:650px}.stats-row{display:flex;gap:40px;margin-top:50px;border-top:1px solid var(--border-color);padding-top:30px}.stat h3{font-size:3rem;color:var(--text-color);margin:0;line-height:1}.stat span{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.full-width{padding-left:0;padding-right:0;overflow:hidden;align-items:center}.skills-carousel{width:100%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:20px 0;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skills-track{display:flex;white-space:nowrap;animation:scrollMarquee 20s linear infinite}.skills-track span{font-family:var(--font-secondary);font-size:2.5rem;font-weight:600;padding:0 30px}.skills-track .dot{color:var(--accent-color)}.sec-projects{align-items:flex-start}.project-showcase{display:flex;flex-direction:column;gap:80px;margin-top:40px}.project-card{display:flex;gap:40px;align-items:center;width:100%}.project-card.reverse{flex-direction:row-reverse}.proj-img{width:45%;height:400px;background-size:cover;background-position:center;border-radius:20px;border:1px solid var(--border-color);overflow:hidden;position:relative;transition:all .6s cubic-bezier(.165,.84,.44,1)}.placeholder-1{background-image:url(/refineder.png)}.placeholder-2{background-image:url(/moya.png)}.placeholder-3{background-image:url(/embedded.png)}.proj-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .6s}.project-card:hover .proj-img{border-color:var(--accent-color);box-shadow:0 0 30px var(--accent-glow)}.project-card:hover .proj-img:after{transform:translate(100%)}.proj-meta{width:50%}.proj-meta h3{font-size:2.5rem}.proj-meta p{font-size:1.1rem;color:var(--text-muted);margin-bottom:30px}.sec-experience{align-items:flex-end}.timeline-container{max-width:650px;margin-right:5vw}.timeline-v2{display:flex;flex-direction:column;gap:40px;margin-top:30px;position:relative}.timeline-v2:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:1px;background:var(--border-color)}.timeline-node{display:flex;gap:60px;position:relative}.tn-date{width:70px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);padding-top:5px;text-align:right}.tn-content{padding-left:20px;position:relative}.tn-content:before{content:"";position:absolute;left:-35px;top:10px;width:11px;height:11px;border-radius:50%;background:var(--bg-color);border:2px solid var(--text-color);transition:all .3s}.timeline-node:hover .tn-content:before{background:var(--text-color);box-shadow:0 0 10px var(--text-color)}.tn-content h4{font-size:1.5rem;margin-bottom:5px}.tn-content h5{font-family:var(--font-mono);font-size:.9rem;color:var(--highlight-color);margin-bottom:15px;font-weight:500}.tn-content p{color:var(--text-muted)}.sec-contact .title-huge{font-size:6rem}.contact-wrapper{max-width:550px;margin:0 auto;text-align:center}.premium-form{margin-top:30px;display:flex;flex-direction:column;gap:25px}.input-group{position:relative;text-align:left}.input-group input,.input-group textarea{width:100%;background:transparent;border:none;font-size:1.2rem;color:var(--text-color);padding:10px 0;font-family:var(--font-primary);outline:none;resize:none}.input-group label{position:absolute;left:0;top:10px;color:var(--text-muted);font-size:1.2rem;pointer-events:none;transition:.3s cubic-bezier(.2,.8,.2,1)}.input-group .line{position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--border-color)}.input-group .line:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:var(--text-color);transition:.4s ease}.input-group input:focus~label,.input-group input:valid~label,.input-group textarea:focus~label,.input-group textarea:valid~label{top:-20px;font-size:.8rem;color:var(--text-color)}.input-group input:focus~.line:after,.input-group textarea:focus~.line:after{width:100%}.btn-solid,.btn-outline{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 30px;font-family:var(--font-mono);font-size:.9rem;letter-spacing:1px;text-transform:uppercase;background:var(--text-color);color:var(--bg-color);border:none;border-radius:40px;transition:all .4s cubic-bezier(.2,.8,.2,1);outline:none;position:relative;overflow:hidden}.btn-outline{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.btn-solid:hover{transform:scale(1.05)}.socials{display:flex;justify-content:center;gap:30px;margin-top:60px;font-family:var(--font-mono);letter-spacing:1px;font-size:.85rem}.socials a{color:var(--text-color);text-decoration:none;position:relative;padding:5px}.socials a:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:var(--highlight-color);transition:.3s}.socials a:hover:after{width:100%}.site-footer{text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-top:50px}.stagger-item{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.stagger-item.show{opacity:1;transform:translateY(0)}.sec-diagnostic{align-items:center;padding-bottom:20vh}.diagnostic-grid{display:flex;flex-direction:column;gap:25px;margin-top:40px;width:100%}.diag-item{display:grid;grid-template-columns:250px 1fr 100px;align-items:center;gap:20px}.diag-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:1px}.diag-bar{height:4px;background:var(--border-color);position:relative;overflow:hidden}.diag-fill{height:100%;background:var(--highlight-color);box-shadow:0 0 10px var(--highlight-color);transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.19,1,.22,1)}.stagger-item.show .diag-fill{transform:scaleX(1)}.diag-value{font-family:var(--font-mono);font-size:.8rem;color:var(--highlight-color);text-align:right;letter-spacing:1px}.system-logs{margin-top:50px;background:rgba(0,0,0,.3);padding:30px;border-radius:10px;font-family:var(--font-mono);font-size:.85rem;color:#10b981;text-align:left;line-height:1.8;border:1px solid rgba(16,185,129,.1)}.system-logs p{margin:0;opacity:.7}@media (max-width: 1200px){.title-huge{font-size:6rem}}@media (max-width: 991px){.title-huge{font-size:5rem}.section-title{font-size:3rem}.diag-item{grid-template-columns:1fr;gap:10px}.diag-value{text-align:left}}@media (max-width: 768px){.title-huge{font-size:4rem}.subtitle{font-size:1.1rem}.hud-header{padding:20px}.glass-panel{padding:30px}.proj-img{width:100%;height:300px}.project-card,.project-card.reverse{flex-direction:column;gap:20px}.proj-meta{width:100%}.diag-item{grid-template-columns:1fr}.stats-row{flex-wrap:wrap;gap:20px}.stat h3{font-size:2.2rem}.section-title{font-size:2.5rem}.project-card{flex-direction:column!important}.proj-img,.proj-meta{width:100%}.timeline-node{flex-direction:column;gap:10px}.timeline-v2:before{left:15px}.tn-date{text-align:left;padding-left:30px}.tn-content:before{left:-21px}.split-content,.timeline-container{max-width:100%;margin:0}.cursor,.cursor-follower{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-box{background:var(--bg-color);border:1px solid var(--border-color);padding:50px;border-radius:20px;max-width:500px;text-align:center;transform:translateY(50px) scale(.95);transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 60px #00000080}.theme-cyberpunk .modal-box{border-radius:0}.modal-overlay.active .modal-box{transform:translateY(0) scale(1)}.modal-box h2{font-size:2.5rem;color:var(--text-color);margin-bottom:20px;font-family:var(--font-secondary)}.modal-box p{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem;line-height:1.5}.modal-actions{display:flex;gap:20px;justify-content:center}.openworld-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:40px;display:flex;flex-direction:column;justify-content:space-between;z-index:1000;color:#fff}.openworld-hud .header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;letter-spacing:3px;font-family:var(--font-mono);text-transform:uppercase;opacity:.8}.controls-hint{align-self:flex-start;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.15);padding:25px;border-radius:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;max-width:350px;box-shadow:0 20px 40px #00000080;transform:translateY(0);transition:transform .3s ease}.controls-hint:hover{transform:translateY(-5px);border-color:var(--highlight-color)}.controls-hint h3{margin:0 0 20px;color:#ff003c;font-size:.9rem;letter-spacing:3px;font-weight:700;border-bottom:1px solid rgba(255,0,60,.2);padding-bottom:10px}.controls-hint p{margin:12px 0;color:#aaa;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.kbd{background:#222;padding:4px 10px;border-radius:6px;font-weight:700;border:1px solid #444;font-size:.75rem;color:#fff;margin-right:15px;box-shadow:0 2px #000}.return-btn{pointer-events:auto;background:transparent;color:#fff;border:1px solid white;padding:12px 25px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all .3s;letter-spacing:1px}.return-btn:hover{background:white;color:#000;box-shadow:0 0 20px #fff6}.openworld-active body{cursor:crosshair!important}.openworld-active .cursor,.openworld-active .cursor-follower{display:none!important}.mobile-controls{position:absolute;bottom:0;left:0;width:100%;padding:40px;display:none;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:1000}body.is-touch .mobile-controls{display:flex}@media (pointer: coarse){.mobile-controls{display:flex}}body.is-touch .controls-hint{display:none}@media (pointer: coarse){.controls-hint{display:none}}.joystick-container{width:140px;height:140px;background:rgba(255,255,255,.05);border-radius:50%;position:relative;pointer-events:auto;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 20px #0003}.joystick-knob{width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0000004d}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;pointer-events:auto}.action-btn{width:70px;height:70px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;font-family:var(--font-mono);font-size:.7rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .1s}.action-btn:active{background:var(--highlight-color);color:#fff;transform:scale(.9)}.action-btn.wide{grid-column:span 2;border-radius:35px;height:60px;width:auto}