@tailwind base;@tailwind components;@tailwind utilities;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}html{scroll-behavior:smooth}body{margin:0;overflow:hidden;padding:0;transition:background-color .5s ease,color .5s ease}body[data-theme=dark]{background:#000;color:#fff}body[data-theme=light]{background:#fff;color:#000}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/static/media/InterVariable.cff273b49c596af6fd74.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:100;src:url(/static/media/IBMPlexMono-Thin.81dab4aea1447929c736.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:100;src:url(/static/media/IBMPlexMono-ThinItalic.19662e3686d9e7dac6d0.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:200;src:url(/static/media/IBMPlexMono-ExtraLight.1b5815bfdbcb8c6c7d8a.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:200;src:url(/static/media/IBMPlexMono-ExtraLightItalic.93c3f0c2376e199f968e.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:300;src:url(/static/media/IBMPlexMono-Light.5f8964c0e207956b74c6.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:300;src:url(/static/media/IBMPlexMono-LightItalic.d5dd0b5241c975742425.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/static/media/IBMPlexMono-Regular.ad81fa76f2575c4d48d6.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:400;src:url(/static/media/IBMPlexMono-Italic.5d727f8b79a6087af5f1.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/static/media/IBMPlexMono-Medium.a6dd9294c817f190a4e2.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:500;src:url(/static/media/IBMPlexMono-MediumItalic.f34f143d14577465a369.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:600;src:url(/static/media/IBMPlexMono-SemiBold.0fa820c8b506cc85e96f.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:600;src:url(/static/media/IBMPlexMono-SemiBoldItalic.83516055ba0efa99f697.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:700;src:url(/static/media/IBMPlexMono-Bold.8c5394425e791cc7cd11.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:italic;font-weight:700;src:url(/static/media/IBMPlexMono-BoldItalic.ec98ea358dd79f8b3c7b.ttf) format("truetype")}.tech-icon{align-items:center;border-radius:14px;color:#ffffffd9;display:inline-flex;font-size:2.75rem;justify-content:center;line-height:1;padding:.75rem;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}body[data-theme=light] .tech-icon{background:#00000008;border:1px solid #0000000f;color:#000000d9}.tech-icon:hover{border-color:#ffffff26;color:#fff;transform:translateY(-3px)}body[data-theme=light] .tech-icon:hover{border-color:#00000026;color:#000}.split-layout{display:flex;flex-direction:column;font-family:IBM Plex Mono,Inter,Arial,sans-serif;height:100vh;overflow:hidden}.split-header{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:1.5rem 2rem}body[data-theme=light] .split-header{border-bottom:1px solid #00000014}.logo{animation:logoFadeIn .5s ease-in-out;cursor:pointer;height:100px;width:auto}.logo:hover{opacity:.75;transition:opacity .5s ease}@keyframes logoFadeIn{0%{opacity:0}to{opacity:1}}.split-main{min-height:0}.content-panel,.split-main{display:flex;flex:1;overflow:hidden}.content-panel{align-items:center;background:#0000;justify-content:center;min-width:0;padding:1.5rem}.content-box{align-items:flex-start;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;box-sizing:border-box;display:flex;height:100%;justify-content:flex-start;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:2rem;transition:all .4s ease;width:100%}body[data-theme=light] .content-box{background:#00000005;border:1px solid #0000000f}.content-box:hover{border-color:#ffffff1a}body[data-theme=light] .content-box:hover{border-color:#0000001a}.content-fade-in{animation:contentFadeIn .5s ease-out;box-sizing:border-box;max-width:100%;width:100%}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.split-divider{background:#ffffff0f;flex-shrink:0;width:2px}body[data-theme=light] .split-divider{background:#0000000f}.nav-panel{align-items:center;background:#0000;display:flex;flex-shrink:0;justify-content:center;overflow-y:auto;padding:1.5rem;width:380px}.nav-container{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;max-width:340px;padding:2.5rem 1.75rem;transition:all .3s ease;width:100%}body[data-theme=light] .nav-container{background:#00000005;border:1px solid #0000000f}.nav-container:hover{border-color:#ffffff1a}body[data-theme=light] .nav-container:hover{border-color:#0000001a}.nav-title{color:#fff6;font-size:.8rem;font-weight:600;letter-spacing:.15em;margin:0 0 2rem;text-align:center;text-transform:uppercase}body[data-theme=light] .nav-title{color:#0006}.nav-buttons{display:flex;flex-direction:column;gap:.5rem}.nav-button{background:#0000;border:1px solid #ffffff0f;border-radius:14px;color:#ffffff80;cursor:pointer;font-family:IBM Plex Mono,Inter,Arial,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:-.01em;padding:1rem 1.5rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}body[data-theme=light] .nav-button{border:1px solid #0000000f;color:#00000080}.nav-button:hover{background:#ffffff08;border-color:#ffffff1f;color:#ffffffe6;transform:translateX(4px)}body[data-theme=light] .nav-button:hover{background:#00000008;border-color:#0000001f;color:#000000e6}.nav-button.active{background:#ffffff0d;border-color:#ffffff26;color:#fff;font-weight:600}body[data-theme=light] .nav-button.active{background:#0000000d;border-color:#00000026;color:#000}.social-links-section{border-top:1px solid #ffffff0f;margin-top:2.5rem;padding-top:2rem}body[data-theme=light] .social-links-section{border-top:1px solid #0000000f}.social-title{color:#fff6;font-size:.8rem;font-weight:600;letter-spacing:.15em;margin:0 0 1.5rem;text-align:center;text-transform:uppercase}body[data-theme=light] .social-title{color:#0006}.social-links{display:flex;flex-direction:column;gap:.5rem}.social-link{align-items:center;background:#0000;border:1px solid #ffffff0f;border-radius:14px;color:#ffffff80;display:flex;font-size:.9rem;font-weight:500;gap:.875rem;letter-spacing:-.01em;padding:1rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}body[data-theme=light] .social-link{border:1px solid #0000000f;color:#00000080}.social-link:hover{background:#ffffff08;border-color:#ffffff1f;color:#ffffffe6;transform:translateX(4px)}body[data-theme=light] .social-link:hover{background:#00000008;border-color:#0000001f;color:#000000e6}.social-link svg{flex-shrink:0}.social-link-text{flex:1}.split-footer{border-top:1px solid #ffffff0f;color:#ffffff4d;flex-shrink:0;font-size:.75rem;padding:1rem 2rem;text-align:center}body[data-theme=light] .split-footer{border-top:1px solid #0000000f;color:#0000004d}.split-footer p{font-weight:400;letter-spacing:-.01em;margin:0}.content-box::-webkit-scrollbar{width:6px}.content-box::-webkit-scrollbar-track{background:#0000}.content-box::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.content-box::-webkit-scrollbar-thumb:hover{background:#ffffff26}body[data-theme=light] .content-box::-webkit-scrollbar-thumb{background:#0000001a}body[data-theme=light] .content-box::-webkit-scrollbar-thumb:hover{background:#00000026}.nav-panel::-webkit-scrollbar{width:6px}.nav-panel::-webkit-scrollbar-track{background:#0000}.nav-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.nav-panel::-webkit-scrollbar-thumb:hover{background:#ffffff26}body[data-theme=light] .nav-panel::-webkit-scrollbar-thumb{background:#0000001a}body[data-theme=light] .nav-panel::-webkit-scrollbar-thumb:hover{background:#00000026}@media (max-width:1024px){.split-main{flex-direction:column}.content-panel{flex:1;min-height:0;padding:.75rem}.content-box{border-radius:16px;padding:1.2rem}.split-divider{height:.5px;margin:0;width:100%}.nav-panel{max-height:46vh;min-height:auto;padding:.5rem;width:100%}.nav-container{max-width:95%;padding:2rem 1.5rem}}@media (max-width:768px){.split-header{padding:1rem}.logo{height:42px}.content-panel{padding:.75rem}.content-box{border-radius:16px;padding:1.25rem}.nav-panel{padding:.75rem}.nav-container{border-radius:12px;padding:1rem}.nav-title{font-size:.75rem;margin-bottom:1.5rem}.nav-button{border-radius:12px;font-size:.8rem;padding:.725rem 1.125rem}.split-footer{font-size:.7rem;padding:.875rem 1.25rem}}@media (max-width:480px){.split-header{padding:.875rem 1rem}.logo{height:38px}.content-box{padding:1rem}.nav-container{padding:1.25rem 1rem}.nav-button{font-size:.8rem;padding:.75rem 1rem}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skill-item:hover .skill-bar-fill{box-shadow:0 0 15px #60a5fa80}.skill-item:hover .skill-bar-shimmer{animation:shimmer 1.5s infinite}.skill-item:hover .skill-description{margin-top:.5rem;max-height:100px;opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.timeline-item:hover .timeline-dot{transform:scale(1.3)}.future-project-card{transition:transform .3s ease,box-shadow .3s ease}.future-project-card:hover{transform:translateY(-5px)}button,input{font-family:inherit;font-size:smaller}
/*# sourceMappingURL=main.07e6a9ba.css.map*/