body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{max-width:100%;overflow-x:hidden}*,:after,:before{box-sizing:border-box}body{background:#111216;color:#f3f3f3;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0;min-height:100vh;padding:0;position:relative}body.light-mode .Navbar{background:#f9f9fb;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0001;color:#23232b}body.light-mode .Navbar-logo{color:#ff4c4c}body.light-mode .Navbar-links{background:#f9f9fb;box-shadow:-2px 0 16px #0001;color:#23232b}body.light-mode .Navbar-links button{background:#ececf0;border:1px solid #e0e0e0;color:#23232b;transition:background .2s,color .2s}body.light-mode .Navbar-links button:focus,body.light-mode .Navbar-links button:hover{background:#e3e3e8;color:#ff4c4c}body.light-mode .Skill-chip{background:#f3f3f7;border:1px solid #e0e0e0;color:#23232b}body.light-mode .Skill-chip:hover{background:#e3e3e8}body.light-mode .Project-card{background:#f3f3f7;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0001;color:#23232b}body.light-mode .Contact-form{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0001;color:#111}body.light-mode .Contact-form input,body.light-mode .Contact-form textarea{background:#f9f9fb;border:1px solid #e0e0e0;color:#23232b}body.light-mode .Contact-form button{background:#ff4c4c;border:none;color:#fff}body.light-mode .Contact-form button:hover{background:#ffb199;color:#23232b}body.light-mode .Contact-social,body.light-mode .Header-social{background:#ececf0;border:1px solid #e0e0e0;color:#23232b}body.light-mode .Contact-social:hover,body.light-mode .Header-social:hover{background:#ffb199;color:#23232b}body.light-mode .Header-cv-btn{background:#ececf0;border:1px solid #e0e0e0;color:#23232b}body.light-mode .Header-cv-btn:hover{background:#ffb199;color:#23232b}body.light-mode .Timeline-item{background:#f9f9fb;border:1px solid #e0e0e0;color:#23232b}body.light-mode .Timeline-icon{color:#ff4c4c}body.light-mode .ModeToggle-btn{background:#ececf0;border:1px solid #e0e0e0;border-radius:50%;color:#ff4c4c}body.light-mode .ModeToggle-btn:hover{background:#ffb199;color:#23232b}body.light-mode .ScrollTop-btn{background:#ececf0;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0001;color:#ff4c4c}body.light-mode .ScrollTop-btn:hover{background:#ffb199;color:#23232b}body.menu-open{overflow-x:hidden}body:before{background-image:linear-gradient(0deg,#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.Portfolio{background:none;min-height:100vh;position:relative;width:100%;z-index:1}#logo-hag-fixed{background:none;color:#ff4c4c;font-size:1.5rem;font-weight:700;height:2.2rem;left:1.1rem;letter-spacing:2px;line-height:2.2rem;pointer-events:none;z-index:2001}#logo-hag-fixed,.Navbar{align-items:center;display:flex;position:fixed}.Navbar{background:#18191f;border-bottom:1px solid #23232b;box-shadow:0 2px 16px #0008;justify-content:center;left:0;padding:.7rem 0;top:0;width:100vw;z-index:1000}.Navbar-logo{align-items:center;color:#ff4c4c;display:flex;font-size:1.5rem;font-weight:700;height:2.2rem;letter-spacing:2px;margin:.7rem auto .18rem 1.5rem;position:relative;z-index:9999}.Navbar-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.Navbar-links button{background:none;border:none;border-radius:6px;color:#f3f3f3;cursor:pointer;font-size:1.08rem;font-weight:500;overflow:hidden;padding:.3rem .7rem;position:relative;transition:color .2s}.Navbar-links button:after{background:linear-gradient(90deg,#ff4c4c,#ffb199);border-radius:2px;content:"";display:block;height:2.5px;margin-top:2px;transition:width .3s;width:0}.Navbar-links button:focus,.Navbar-links button:hover{color:#ff4c4c}.Navbar-links button:focus:after,.Navbar-links button:hover:after{width:100%}.Header{animation:fadeInSection 1s;background:none;justify-content:center;min-height:350px;padding-bottom:3rem;padding-top:6.5rem}.Header,.Header-grid{align-items:center;display:flex}.Header-grid{flex-direction:row;gap:3.5rem;justify-content:flex-start;max-width:1100px}.Header-avatar-wrap{align-items:center;display:flex;justify-content:center}.Header-avatar{background:#18191f;border:4px solid #23232b;border-radius:50%;box-shadow:0 4px 32px #ff4c4c33;height:160px;object-fit:cover;transition:transform .4s cubic-bezier(.4,2,.6,1);width:160px}.Header-avatar:hover{transform:scale(1.07) rotate(-2deg)}.Header-avatar-noborder{border:none!important;box-shadow:none!important}.Header-info{align-items:flex-start;display:flex;flex-direction:column;gap:1.1rem;justify-content:center}.Header h1{color:#fff;font-size:2.7rem;letter-spacing:1px;line-height:1.1;margin:0;text-shadow:0 2px 12px #000a}.Header-title{color:#ff4c4c;font-size:1.25rem;font-weight:600;letter-spacing:.5px;margin:0}.Header-desc{color:#f3f3f3cc;font-size:1.08rem;margin-bottom:.5rem;max-width:500px;text-align:left}.Header-socials{display:flex;gap:1.2rem;margin-top:.2rem}.Header-social{align-items:center;background:#18191f;border:2px solid #ff4c4c;border-radius:50%;box-shadow:0 2px 12px #ff4c4c33;color:#fff;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:background .2s,color .2s,border .2s,transform .2s;width:44px}.Header-social:hover{background:#23232b;border-color:#fff;color:#ff4c4c;transform:scale(1.13)}.Header-cv-btn{align-items:center;background:#18191f;border:2px solid #ff4c4c;border-radius:10px;box-shadow:0 2px 12px #ff4c4c33;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;margin-left:.2rem;min-width:110px;padding:0 18px;text-decoration:none;transition:background .2s,color .2s,border .2s,transform .2s}.Header-cv-btn:hover{background:#23232b;border-color:#fff;color:#ff4c4c;transform:scale(1.13)}section{animation:fadeInSection 1.1s;background:#18191f;border:1.5px solid #23232b;border-radius:18px;box-shadow:0 4px 32px #000a;margin:0 auto 3.5rem;max-width:900px;padding:2.5rem 1.5rem 2rem;position:relative;transition:box-shadow .3s,background .3s,border .3s}section:not(:first-of-type){margin-top:2.5rem}@keyframes fadeInSection{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}h2{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.2rem;text-shadow:0 2px 8px #000a}.About p{animation:fadeInSection 1.2s;color:#f3f3f3cc;font-size:1.15rem;margin:0}.Skills-list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.Skill-chip{align-items:center;animation:fadeInSection 1.3s;background:#23232b;border:1.5px solid #ff4c4c;border-radius:20px;box-shadow:0 2px 12px #ff4c4c22;color:#ffb199;display:flex;font-size:1.08rem;gap:.7rem;padding:.5rem 1.2rem;transition:box-shadow .2s,transform .2s,background .2s,color .2s}.Skill-chip:hover{background:#18191f;box-shadow:0 4px 16px #ff4c4c99;color:#fff;transform:scale(1.07)}.Skill-icon{color:#ff4c4c;font-size:1.3rem;transition:color .2s}.Timeline-list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.Timeline-item{align-items:flex-start;animation:fadeInSection 1.2s;background:#23232b;border-left:4px solid #ff4c4c;border-radius:12px;box-shadow:0 2px 16px #000a;display:flex;gap:1.5rem;padding:1.2rem 1rem;transition:box-shadow .3s,background .3s,border .3s}.Timeline-icon{color:#ff4c4c;flex-shrink:0;font-size:2.2rem;margin-top:.2rem}.Timeline-content h3{font-size:1.15rem;margin-bottom:.2rem}.Timeline-date{color:#ffb199;display:block;font-size:.98rem;margin-bottom:.5rem}.Projects-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:2rem}.Projects-intro{color:#f3f3f3cc;font-size:1.05rem;line-height:1.5;margin:0}.Projects-meta{display:flex;flex-direction:column;gap:.35rem;margin-top:.8rem}.Projects-stackIntro{color:#ffb199;font-size:.98rem;font-weight:600}.Projects-moreInfo{color:#f3f3f3cc;font-size:.98rem}.Project-head{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.Project-desc{color:#f3f3f3cc;line-height:1.5;margin-top:.6rem;text-align:center}.Project-card h3{font-size:1.15rem;margin:0;text-align:center}.Project-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.2rem}.Project-btn{align-items:center;background:#18191f;border:1.5px solid #ff4c4c;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.35rem;justify-content:center;padding:.6rem .9rem;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border .2s}.Project-btn:hover{background:#23232b;box-shadow:0 6px 22px #ff4c4c44;transform:translateY(-1px)}.Project-btn:disabled,.Project-link.disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.ProjectModal{align-items:center;background:#000000b8;display:flex;inset:0;justify-content:center;padding:1.2rem;position:fixed;z-index:20000}.ProjectModal-content{background:#18191f;border:1px solid #23232b;border-radius:14px;box-shadow:0 12px 48px #000c;padding:1rem 1rem 1.2rem;position:relative;width:min(980px,96vw)}body.light-mode .ProjectModal-content{background:#fff;border:1px solid #e0e0e0}.ProjectModal-close{align-items:center;background:#23232b;border:1px solid #ff4c4c;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:.8rem;top:.8rem;width:38px}body.light-mode .ProjectModal-close{background:#f3f3f7;border:1px solid #e0e0e0;color:#23232b}.ProjectModal-title{font-size:1.1rem;font-weight:700;margin-bottom:.9rem;margin-right:3rem}.ProjectModal-media{aspect-ratio:16/9;background:#000;border:1px solid #23232b;border-radius:12px;overflow:hidden;width:100%}body.light-mode .ProjectModal-media{border:1px solid #e0e0e0}.ProjectModal-iframe,.ProjectModal-video{border:0;display:block;height:100%;width:100%}.Project-card{animation:fadeInSection 1.3s;background:#23232b;border-left:4px solid #ff4c4c;border-radius:10px;box-shadow:0 2px 16px 0 #ff4c4c22;padding:1.5rem 1rem;transition:box-shadow .3s,transform .3s,background .3s,border .3s}.Project-card:hover{background:#18191f;border-left:4px solid #fff;box-shadow:0 6px 32px #ff4c4c99,0 2px 16px #ffb19944;transform:translateY(-4px) scale(1.03)}.Contact-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.Contact-form input,.Contact-form textarea{background:#23232b;border:1.5px solid #ff4c4c;border-radius:6px;box-shadow:0 1px 6px #ff4c4c22;color:#fff;font-size:1rem;padding:.7rem;transition:border .2s,box-shadow .2s,background .2s}.Contact-form input:focus,.Contact-form textarea:focus{background:#18191f;border:1.5px solid #fff;box-shadow:0 2px 12px #ff4c4c99}.Contact-form button{background:linear-gradient(90deg,#ff4c4c 60%,#ffb199);border:none;border-radius:6px;box-shadow:0 2px 12px #ff4c4c33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.8rem 2rem;transition:background .2s,box-shadow .2s,transform .2s}.Contact-form button:hover{background:linear-gradient(90deg,#fff 60%,#ff4c4c);box-shadow:0 4px 24px #ff4c4c99;color:#ff4c4c;transform:scale(1.05)}.Contact-socials{display:flex;gap:2rem}.Contact-social{align-items:center;background:#18191f;border:2px solid #ff4c4c;border-radius:50%;box-shadow:0 2px 12px #ff4c4c33;color:#fff;display:flex;font-size:1.7rem;height:44px;justify-content:center;transition:background .2s,color .2s,border .2s,transform .2s;width:44px}.Contact-social:hover{background:#23232b;border-color:#fff;color:#ff4c4c;transform:scale(1.13)}.badge-actual{background:#ff4c4c;color:#fff}.badge-actual,.badge-actual-part{border-radius:6px;font-size:.85rem;font-weight:600;margin-left:8px;padding:2px 8px}.badge-actual-part{background:#23232b;border:1.5px solid #ffb199;color:#ffb199}.Experience{display:flex;flex-direction:column;justify-content:center;min-height:100vh}.Hamburger-btn{display:none;font-size:2rem;position:absolute;right:1.2rem;top:.7rem;z-index:300}.Hamburger-btn,.ModeToggle-btn{background:none;border:none;color:#ff4c4c;cursor:pointer}.ModeToggle-btn{font-size:1.6rem;margin-right:1.2rem;transition:color .2s;z-index:5100}body.light-mode .ModeToggle-btn{color:#18191f}.ScrollTop-btn{align-items:center;background:#ff4c4c;border:none;border-radius:50%;bottom:2.2rem;box-shadow:0 2px 8px #0004;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;position:fixed;right:1.2rem;transition:background .2s,color .2s;width:44px;z-index:6000}.ScrollTop-btn:hover{background:#ffb199;color:#18191f}body.light-mode{background:#fff;color:#111}body.light-mode:before{background-image:linear-gradient(0deg,#3c3c3c0a 1px,#0000 0),linear-gradient(90deg,#3c3c3c0a 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}body.light-mode .Contact,body.light-mode .Projects{background:#fff!important}body.light-mode .Contact h2,body.light-mode .Projects h2{color:#111!important}body.light-mode .Contact-form,body.light-mode .Project-card,body.light-mode .Projects-list{background:#fff!important}body.light-mode .Project-desc,body.light-mode .Projects-intro,body.light-mode .Projects-moreInfo{color:#23232bcc}body.light-mode .Project-btn{background:#ececf0;border:1px solid #e0e0e0;color:#23232b}body.light-mode .Project-btn:hover{background:#ffb199;border:1px solid #e0e0e0;color:#23232b}body.light-mode .About p,body.light-mode .Contact-form h2,body.light-mode .Contact-form h3,body.light-mode .Project-card h2,body.light-mode .Project-card h3,body.light-mode .Projects-list h2,body.light-mode .Projects-list h3,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6{color:#111!important}body.light-mode .Navbar,body.light-mode .Navbar-links{box-shadow:none!important}body.light-mode .Navbar,body.light-mode .Navbar-links,body.light-mode .Navbar-links button{background:#fff!important;border:none!important;color:#111!important}body.light-mode .Navbar-links button:focus,body.light-mode .Navbar-links button:hover{background:#f3f3f7!important;color:#ff4c4c!important}body.light-mode .About,body.light-mode .Experience,body.light-mode .Header,body.light-mode .Skills{background:#fff;box-shadow:0 2px 8px #0001;color:#111}body.light-mode .Header-desc,body.light-mode .Header-title{color:#111}.ModeToggle-float{align-items:center;background:#18191f;border:none;border-radius:50%;box-shadow:0 2px 8px #0006;color:#ffb199;cursor:pointer;display:flex;font-size:1.6rem;height:44px;justify-content:center;position:fixed;right:1.2rem;top:.5rem;transition:background .2s,color .2s;width:44px;z-index:9999}.ModeToggle-float:hover{background:#ffb199;color:#18191f}body.light-mode .ModeToggle-float{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0002;color:#ff4c4c}body.light-mode .ModeToggle-float:hover{background:#ffb199;color:#23232b}.Float-controls{align-items:center;display:flex;flex-direction:row;gap:.5rem;position:fixed;right:.5rem;top:.5rem;z-index:10000}.LangToggle-float,.ModeToggle-float{align-items:center;display:flex;justify-content:center;margin:0;position:static}.LangToggle-float{background:none;border:none;box-shadow:none;cursor:pointer;font-family:Segoe UI Emoji,Segoe UI Symbol,Arial,sans-serif!important;font-size:1.6rem;padding:0}.LangToggle-float img{border-radius:6px;height:24px;object-fit:cover;transition:transform .15s,box-shadow .15s;width:24px}.LangToggle-float:hover img{box-shadow:0 2px 8px #0002;transform:scale(1.08)}@media (max-width:1100px){.Header-grid{gap:1.5rem}}@media (max-width:900px){.Header-avatar{height:100px;width:100px}.Header-grid{flex-direction:column;gap:1.5rem;text-align:center}.Header-grid,.Header-info{align-items:center}}@media (max-width:700px){.Header{padding-bottom:2rem;padding-top:4.5rem}.Header-avatar{height:70px;width:70px}#logo-hag-fixed{font-size:1.2rem;height:1.7rem;left:.7rem;line-height:1.7rem}.Navbar{align-items:center;flex-direction:row;justify-content:flex-start;left:0;padding:1.6rem;position:fixed;top:0;width:100%;z-index:1000}.Navbar-logo{font-size:1.2rem;height:auto;line-height:1.2;margin-left:1.1rem;margin-top:.3rem;max-width:90vw;overflow:visible;white-space:nowrap}.Navbar-links{align-items:flex-start;background:#18191f;border-bottom-left-radius:18px;border-top-left-radius:18px;box-shadow:-2px 0 16px #000a;box-sizing:border-box;flex-direction:column;gap:1.2rem;height:calc(100vh - 3.2rem);margin:0;max-width:100%;padding:2.2rem 1.2rem 1.2rem;position:fixed;right:-320px;top:3.2rem;transition:right .3s cubic-bezier(.4,2,.6,1);width:320px;z-index:3000}.Navbar-links.open{right:0}.Navbar-links li{width:100%}.Navbar-links button{border-radius:8px;font-size:1.1rem;padding:.7rem .5rem}.Hamburger-btn{background:none;display:block;position:absolute;right:.7rem;top:.7rem;z-index:5001}.Navbar-links button{font-size:1rem;padding:.3rem .5rem;text-align:left;width:100%}section{border-radius:10px;margin:.7rem .1rem 1.2rem;max-width:100vw;padding:1.1rem .3rem}.Skills-list{align-items:stretch;flex-direction:column;gap:.5rem}.Skill-chip{border-radius:12px;font-size:.98rem;padding:.4rem .7rem}.Projects-list{display:flex;flex-direction:column;gap:1rem}.Project-card{border-radius:7px;font-size:.98rem;padding:1rem .5rem}.Project-actions{justify-content:center}.Project-btn{width:100%}.Timeline-list{gap:1rem;margin-top:1rem}.Timeline-item{border-radius:7px;flex-direction:column;gap:.7rem;padding:.7rem .5rem}.Timeline-icon{font-size:1.3rem;margin-top:0}.Timeline-content h3{font-size:1rem}.Timeline-date{font-size:.9rem}.Contact-form input,.Contact-form textarea{box-sizing:border-box;font-size:.98rem;padding:.5rem;width:100%}.Contact-form button{font-size:1rem;padding:.6rem 1.2rem}.Contact-socials{gap:1rem}.Contact-social,.Header-social{font-size:1.1rem;height:36px;width:36px}.Header-cv-btn{font-size:.98rem;height:36px;min-width:100px;padding:0 16px}.Header-desc{margin-left:.5rem;margin-right:.5rem;max-width:95vw;text-align:left}.ModeToggle-btn{font-size:1.4rem;margin-right:.7rem}.ScrollTop-btn{bottom:1.2rem;font-size:1.1rem}.ModeToggle-float,.ScrollTop-btn{height:38px;right:.7rem;width:38px}.ModeToggle-float{font-size:1.2rem;top:.7rem}.Float-controls{gap:.3rem;left:50%;right:auto;top:.3rem;top:.7rem;transform:translateX(-50%)}#logo-hag-fixed{top:.7rem}.LangToggle-float,.ModeToggle-float{font-size:1.2rem;height:32px;width:32px}.Header-desc{margin-left:auto;margin-right:auto}.About,.About h2,.Contact,.Contact h2,.Experience h2,.Header-desc,.Projects,.Projects h2,.Skills,.Skills h2{text-align:center}.Timeline-content,.Timeline-item{text-align:left}}@media (min-width:900px){.Projects-list{grid-template-columns:repeat(2,minmax(260px,1fr));justify-content:center;margin-left:auto;margin-right:auto;max-width:900px}.Projects-list .Project-card:nth-child(3){grid-column:1/-1;justify-self:center;max-width:420px}}.About,.Contact,.Experience,.Projects,.Skills{overflow-x:hidden}
/*# sourceMappingURL=main.7a11f127.css.map*/