:root{--bg-color:#0000;--bg-color-glass:#0a0a14d9;--text-color:#f5f5f5;--text-muted:#b0c4de;--accent-blue:#007bff;--accent-blue-hover:#0056b3;--accent-glow:0 0 15px #007bff99}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:initial;background-color:var(--bg-color);color:#f5f5f5;color:var(--text-color);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-color-glass);border-bottom:1px solid #ffffff0d;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;padding:1.5rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-logo{cursor:pointer}.navbar-logo .logo-name{color:var(--text-color);font-size:1.5rem;font-weight:700}.navbar-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.menu-item{color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:500;transition:color .3s ease}.menu-item.active,.menu-item:hover{color:var(--accent-blue)}.navbar-action .contact-btn{background-color:initial;border:1px solid var(--accent-blue);border-radius:4px;color:var(--accent-blue);cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.navbar-action .contact-btn:hover{background-color:var(--accent-blue);box-shadow:0 0 15px #007bff99;color:#fff;transform:translateY(-2px) scale(1.05)}.mobile-toggle{color:var(--text-color);cursor:pointer;display:none}@media (max-width:768px){.navbar{position:-webkit-sticky;position:sticky}.navbar-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-color-glass);border-top:1px solid #ffffff1a;box-shadow:0 10px 20px #00000080;flex-direction:column;gap:2rem;left:0;opacity:0;padding:2rem 0;pointer-events:none;position:absolute;top:100%;transform:translateY(-20px);transition:all .3s ease;width:100%}.navbar-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-toggle{display:block}.navbar-action{display:none}}.hero-section{align-items:center;display:flex;height:auto;justify-content:space-between;min-height:100%;padding:4rem 5%}.hero-left{flex:1 1;max-width:50%;padding-right:2rem}.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-greeting{color:var(--accent-blue);font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.hero-headline{font-size:4rem;font-weight:800;line-height:1.2;margin:0 0 1.5rem}.hero-headline .highlight{color:var(--accent-blue)}.hero-description{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:1rem;max-width:90%}.hero-availability{color:var(--accent-blue);font-size:1.1rem;font-weight:600;margin-bottom:2rem}.hero-socials{display:flex;gap:1.5rem;margin-bottom:2.5rem}.social-icon{color:var(--text-color);transition:color .3s ease,transform .3s ease}.social-icon:hover{color:var(--accent-blue);transform:translateY(-3px)}.hero-actions{display:flex;gap:1rem}.btn{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-primary{background-color:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff}.btn-primary:hover{background-color:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.btn-secondary{background-color:initial;border:1px solid var(--text-muted);color:var(--text-color)}.btn-secondary:hover{border-color:var(--text-color)}.profile-image-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-color-glass);border:4px solid var(--accent-blue);border-radius:50%;box-shadow:0 0 40px #007bff66,inset 0 0 20px #007bff33;display:flex;height:400px;justify-content:center;overflow:hidden;transition:all .5s ease;width:400px}.profile-image-container:hover{border-color:#39f;box-shadow:0 15px 50px #007bff99,inset 0 0 30px #007bff66;transform:translateY(-10px) scale(1.02)}.profile-image{height:100%;margin:16px;object-fit:cover;width:100%}@media (max-width:992px){.hero-section{flex-direction:column-reverse;justify-content:flex-start;min-height:100%;padding:2rem 5% 5rem;text-align:center}.hero-left{align-items:center;display:flex;flex-direction:column;margin-top:2rem;max-width:100%;padding-right:0}.hero-headline{font-size:2.5rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:1rem;max-width:100%}.hero-availability{font-size:1rem;margin-bottom:1.5rem}.hero-socials{gap:2rem;margin-bottom:1.5rem}.hero-actions{flex-direction:column;gap:.8rem;padding-bottom:2rem;width:100%}.btn{padding:.8rem;width:100%}.profile-image-container{height:250px;margin-top:1rem;width:250px}}.about-section{align-items:center;display:flex;height:auto;justify-content:center;min-height:100%;padding:4rem 5%}.about-content{max-width:800px;text-align:center}.section-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem}.section-title .highlight{color:var(--accent-blue)}.about-text{color:var(--text-muted);font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}@media (max-width:768px){.about-section{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:2rem 5%}.section-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.about-content{width:100%}.about-text{font-size:1rem;line-height:1.6;text-align:center}}.experience-section{align-items:center;display:flex;height:100%;justify-content:center;padding:0 5%;width:100%}.deck-container{align-items:center;display:flex;flex-direction:column;max-width:1200px;position:relative;width:80%}.experience-card{aspect-ratio:16/9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-color-glass);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #0009;cursor:pointer;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.experience-card:hover{border-color:var(--accent-blue);box-shadow:0 30px 60px #007bff66;transform:translateY(-8px) scale(1.02)}.experience-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.experience-card:hover .experience-image{transform:scale(1.05)}.experience-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.experience-card:hover .experience-overlay{opacity:1}.experience-text{padding:3rem;text-align:center;transform:translateY(20px);transition:transform .4s ease}.experience-card:hover .experience-text{transform:translateY(0)}.experience-project{color:var(--accent-blue);font-size:2.5rem;font-weight:800;margin-bottom:.2rem}.experience-company{color:var(--text-muted);font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.experience-role{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.experience-desc{color:var(--text-muted);font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px}.click-hint{animation:pulse 2s infinite;color:var(--accent-blue);font-size:.9rem;letter-spacing:2px;margin-top:2rem;text-transform:uppercase}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.deck-indicators{display:flex;gap:8px;margin-top:2rem}.indicator{background-color:var(--text-muted);border-radius:50%;cursor:pointer;height:8px;opacity:.5;transition:all .3s ease;width:8px}.indicator:hover{opacity:.8}.indicator.active,.indicator:hover{background-color:var(--accent-blue)}.indicator.active{opacity:1;transform:scale(1.2)}@media (max-width:768px){.experience-section{flex-direction:column;justify-content:center;min-height:100%;padding:2rem 5%}.deck-container{width:95%}.experience-card{aspect-ratio:auto;display:flex;flex-direction:column;height:70vh}.experience-overlay{background:linear-gradient(0deg,#000 0,#000c 50%,#0006);opacity:1}.experience-text{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1.5rem 1rem;transform:translateY(0)}.experience-project{font-size:1.8rem}.experience-company,.experience-role{font-size:1.2rem;margin-bottom:.5rem}.experience-desc{font-size:.95rem;line-height:1.4;padding:0 .5rem}.click-hint{margin-top:1rem}}.skills-section{display:flex;flex-direction:column;height:auto;justify-content:center;min-height:100%;padding:4rem 5%;width:100%}.skills-header{margin-bottom:3rem;text-align:center}.skills-scroll-container{-ms-overflow-style:none;overflow-x:auto;padding-bottom:2rem;scrollbar-width:none;width:100%;&::-webkit-scrollbar{display:none}}.skills-track{display:flex;gap:2rem;margin:0 auto;padding:0 1rem;width:-webkit-max-content;width:max-content}.skill-category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-color-glass);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;padding:2rem;width:350px}.category-title{border-bottom:1px solid #333;color:var(--accent-blue);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-pill{background-color:#ffffff08;border:1px solid var(--text-muted);border-radius:20px;color:var(--text-color);font-size:1rem;font-weight:500;padding:.5rem 1.2rem;text-align:center;transition:all .3s ease}.skill-pill:hover{background-color:#007bff1a;border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}@media (max-width:768px){.skills-wrapper{align-items:center;overflow-y:hidden!important}.skills-section,.skills-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:100%}.skills-section{padding:2rem 0;width:100%}.skills-header{margin-bottom:.8rem;padding:0 5%}.skills-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:1rem;width:100%}.skills-track{gap:1rem;padding:0 2rem}.skill-category-card{max-height:70vh;padding:1.2rem;width:260px}.category-title{font-size:1.1rem;margin-bottom:.8rem;padding-bottom:.6rem}.skills-grid{gap:.5rem}.skill-pill{font-size:.8rem;padding:.35rem .7rem}}.contact-section{align-items:center;display:flex;justify-content:center;min-height:100%;padding:4rem 5%;width:100%}.contact-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-color-glass);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:600px;padding:2rem;width:100%}.contact-section::-webkit-scrollbar{display:none}.contact-section{-ms-overflow-style:none;scrollbar-width:none}.contact-description{color:var(--text-muted);font-size:1rem;margin-bottom:1.5rem;text-align:center}.contact-form{gap:1rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-color);font-weight:600}.form-group input,.form-group textarea{background-color:#0a0a0a;border:1px solid #333;border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-blue);outline:none}.error-message{color:#ff4d4d;font-size:.9rem}.submit-btn{font-size:1.1rem;margin-top:1rem;padding:1rem;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.success-message{background-color:#007bff1a;border:1px solid var(--accent-blue);border-radius:8px;color:var(--accent-blue);padding:2rem;text-align:center}.success-message h3{font-size:1.5rem;margin-bottom:.5rem;margin-top:0}.success-message p{color:var(--text-color);margin:0}.form-error-alert{background-color:#ff4d4d1a;border:1px solid #ff4d4d;border-radius:8px;color:#ff4d4d;font-size:.95rem;padding:1rem;text-align:center}.linkedin-fallback{border-top:1px solid #333;margin-top:1rem;padding-top:1.5rem;text-align:center}.linkedin-fallback p{color:var(--text-muted);font-size:.95rem;margin-bottom:.8rem}.linkedin-link{align-items:center;color:var(--text-color);display:inline-flex;font-weight:500;gap:.5rem;transition:color .3s ease}.linkedin-link:hover{color:var(--accent-blue)}@media (max-width:768px){.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;padding:2rem 5% 6rem}.contact-container{margin:0 auto;padding:1.5rem;width:100%}}.home-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.content-area{flex:1 1;overflow:hidden;position:relative}.section-wrapper{-ms-overflow-style:none;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;scrollbar-width:none;top:0;width:100%;&::-webkit-scrollbar{display:none}}.floating-nav-container{bottom:2rem;display:flex;flex-direction:column;gap:12px;padding:5px;position:fixed;right:2rem;z-index:2000}.floating-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#007bff;background-color:var(--accent-blue,#007bff);border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0006;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}@media (hover:hover){.floating-nav-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 6px 20px #007bff66;transform:scale(1.1)}}.floating-nav-btn:active{background-color:#004494!important;transform:scale(.9)!important}@media (hover:none){.floating-nav-btn:hover{background-color:#007bff;background-color:var(--accent-blue,#007bff)}}.floating-nav-btn.hidden,.floating-nav-btn:disabled{opacity:0;pointer-events:none;transform:scale(.5);visibility:hidden}@media (max-width:768px){.floating-nav-container{bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px));right:calc(1.5rem + env(safe-area-inset-right, 0px))}.floating-nav-btn{height:48px;width:48px}}.universe-background{background-color:#000003;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-10}.universe-overlay{background:radial-gradient(circle at center,#00000566 0,#00000acc 70%,#00000af2 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.6c17b310.css.map*/