@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1af2;border-bottom:1px solid #64ffda1a;box-sizing:border-box;color:#fff;left:0;padding:20px 40px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}nav ul{display:flex;gap:3rem;justify-content:center;list-style:none;margin:0;padding:0}nav li{margin:0}nav a,nav li{position:relative}nav a{color:#fff;font-family:Roboto Mono,monospace;font-size:1.1rem;padding:.5rem 1rem;text-decoration:none;transition:color .3s ease}nav a.active,nav a:hover{color:#64ffda}nav a:after{background-color:#64ffda;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}nav a.active:after,nav a:hover:after{width:100%}@media (max-width:768px){nav{padding:15px 20px}nav ul{gap:1.5rem}nav a{font-size:1rem}}@media (max-width:480px){nav ul{gap:1rem}nav a{font-size:.9rem;padding:.3rem .6rem}}#home{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.phrase-container,.resume-text,.typed-line,.typewriter-text{font-family:Roboto Mono,monospace}.home-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #64ffda33;border-radius:16px;box-shadow:0 8px 25px #0006;display:flex;gap:2.5rem;justify-content:space-between;max-width:1000px;padding:2.5rem;width:100%}.home-left{display:flex;flex:1 1;justify-content:center}.profile-circle{border:3px solid #64ffda;border-radius:50%;box-shadow:0 4px 15px #00000080;height:240px;object-fit:cover;width:240px}.home-right{color:#fff;display:flex;flex:2 1;flex-direction:column;gap:1.2rem}.typewriter-text{color:#64ffda;font-size:1.8rem;font-weight:700;line-height:1.4}.typed-line{white-space:pre-wrap}.cursor{animation:blink 1s infinite;color:#64ffda;display:inline-block;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.phrase-container{color:#fff;font-size:1.4rem;font-weight:500}.fade-in{opacity:1;transition:opacity .5s ease-in}.fade-out{opacity:0;transition:opacity .5s ease-out}.resume-link-container{margin-top:1rem}.resume-link{background:#64ffda1a;border:1px solid #64ffda;border-radius:6px;color:#64ffda;cursor:pointer;font-size:1rem;padding:.6rem 1.4rem;transition:all .3s ease}.resume-link:hover{background:#64ffda;color:#0a192f;transform:translateY(-2px)}@media (max-width:768px){.home-card{flex-direction:column;text-align:center}.profile-circle{height:180px;width:180px}.home-right{align-items:center}}.tab-switcher{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.tab-switcher button{background:none;border:1px solid #64ffda;border-radius:4px;color:#64ffda;cursor:pointer;font-family:Roboto Mono,monospace;padding:.5rem 1.25rem;transition:all .2s ease}.tab-switcher button.active,.tab-switcher button:hover{background:#64ffda;color:#0a192f}.tabs-layout{display:flex;gap:2rem;min-height:300px}.tabs-list{border-right:1px solid #64ffda33;display:flex;flex:1 1;flex-direction:column;gap:1rem}.tab-item{border-radius:4px;color:#ccc;cursor:pointer;padding:.75rem 1rem;transition:background .2s ease,color .2s ease}.tab-item.active{background:#64ffda1a;color:#64ffda}.tab-item h4{font-size:1rem;margin:0}.tab-item .org{color:#aaa;font-size:.85rem}.tab-details{flex:2 1}.tab-details h3{color:#fff;font-size:1.5rem;margin:0}.tab-details .org{color:#64ffda;font-size:1rem}.tab-details .period{color:#bbb;font-size:.9rem;margin:.25rem 0 1rem}.tab-details ul{list-style:none;margin:0;padding:0}.tab-details li{color:#fff;font-family:Roboto Mono,monospace;line-height:1.6;margin:.5rem 0;padding-left:1.5rem;position:relative}.tab-details li:before{color:#64ffda;content:"▹";left:0;position:absolute}@media (max-width:768px){.tabs-layout{flex-direction:column}.tabs-list{border-bottom:1px solid #64ffda33;border-right:none;flex-direction:row;flex-wrap:wrap;gap:.5rem}.tab-item{flex:1 1 45%;text-align:center}}#projects{background-color:#1a1a1a;box-sizing:border-box;color:#fff;display:block;min-height:100vh;padding:100px 0 40px}.projects-container{margin:0 auto;max-width:95%;width:100%}.section-title{margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{background-color:#ffffff0d;border:1px solid #64ffda1a;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 20px #64ffda1a;transform:translateY(-5px)}.project-image-container{overflow:hidden;padding-top:56.25%;position:relative}.project-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{align-items:center;background:#1a1a1ae6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.view-project-btn{background-color:#64ffda;border-radius:4px;color:#1a1a1a;font-family:Roboto Mono,monospace;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:transform .2s ease}.view-project-btn:hover{transform:scale(1.05)}.project-content{padding:1.5rem}.project-title{color:#64ffda;font-family:Roboto Mono,monospace;font-size:1.25rem;margin:0 0 1rem}.project-description{color:#fff;line-height:1.6;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-tag{background-color:#64ffda1a;border-radius:15px;color:#64ffda;font-family:Roboto Mono,monospace;font-size:.85rem;padding:.25rem .75rem}.project-category{margin-bottom:4rem}.category-title{color:#64ffda;display:inline-block;font-family:Roboto Mono,monospace;font-size:1.75rem;margin-bottom:2rem;position:relative;text-align:center}.category-title:after{background-color:#64ffda4d;content:"";display:block;height:2px;margin:.5rem auto 0;width:60%}.skills-section{display:block;margin:4rem auto 0;max-width:1200px;text-align:center;width:100%}.skills-bubble-grid{flex-wrap:wrap;gap:2rem;margin:0 auto;max-width:900px;padding:3rem 2rem}.skill-bubble,.skills-bubble-grid{display:flex;justify-content:center}.skill-bubble{align-items:center;background:#ffffff26;border:1px solid #64ffda40;border-radius:50%;cursor:pointer;height:80px;position:relative;transition:transform .35s ease,background .3s ease,box-shadow .3s ease,border .3s ease;width:80px}.skill-bubble:hover{background:#64ffda2e;border-color:#64ffda;box-shadow:0 0 10px #64ffda66;transform:scale(1.25);z-index:2}.skill-bubble-icon{height:42px;transition:transform .3s ease,filter .3s ease;width:42px}.skill-bubble:hover .skill-bubble-icon{filter:none;transform:scale(1.15)}.skill-bubble.active{background:#64ffda;border:1px solid #64ffda;box-shadow:0 0 15px #64ffda99;transform:scale(1.35)}.skill-bubble.active .skill-bubble-icon{filter:brightness(0) invert(1)}.active-skill-name{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.active-skill-name,.skill-tooltip{color:#64ffda;font-family:Roboto Mono,monospace}.skill-tooltip{background:#1a1a1a;border:1px solid #64ffda;border-radius:6px;box-shadow:0 4px 10px #0000004d;font-size:.9rem;padding:.4rem .8rem;pointer-events:none;position:fixed;transition:opacity .15s ease;white-space:nowrap;z-index:999}∫.see-more-btn{background:none;border:none;color:#007acc;cursor:pointer;font-size:.9rem;margin-top:5px;padding:0;transition:color .2s}.see-more-btn:hover{color:#005f99;text-decoration:underline}#contact{background:#0000;color:#fff;padding:100px 20px;position:relative;text-align:center}.contact-orbit-container{height:400px;margin:0 auto;position:relative;width:400px}.orbit-center{align-items:center;background:#64ffda1a;border:2px solid #64ffda;box-shadow:0 0 20px #64ffda80;color:#64ffda;display:flex;font-family:Roboto Mono,monospace;font-size:1.1rem;font-weight:700;height:140px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;z-index:10}.orbit,.orbit-center{border-radius:50%;position:absolute}.orbit{animation:spin 20s linear infinite;height:100%;left:0;top:0;width:100%}.orbit-node{align-items:center;background:#fff3;border:2px solid #64ffda;border-radius:50%;box-shadow:0 0 12px #64ffda66;display:flex;height:65px;justify-content:center;position:absolute;transition:all .3s ease;width:65px}.orbit-icon{filter:brightness(1.2);height:30px;object-fit:contain;transition:filter .3s ease;width:30px}.orbit-node:hover{animation-play-state:paused;background:#64ffda;box-shadow:0 0 25px #64ffdacc;transform:scale(1.2)}.orbit-node:hover .orbit-icon{filter:brightness(0) invert(1)}.orbit-node-1{left:50%;top:0}.orbit-node-1,.orbit-node-2{transform:translate(-50%,-50%)}.orbit-node-2{left:100%;top:50%}.orbit-node-3{left:50%;top:100%}.orbit-node-3,.orbit-node-4{transform:translate(-50%,-50%)}.orbit-node-4{left:0;top:50%}.orbit-node-5{left:15%;top:15%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:500px){.contact-orbit-container{height:300px;width:300px}.orbit-center{font-size:.9rem;height:100px;width:100px}.orbit-node{height:50px;width:50px}.orbit-icon{height:24px;width:24px}}footer{bottom:0;color:#fff;padding:10px 0;text-align:center;width:100%;z-index:1000}p{margin:0}#skills{background:#0000;color:#fff;padding:80px 20px;text-align:center}.section-title{color:#64ffda;font-family:Roboto Mono,monospace;font-size:2rem;margin-bottom:3rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1360px}.skill-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #64ffda40;border-radius:12px;overflow:hidden;padding:1.8rem;position:relative;text-align:left;transition:all .3s ease}.skill-panel:before{background:conic-gradient(from 180deg,#64ffda33,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.skill-panel:hover{border-color:#64ffda99;box-shadow:0 0 25px #64ffda59;transform:translateY(-6px)}.skill-category{color:#64ffda;font-family:Roboto Mono,monospace;font-size:1.3rem;margin-bottom:1rem}.skill-list{list-style:none;margin:0;padding:0}.skill-item{color:#fff;font-family:Roboto Mono,monospace;font-size:1rem;line-height:1.6;margin-bottom:.5rem;transition:color .3s ease,transform .2s ease}.skill-item:hover{color:#64ffda;transform:translateX(5px)}@media (max-width:768px){.skill-panel{padding:1.2rem}.skill-category{font-size:1.1rem}.skill-item{font-size:.9rem}}.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)}}body,html{background-color:#1a1a1a;height:100%;margin:0;overscroll-behavior:none;padding:0;scroll-behavior:smooth}#root,.app-container{display:block;min-height:100vh;overflow-x:hidden}.content{display:block;width:100%}section{box-sizing:border-box;padding:0 2rem;width:100%}section>div{margin:0 auto;max-width:1400px;width:100%}
/*# sourceMappingURL=main.e72d0ad8.css.map*/