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{background-color:#000;background-image:url(/static/media/bg-grid.bf9f097bced01f00d399.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:Inter,system-ui,Arial,sans-serif;margin:0;min-height:100vh;overflow:hidden;padding:0}.intro-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.video-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left 1.5s ease,transform 1.5s ease}.video-wrapper.move-left{left:40px;transform:translateY(-50%)}.intro-video{animation:videoAppear 1.5s ease forwards;max-width:90%;opacity:0;transform:scale(.6);width:420px}@keyframes videoAppear{to{opacity:1;transform:scale(1)}}.intro-card{animation:cardGrow .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border-radius:12px;left:25%;padding:40px 60px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes cardGrow{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.intro-small{font-size:2vw;margin:0;opacity:.8}.intro-heading{font-size:9vw;font-weight:700;letter-spacing:4px;margin:0}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.speech-bubble{animation:bubbleFade .8s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);top:-20px}.speech-bubble:after{bottom:-30px}@keyframes bubbleFade{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.bio-card{animation:bioFadeUp .8s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border-radius:12px;left:25%;padding:40px 60px;position:absolute;top:82%;transform:translateY(-50%)}@keyframes bioFadeUp{0%{opacity:0;transform:translateY(-50%) translateY(40px)}to{opacity:1;transform:translateY(-50%) translateY(0)}}.bio-text{font-size:16px;line-height:1.6;margin-bottom:20px;opacity:.85}.start-btn{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:12px 22px;transition:all .3s ease}.start-btn:hover{box-shadow:0 5px 20px #fff3;transform:translateY(-2px)}@media (max-width:1024px){.video-wrapper,.video-wrapper.move-left{left:50%!important;top:28%;transform:translate(-50%,-50%)!important}.intro-video{width:260px}.intro-card{left:50%;padding:25px 30px;text-align:center;top:55%;transform:translate(-50%,-50%);width:80%}.intro-heading{font-size:11vw}.bio-card{left:50%;padding:25px 30px;text-align:center;top:78%;transform:translate(-50%,-50%);width:85%}}@media (max-width:768px){.video-wrapper,.video-wrapper.move-left{left:50%!important;top:25%;transform:translate(-50%,-50%)!important}.intro-video{width:200px}.speech-bubble{font-size:8px;padding:8px 14px;top:-40px}.intro-card{left:50%!important;padding:25px;text-align:center;transform:translate(-50%,-50%)!important;width:80%}.intro-heading{font-size:48px!important}.intro-small{font-size:14px}.bio-card{left:50%!important;margin-top:30px;padding:25px;top:78%;transform:translate(-50%,-50%)!important;width:80%}.bio-text{font-size:14px}.start-btn{width:100%}}@media (max-width:480px){.intro-video{width:170px}.intro-heading{font-size:14vw}.bio-card{margin-top:30px;width:80%}}.exit-right{animation:exitRight 1s cubic-bezier(.7,-.2,.2,1)}.exit-left{animation:exitLeft 1s cubic-bezier(.7,-.2,.2,1)}@keyframes exitRight{to{opacity:0;transform:translateX(400px)}}@keyframes exitLeft{to{opacity:0;transform:translateX(-400px)}}.navbar-container{display:flex;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.navbar-card{align-items:center;animation:navDrop .7s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border-radius:12px;display:flex;justify-content:space-between;margin-top:20px;max-width:1100px;padding:15px 30px;width:90%}@keyframes navDrop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.nav-right{align-items:center;display:flex;gap:30px}.nav-right a{color:#fff;font-size:14px;opacity:.9;text-decoration:none}.nav-right a:hover{opacity:1}.exit-btn{background:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:8px 16px}@media (max-width:1024px){.navbar-card{padding:12px 20px;width:80%}.nav-right{gap:20px}.nav-right a{font-size:13px}}@media (max-width:768px){.navbar-card{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 18px;width:80%}.nav-left{width:100%}.nav-left h3{font-size:18px}.nav-right{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.nav-right a{font-size:13px}.exit-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.navbar-card{width:80%}.nav-right{gap:10px}.nav-right a{font-size:12px}.exit-btn{font-size:11px}}.avatar-wrapper{left:-400px;position:absolute;top:50%;transform:translateY(-50%);transition:left 1s ease;z-index:50}.avatar-enter{left:10%}.avatar-video{filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));max-width:80%;width:420px}.speech-bubble{background:#fff;border-radius:12px;color:#000;font-size:14px;letter-spacing:1px;padding:10px 18px;top:-14px}.speech-bubble,.speech-bubble:after{left:50%;position:absolute;transform:translateX(-50%)}.speech-bubble:after{border:8px solid #0000;border-top-color:#fff;bottom:-40px;content:""}@media (max-width:1024px){.avatar-enter{left:0}}@media (max-width:768px){.avatar-wrapper{top:59%}}@media (max-width:480px){.avatar-wrapper{top:45%}.avatar-video{max-width:180px}.avatar-enter{left:25%}.speech-bubble{left:63%;top:-45px;width:-webkit-max-content;width:max-content}.speech-bubble:after{bottom:-36px;left:44%}}.skills-container{align-items:center;display:flex;height:100vh;position:relative;width:100%}.skills-right{animation:skillsEnter 1s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border-radius:12px;left:37%;padding:70px;position:absolute;width:40%}@keyframes skillsEnter{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}.skills-title{font-size:36px;margin-bottom:20px;position:relative}.skills-title:after{background:#fff;content:"";display:block;height:2px;margin-top:10px;width:80px}.primary-icons,.primary-title{margin-bottom:20px}.primary-icons{display:flex;gap:25px}.primary-icons img{height:70px;scale:1.5;transition:.3s;width:70px}.primary-icons img:hover{filter:drop-shadow(0 0 5px rgba(255,255,255,.6));transform:scale(1.2)}.other-title{margin-bottom:10px;margin-top:30px;position:relative}.other-title:before{background:#fff3;content:"";display:block;height:1px;margin-bottom:20px;width:100%}.other-skills{opacity:.8}@media (max-width:1024px){.primary-icons{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.skills-right{top:28%}}@media (max-width:480px){.skills-container{overflow:scroll}.skills-right{left:6.5%;padding:25px;top:70%;transform:translateX(-50%);width:75%}.primary-icons{flex-wrap:wrap;justify-content:center}.primary-icons img{height:55px;scale:1.2;width:55px}.skills-title{font-size:24px;position:relative}.primary-title,.skills-title{margin-bottom:20px}}
/*# sourceMappingURL=main.cc74c4fc.css.map*/