@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);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}.background{animation:gradientMovement 15s ease infinite;background-size:200% 200%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.background.dark{background:linear-gradient(125deg,#3d3935,#2a2723,#504a45)}.background.light{background:linear-gradient(125deg,#e6e3df,#b8b2aa,#f3f0ec)}.grid{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.dark-theme .grid{background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:32px 32px}.light-theme .grid{background-image:linear-gradient(#0000001a 1px,#0000 0),linear-gradient(90deg,#0000001a 1px,#0000 0);background-size:32px 32px}@keyframes gradientMovement{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mobile-menu-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:opacity .4s ease,visibility .4s ease,transform .4s cubic-bezier(.77,0,.175,1);visibility:hidden;width:100vw;z-index:1002}.mobile-menu-overlay,.mobile-menu-overlay.dark{background:linear-gradient(125deg,#3d3935,#2a2723,#504a45)}.mobile-menu-overlay.light{background:linear-gradient(125deg,#e6e3df,#b8b2aa,#f3f0ec)}.mobile-menu-overlay.open{opacity:1;transform:scale(1);transform-origin:top right;visibility:visible}.hamburger{cursor:pointer;position:fixed;right:20px;top:20px;z-index:1003}.mobile-menu-content{gap:2rem;height:auto;justify-content:center;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;text-align:center;width:90%}.mobile-menu-content,.mobile-menu-header{align-items:center;display:flex;flex-direction:column}.mobile-menu-header{gap:1rem}.memoji{border-radius:50%;height:100px;width:100px}.mobile-menu-header h1{font-size:2.5rem;margin:0}.mobile-menu-links{display:flex;flex-direction:column;gap:2rem;width:100%}.mobile-menu-links a{font-size:1.8rem;opacity:.7;position:relative;text-decoration:none;transition:all .3s ease}.dark .mobile-menu-links a{color:#e6e3df}.light .mobile-menu-links a{color:#3d3935}.mobile-menu-links a:hover{opacity:1;transform:translateY(-3px)}.mobile-menu-links a:after{bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.dark .mobile-menu-links a:after{background-color:#e6e3df}.light .mobile-menu-links a:after{background-color:#3d3935}.mobile-menu-links a:hover:after{width:100%}.mobile-menu-options{display:flex;gap:1rem;justify-content:center}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.mobile-menu-social{display:flex;gap:2rem;justify-content:center}.dark .mobile-menu-social a{color:#e6e3df}.light .mobile-menu-social a{color:#3d3935}.mobile-menu-social a{opacity:.7;transition:all .3s ease}.mobile-menu-social a:hover{opacity:1;transform:scale(1.2)}@media (min-width:769px){.hamburger{display:none}}.theme-toggle{border:2px solid;border-radius:8px;gap:1rem;padding:.5rem 1rem;transition:transform .3s ease}@media (max-width:768px){.theme-toggle{transform:none!important}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}}.dark .theme-toggle{color:#e6e3df}.light .theme-toggle{color:#3d3935}.copyright-notice{font-size:.8rem;margin-top:2rem;opacity:.7;text-align:center}.header{animation:slideIn .6s ease forwards;justify-content:space-between;padding:1.5rem 2rem;position:relative;z-index:1005}.header,.logo,.nav{align-items:center;display:flex}.nav{gap:2.5rem}.dark-theme .nav a{color:#e6e3df}.dark-theme .nav a,.light-theme .nav a{font-size:1.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.light-theme .nav a{color:#3d3935}.nav a:hover{opacity:1;transform:translateY(-2px)}.nav a:after{bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.dark-theme .nav a:after{background-color:#e6e3df}.light-theme .nav a:after{background-color:#3d3935}.nav a:hover:after{width:100%}.theme-toggle{align-items:center;display:flex;font-size:1.2rem;justify-content:center;padding:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.dark-theme .theme-toggle{color:#e6e3df}.light-theme .theme-toggle{color:#3d3935}.theme-toggle:hover{transform:rotate(45deg) scale(1.2)}.memoji-animation{border-radius:50%;height:60px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:60px}.memoji-animation:hover{transform:scale(1.15) rotate(5deg)}@media (max-width:768px){.nav{display:none!important}}.hero-section{margin:4rem auto;max-width:800px;padding:0 2rem;position:relative;z-index:1}.title{animation:slideIn .8s ease forwards;font-size:4rem;font-weight:800;margin-bottom:1.5rem;transition:color .3s ease}.dark-theme .title{color:#e6e3df}.light-theme .title{color:#3d3935}.description{animation:slideIn 1s ease forwards;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;transition:color .3s ease}.dark-theme .description{color:#e6e3df}.light-theme .description{color:#3d3935}.cta-section{animation:slideIn 1.2s ease forwards;margin-top:3rem}.social-links{animation:slideIn 1.4s ease forwards;display:flex;gap:1rem;margin-top:1rem}.social-link{align-items:center;display:flex;opacity:.8;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.social-link:hover{opacity:1;transform:translateY(-5px) scale(1.15)}.dark-theme .social-link{color:#e6e3df}.light-theme .social-link{color:#3d3935}.typing-cursor{animation:blink .7s infinite;font-weight:400}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-cyrillic-ext-400-normal.c5b0374b00f8b512e0f2.woff2) format("woff2"),url(/static/media/roboto-mono-cyrillic-ext-400-normal.66bbb12fea6ee0aba8fa.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-cyrillic-400-normal.99b8047160f5c4084f9c.woff2) format("woff2"),url(/static/media/roboto-mono-cyrillic-400-normal.9edb7d2158b6d10d25a8.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-greek-400-normal.9530ab470987bed19383.woff2) format("woff2"),url(/static/media/roboto-mono-greek-400-normal.313ea33fb0c259b2987a.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-vietnamese-400-normal.20839d62f2fa7671dbcb.woff2) format("woff2"),url(/static/media/roboto-mono-vietnamese-400-normal.649fe2b16de6c8f9bc36.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-latin-ext-400-normal.d7f622ccef5d6dc5f4e4.woff2) format("woff2"),url(/static/media/roboto-mono-latin-ext-400-normal.b5bc914dad04d955495d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/static/media/roboto-mono-latin-400-normal.6f5d6510e56fac3cd609.woff2) format("woff2"),url(/static/media/roboto-mono-latin-400-normal.e0b5f02f135e97203b86.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--accent-color:#3498db}.light-theme{--accent-color:#2171a3}.light-theme .category-button{border-color:#3d393533;color:#3d3935}.light-theme .category-button:hover{background:#3d39350d}.light-theme .category-button.active{background:#3d39351a;border-color:#3d393533;color:#3d3935}*{box-sizing:border-box;margin:0;padding:0}.project-image-container{border-radius:8px;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}body{background-color:#121212;background-color:var(--bg-primary);color:#e6e3df;color:var(--text-primary);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s ease,color .3s ease}*{scrollbar-color:#8080804d #0000;scrollbar-width:thin}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#8080804d}::-webkit-scrollbar-thumb:hover{background-color:#80808080}.projects-container{width:100%}.projects-header{align-items:center;display:flex;justify-content:center;margin-bottom:3rem}.section-title{color:#e6e3df;color:var(--text-primary);font-size:3rem;font-weight:700;letter-spacing:-.05em}.theme-toggle{background:none;border:none;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;transition:transform .3s ease,color .3s ease}.theme-toggle:hover{color:#e6e3df;color:var(--text-primary);transform:rotate(20deg)}.project-categories{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.category-button{background:#0000;border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.category-button:hover{background:#e6e3df0d;background:var(--hover-color)}.category-button.active{background:#ffffff1a;border-color:#fff3;color:#e6e3df;color:var(--text-primary)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.project-card{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-10px)}.project-title{color:#e6e3df;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.project-date{font-size:.8rem;font-style:italic;margin-bottom:1rem}.project-date,.project-description{color:#a0a0a0;color:var(--text-secondary)}.project-description{flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{color:#e6e3df;color:var(--text-primary);transform:translateX(3px)}.project-link svg{transition:transform .3s ease}.project-link:hover svg{transform:scale(1.1)}.projects-cta-section{animation:slideIn 1.2s ease forwards;display:flex;justify-content:center;margin-top:4rem}.projects-cta-link{align-items:center;border-radius:4px;color:#e6e3df;color:var(--text-primary);display:inline-flex;font-size:1.2rem;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.projects-cta-link:hover{transform:translateX(8px) scale(1.05)}.projects-cta-link:hover .arrow{transform:translateX(4px)}@media screen and (max-width:768px){.projects-grid{grid-template-columns:1fr}.section-title{font-size:2.5rem}.project-categories{flex-wrap:wrap;justify-content:center}.category-button{flex-grow:1;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects-grid .project-card{animation:fadeIn .6s ease backwards;animation-delay:calc(var(--animation-order)*.1s)}.projects-section{background:#0000;margin:4rem auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}body{background:linear-gradient(135deg,#121212,#1e1e1e);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background-attachment:fixed}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb3!important;border-radius:8px;box-shadow:0 8px 32px #0003;padding:1.5rem;position:relative;transform-style:preserve-3d;transition:all .3s ease}.light-theme .project-card{background:#ffffffb3!important}.fullscreen-overlay{background-color:#000000f2;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.fullscreen-image-container,.fullscreen-overlay{align-items:center;display:flex;justify-content:center}.fullscreen-image-container{height:90vh;position:relative;width:90vw}.fullscreen-image{max-height:100%;max-width:100%;object-fit:contain}.contact-section{margin:4rem auto;max-width:1200px;padding:0 1.5rem;position:relative;z-index:1}.contact-container{width:100%}.contact-header{display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem}.contact-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.contact-info{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;height:fit-content;padding:1.5rem}.contact-info h3{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.5rem,4vw,1.8rem);font-weight:600;margin-bottom:1rem}.contact-info p{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.contact-details,.contact-info p{margin-bottom:1.5rem}.contact-item{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:clamp(.85rem,2vw,1rem);margin-bottom:1rem;word-break:break-word}.contact-icon{font-size:1.2rem;margin-right:.75rem;min-width:1.2rem}.contact-social{display:flex;flex-wrap:wrap;gap:.75rem}.social-button{align-items:center;background:#ffffff0d;border-radius:6px;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:clamp(.85rem,2vw,.95rem);gap:.5rem;padding:.6rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.social-button:hover{background:#ffffff1a;color:#e6e3df;color:var(--text-primary);transform:translateY(-3px)}.contact-form-container{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.contact-form{gap:1.25rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(.8rem,2vw,.9rem);margin-bottom:.5rem}.form-group input,.form-group textarea{background:#121212;background:var(--bg-primary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#e6e3df;color:var(--text-primary);font-family:inherit;font-size:clamp(.9rem,2vw,1rem);padding:.8rem 1rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3498db80;box-shadow:0 0 0 2px #3498db33;outline:none}.submit-button{background:#504a45;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:clamp(.9rem,2vw,1rem);font-weight:600;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease;width:fit-content}.submit-button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button.submitting{cursor:not-allowed;opacity:.7}.form-status{border-radius:6px;font-size:clamp(.85rem,2vw,.95rem);font-weight:500;margin-top:1.5rem;padding:.8rem 1rem}.form-status.success{background-color:#2ecc711a;border:1px solid #2ecc714d;color:#2ecc71}.dark-theme .form-status.success{color:#2ecc71}.light-theme .form-status.success{color:#27ae60}.form-status.error{background-color:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.dark-theme .form-status.error{color:#e74c3c}.light-theme .form-status.error{color:#c0392b}.light-theme .contact-form-container,.light-theme .contact-info{background:#1e1e1e;background:var(--bg-secondary);border-color:#e6e3df1a;border-color:var(--border-color)}.light-theme .social-button{background:#3d39350d}.light-theme .social-button:hover{background:#3d39351a}.light-theme .form-group input,.light-theme .form-group textarea{background:#121212;background:var(--bg-primary);border-color:#e6e3df1a;border-color:var(--border-color)}.contact-form-container,.contact-info{animation:fadeSlideUp .6s ease-out}@media screen and (max-width:992px){.contact-content{gap:1.5rem;grid-template-columns:1fr 1.5fr}.contact-form-container,.contact-info{padding:1.25rem}}@media screen and (max-width:768px){.contact-content{gap:1.5rem;grid-template-columns:1fr}.contact-info{margin-bottom:0}.contact-section{margin:3rem auto}}@media screen and (max-width:576px){.contact-section{margin:2rem auto;padding:0 1rem}.submit-button{text-align:center;width:100%}.contact-info h3{margin-bottom:.75rem}.contact-info p{margin-bottom:1.25rem}.contact-item{align-items:flex-start;flex-direction:row}.contact-details{margin-bottom:1.25rem}.contact-social{gap:.75rem;justify-content:flex-start}.social-button{padding:.5rem .8rem}}@media screen and (max-width:375px){.contact-form-container,.contact-info{padding:1rem}.contact-social{flex-direction:column;gap:.5rem}.social-button{justify-content:center;width:100%}}.textarea-wrapper{position:relative}.textarea-wrapper textarea{background:#121212;background:var(--bg-primary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#e6e3df;color:var(--text-primary);font-family:inherit;font-size:clamp(.9rem,2vw,1rem);padding:.8rem 1rem 2.5rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.textarea-wrapper textarea:focus{border-color:#3498db80;box-shadow:0 0 0 2px #3498db33;outline:none}.char-counter{background-color:initial;bottom:.6rem;color:#a0a0a0;color:var(--text-secondary);font-size:.75rem;padding-left:.4rem;pointer-events:none;position:absolute;right:1rem;transition:color .2s ease}.limit-reached{color:#e74c3c!important}.dark-theme .char-counter,.light-theme .char-counter{color:#a0a0a0;color:var(--text-secondary)}body,html{height:100%;margin:0;overflow-x:hidden}#root,body{min-height:100vh;position:relative}#root{display:flex;flex-direction:column;overflow:hidden}.footer{background-color:#1e1e1e;background-color:var(--bg-secondary);border-top:1px solid #e6e3df1a;border-top:1px solid var(--border-color);bottom:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:auto;padding:3rem 0 1.5rem;position:relative;width:100%;z-index:10}.content-wrapper{flex:1 0 auto;padding-bottom:2rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.footer-left{display:flex;flex-direction:column}.footer-logo{color:#e6e3df;color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:-.05em;margin-bottom:.5rem}.footer-tagline{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem}.footer-center{display:flex;justify-content:center}.footer-nav{display:flex;flex-direction:row;gap:.8rem}.footer-link{color:#a0a0a0;color:var(--text-secondary);font-weight:500;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#e6e3df;color:var(--text-primary);transform:translateY(-3px)}.footer-right,.footer-social{display:flex;justify-content:flex-end}.footer-social{flex-wrap:wrap;gap:1rem}.footer-social-link{color:#a0a0a0;color:var(--text-secondary);font-size:1.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.footer-social-link:hover{color:#e6e3df;color:var(--text-primary);transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid #e6e3df1a;border-top:1px solid var(--border-color);color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding-top:1.5rem}.heart-icon{animation:pulse 1.5s ease infinite;color:#e25555;margin:0 .2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media screen and (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-left{align-items:center}.footer-right,.footer-social{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}:root{--color-text-light:#3d3935;--color-background-light:#fff;--color-text-dark:#e6e3df;--color-background-dark:#121212}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-weight:400;line-height:1.6;margin:0;overflow-x:hidden;padding:0;transition:color .3s ease,background-color .3s ease}.light-theme{background-color:#fff;background-color:var(--color-background-light);color:#3d3935;color:var(--color-text-light)}.dark-theme{background-color:#121212;background-color:var(--color-background-dark);color:#e6e3df;color:var(--color-text-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}a,h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-secondary)}.app{position:relative;width:100%}.app>*{animation-delay:0s;animation-delay:calc(var(--animation-order, 0)*.1s);animation-duration:.8s;animation-fill-mode:both;animation-timing-function:ease}@media (max-width:768px){body{font-size:16px}h1{font-size:2rem}h2{font-size:1.75rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--color-background-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.dark-theme ::-webkit-scrollbar-track{background:#121212;background:var(--color-background-dark)}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#e6e3df;--text-secondary:#a0a0a0;--border-color:#e6e3df1a;--hover-color:#e6e3df0d;--accent-color:#504a45}.light-theme{--bg-primary:#f5f5f5;--bg-secondary:#fff;--text-primary:#3d3935;--text-secondary:#666;--border-color:#3d39351a;--hover-color:#3d39350d;--accent-color:#2a2723}.experience-section{margin:4rem auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:1}.experience-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:100%}.experience-header{display:flex;justify-content:center;margin-bottom:3rem;padding:0 1rem}.section-title{font-size:clamp(1.8rem,5vw,2.5rem);text-align:center}.personal-section{margin:0 auto 4rem;max-width:1000px;width:100%}.personal-content{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:auto 1fr}.personal-image{align-items:center;display:flex;justify-content:center}.profile-image{border:4px solid #e6e3df1a;border:4px solid var(--border-color);border-radius:50%;box-shadow:0 8px 32px #0000001a;height:200px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:200px}.profile-image:hover{border-color:#a0a0a0;border-color:var(--text-secondary);box-shadow:0 12px 40px #00000026;transform:scale(1.05)}.personal-info{display:flex;flex-direction:column;gap:2rem}.intro-title,.personal-intro{margin-bottom:1rem}.intro-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.intro-description{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.7;margin-bottom:0}.personal-facts{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.facts-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.2rem,3vw,1.4rem);font-weight:600;margin-bottom:1.5rem;text-align:center}.facts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fact-item{align-items:center;background:#121212;background:var(--bg-primary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s ease}.fact-item:hover{border-color:#a0a0a0;border-color:var(--text-secondary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.fact-label{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.fact-value{color:#e6e3df;color:var(--text-primary);font-size:.9rem;font-weight:600}.values-section{animation:fadeSlideUp .6s ease-out backwards;animation-delay:.2s;margin-bottom:4rem}.values-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.5rem,4vw,1.8rem);font-weight:600;margin-bottom:2.5rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.value-card{animation:fadeSlideUp .6s ease-out backwards;background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{border-color:#a0a0a0;border-color:var(--text-secondary);box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.value-icon{align-items:center;background:linear-gradient(135deg,#504a45,#504a45cc);background:linear-gradient(135deg,var(--accent-color),#504a45cc);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.value-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600;margin-bottom:1rem}.value-description{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem);line-height:1.6;margin:0}.motivation-section{animation:fadeSlideUp .6s ease-out backwards;animation-delay:.4s;margin-bottom:4rem}.motivation-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.5rem,4vw,1.8rem);font-weight:600;margin-bottom:2.5rem;text-align:center}.motivation-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1000px;width:100%}.motivation-story{display:flex;flex-direction:column;gap:2rem;height:fit-content}.story-item{animation:fadeSlideUp .6s ease-out backwards;background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.story-item:hover{border-color:#a0a0a0;border-color:var(--text-secondary);box-shadow:0 8px 25px #0000001a;transform:translateY(-10px)}.story-icon{align-items:center;background:linear-gradient(135deg,#504a45,#504a45cc);background:linear-gradient(135deg,var(--accent-color),#504a45cc);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:3.5rem;justify-content:center;width:3.5rem}.story-text{flex:1 1}.story-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600;margin-bottom:.75rem}.story-description{color:#a0a0a0;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem);line-height:1.6;margin:0}.motivation-quote{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:fit-content;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .5s ease-out}.motivation-quote:hover{border-color:#a0a0a0;border-color:var(--text-secondary);transform:translateY(-10px)}.quote-item{display:flex;flex:1 1;flex-direction:column;justify-content:center;opacity:1;padding:1rem 0;position:relative;transform:translateX(0);transition:all .5s ease}.quote-item:first-child,.quote-item:last-of-type{transform:none}.quote-author{color:#a0a0a0;color:var(--text-secondary);font-style:italic;margin-top:.5rem;opacity:0;transition:opacity .5s ease}.quote-item:hover{opacity:1;transform:translateX(0);transition-delay:.3s}.quote-author-image{height:180px;object-fit:contain;opacity:0;position:absolute;transition:all .8s ease-out;width:140px}.gates-image{left:-160px;top:50%;transform:translateY(-50%);transform-origin:left center}.jobs-image{right:-160px;top:50%;transform:translateY(-50%);transform-origin:right center}@keyframes peekingAnimationJobs{0%{opacity:0;right:-100px;transform:translateY(-50%) rotate(0deg)}50%{opacity:1;right:-40px;transform:translateY(-50%) rotate(-30deg)}to{opacity:1;right:-20px;transform:translateY(-50%) rotate(-15deg)}}@media (hover:hover){.motivation-quote:hover .quote-author{opacity:1;transition-delay:.3s}.motivation-quote:hover .gates-image{animation:peekingAnimation 1s ease forwards;opacity:1}.motivation-quote:hover .jobs-image{animation:peekingAnimationJobs 1s ease forwards;opacity:1}}.quote-active{border-color:#a0a0a0;border-color:var(--text-secondary);transform:translateY(-10px)}.quote-active .quote-author{opacity:1;transition-delay:.3s}.quote-active .gates-image{animation:peekingAnimation 1s ease forwards;opacity:1}.quote-active .jobs-image{animation:peekingAnimationJobs 1s ease forwards;opacity:1}@media (hover:none){.motivation-quote{cursor:pointer;transition:all .3s ease}.motivation-quote:active{transform:scale(.98)}.motivation-quote:active .quote-author,.motivation-quote:focus .quote-author{opacity:1;transition-delay:.3s}.motivation-quote:active .gates-image,.motivation-quote:focus .gates-image{animation:peekingAnimation 1s ease forwards;opacity:1}.motivation-quote:active .jobs-image,.motivation-quote:focus .jobs-image{animation:peekingAnimationJobs 1s ease forwards;opacity:1}}.timeline{margin:0 auto;max-width:800px;padding:2rem 0;position:relative}.timeline-item{animation:fadeSlideUp .6s ease-out backwards;animation-delay:calc(var(--animation-order)*.15s);margin-bottom:4rem;padding-left:3rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background-color:var(--timeline-dot-color);border-radius:50%;box-shadow:0 0 0 4px #121212,0 0 0 6px #3d39354d;box-shadow:0 0 0 4px var(--bg-primary),0 0 0 6px #3d39354d;height:1.5rem;left:0;position:absolute;top:.5rem;transition:transform .3s ease,box-shadow .3s ease;width:1.5rem;z-index:2}.timeline-item:hover .timeline-dot{box-shadow:0 0 0 4px #121212,0 0 0 6px #504a4580;box-shadow:0 0 0 4px var(--bg-primary),0 0 0 6px #504a4580;transform:scale(1.2)}.timeline-line{background-color:var(--timeline-line-color);bottom:-4rem;left:.75rem;position:absolute;top:2.5rem;transform:translateX(-50%);width:2px;z-index:1}.timeline-content{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.timeline-item:hover .timeline-content{border-color:#a0a0a0;border-color:var(--text-secondary);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.timeline-header{display:flex;gap:1rem;margin-bottom:1rem}.timeline-title{align-items:baseline;color:#e6e3df;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:clamp(1.3rem,3vw,1.5rem);font-weight:600;gap:.5rem;margin-bottom:.5rem}.timeline-company{color:var(--timeline-dot-color);font-size:.9em;font-weight:400}.timeline-period{font-size:clamp(.85rem,2vw,.9rem);font-style:italic;margin-bottom:1rem}.timeline-description,.timeline-period{color:#a0a0a0;color:var(--text-secondary)}.timeline-description{font-size:clamp(.9rem,2vw,1rem);line-height:1.6;margin-bottom:1.5rem}.timeline-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.company-logo{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:3rem;justify-content:center;overflow:hidden;width:3rem}.company-logo img{height:100%;object-fit:contain;width:100%}.default-logo{align-items:center;color:#e6e3df;color:var(--text-primary);display:flex;font-size:1.5rem;justify-content:center}.skills-section{animation:fadeSlideUp .6s ease-out backwards;animation-delay:.6s;background:#1e1e1e;background:var(--bg-secondary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:12px;margin-top:5rem;padding:2rem}.skills-title{color:#e6e3df;color:var(--text-primary);font-size:clamp(1.5rem,4vw,1.8rem);font-weight:600;margin-bottom:2rem;text-align:center}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-group{animation:fadeSlideUp .6s ease-out backwards}.skill-category{color:var(--timeline-dot-color);font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.skill-category:after{background-color:var(--timeline-dot-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:3rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{align-items:center;background:#121212;background:var(--bg-primary);border:1px solid #e6e3df1a;border:1px solid var(--border-color);border-radius:30px;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.skill-tag:hover{border-color:#a0a0a0;border-color:var(--text-secondary);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.skill-icon,.skill-tag:hover{color:#e6e3df;color:var(--text-primary)}.skill-icon{font-size:1.1rem}.tech-tag{align-items:center;background:#ffffff0d;border-radius:4px;color:#a0a0a0;color:var(--text-secondary);display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase;transition:all .3s ease}.tech-tag:hover{color:#e6e3df;color:var(--text-primary);transform:translateY(-2px)}.light-theme .tech-tag{background:#3d39350d;color:#666}.supervisor-info{border-top:1px solid #e6e3df1a;border-top:1px solid var(--border-color);font-size:clamp(.8rem,2vw,.9rem);margin-bottom:1.5rem;padding:.5rem 0}.supervisor-name,.supervisor-separator,.supervisor-text{color:#a0a0a0;color:var(--text-secondary)}.supervisor-separator{margin:0 .5rem}.supervisor-contact{color:#a0a0a0;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.supervisor-contact:hover{color:#e6e3df;color:var(--text-primary);text-decoration:underline}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes peekingAnimation{0%{left:-100px;opacity:0;transform:translateY(-50%) rotate(0deg)}50%{left:-40px;opacity:1;transform:translateY(-50%) rotate(30deg)}to{left:-20px;opacity:1;transform:translateY(-50%) rotate(15deg)}}@media screen and (max-width:992px){.timeline{padding:1.5rem 0}.timeline-item{padding-left:2.5rem}.motivation-content{gap:2rem;grid-template-columns:1fr}.motivation-quote{height:auto;min-height:auto}}@media screen and (max-width:768px){.timeline-content{padding:1.25rem}.skills-section{padding:1.5rem}.personal-content,.skills-container{gap:2rem;grid-template-columns:1fr}.personal-content{text-align:center}.personal-image{order:-1}.motivation-content{gap:2rem;grid-template-columns:1fr}.motivation-quote{height:auto;padding:1.5rem}.quote-author-image{height:140px;width:100px}.gates-image{left:-120px}.jobs-image{right:-120px}@keyframes peekingAnimation{0%{left:-120px;opacity:0;transform:translateY(-50%) rotate(0deg)}50%{left:-30px;opacity:1;transform:translateY(-50%) rotate(30deg)}to{left:-15px;opacity:1;transform:translateY(-50%) rotate(15deg)}}@keyframes peekingAnimationJobs{0%{opacity:0;right:-120px;transform:translateY(-50%) rotate(0deg)}50%{opacity:1;right:-30px;transform:translateY(-50%) rotate(-30deg)}to{opacity:1;right:-15px;transform:translateY(-50%) rotate(-15deg)}}.motivation-quote{-webkit-tap-highlight-color:transparent;cursor:pointer}.quote-active{transform:translateY(-5px)}blockquote{font-size:clamp(.9rem,4vw,1.1rem);line-height:1.5}.quote-author{font-size:.9rem}}@media screen and (max-width:480px){.motivation-quote{padding:1rem}.quote-author-image{height:120px;width:80px}.gates-image{left:-90px}.jobs-image{right:-90px}@keyframes peekingAnimation{to{left:-10px}}@keyframes peekingAnimationJobs{to{right:-10px}}}.discord-ping{background:#504a4526;border:1px solid #504a454d;border-radius:6px;display:inline-block;font-family:inherit;font-weight:500;line-height:1.4;padding:.2rem .5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.discord-ping,.discord-ping:hover{color:#e6e3df;color:var(--text-primary)}.discord-ping:hover{background:#504a4540;border-color:#504a4580}.discord-ping:before{color:#e6e3df;color:var(--text-primary);content:"@";font-weight:600;margin-right:.15rem}.light-theme .discord-ping{background:#2a27230d;border-color:#2a272326;color:#504a45;color:var(--accent-color)}.light-theme .discord-ping:hover{background:#2a27231a;border-color:#2a27234d;color:#504a45;color:var(--accent-color)}.cta-link{align-items:center;border-radius:4px;display:inline-flex;font-size:1.2rem;margin-bottom:1rem;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.cta-link:hover{transform:translateX(8px) scale(1.05)}.dark-theme .cta-link{color:#e6e3df}.light-theme .cta-link{color:#3d3935}.cta-link:hover .arrow{transform:translateX(4px)}.arrow{font-size:1.2rem;margin-left:.5rem;transition:transform .4s ease}
/*# sourceMappingURL=main.1ffce187.css.map*/