@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100;src:url(/static/media/Geist-Thin.d2bb1b0ed3fa24ebaf8b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:200;src:url(/static/media/Geist-ExtraLight.b31cc0ddebef259578f8.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:300;src:url(/static/media/Geist-Light.09a9992fdc33e74638a3.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:400;src:url(/static/media/Geist-Regular.7dda8e4916efa860483c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:500;src:url(/static/media/Geist-Medium.29f44505fb19a8c2b8d8.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:600;src:url(/static/media/Geist-SemiBold.7df9d3f41e0988c95441.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:700;src:url(/static/media/Geist-Bold.c83165703131f42e261e.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:800;src:url(/static/media/Geist-ExtraBold.c9800d1e4d7ae368d9f7.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:900;src:url(/static/media/Geist-Black.8eb000238c1e69781ae1.ttf) format("truetype")}:root{--primary-color:#f3f3f3;--secondary-color:#212529}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--secondary-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}a{color:#212529;color:var(--secondary-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}section{padding:2rem 0}.container{margin:0 auto;max-width:900px;padding:0 2rem}button{background-color:#212529;background-color:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:opacity .2s ease}button:hover{opacity:.9}:root{--background-color:#fff;--text-color:#212529;--card-bg:#fff;--border-color:#eee;--shadow-color:#0000001a;--hover-bg:#f3f3f3;--hover-dark-bg:#e0e0e0;--dock-bg:#f0f0f0cc;--dock-item-bg:#fff;--project-card-bg:#fff;--tech-tag-bg:#f3f3f3;--tooltip-bg:#373737e6;--primary-color:#007cf0;--secondary-color:#333}.dark-theme{--background-color:#121212;--text-color:#e0e0e0;--card-bg:#1e1e1e;--border-color:#333;--shadow-color:#0000004d;--hover-bg:#2a2a2a;--hover-dark-bg:#333;--dock-bg:#1e1e1ecc;--dock-item-bg:#2a2a2a;--project-card-bg:#1e1e1e;--tech-tag-bg:#2a2a2a;--tooltip-bg:#141414e6;--primary-color:#007cf0;--secondary-color:#444}.theme-transition-overlay{animation:diagonalSwipe .8s cubic-bezier(.65,0,.35,1) forwards;background-color:#fff;background-color:var(--background-color);clip-path:polygon(0 0,0 0,0 100%,0 100%);height:100%;left:0;opacity:1;pointer-events:none;position:fixed;top:0;transform-origin:bottom right;width:100%;z-index:9999}@keyframes diagonalSwipe{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{opacity:0}}.App{margin:0 auto;max-width:605px;min-height:100vh;padding:0 1.1rem 77px;position:relative;transition:color .3s ease}.App,body{background-color:#fff;background-color:var(--background-color);color:#212529;color:var(--text-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.015em;line-height:1.6;transition:background-color .3s ease}.hero.compact{margin-bottom:0;padding:1.5rem 0 .75rem}.hero{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.hero-content{flex:1 1}.hero-image{border-radius:50%;height:110px;margin-left:2.2rem;overflow:hidden;transition:transform .3s ease;width:110px}.hero-image:hover{transform:scale(1.05)}.hero-image img{height:100%;object-fit:cover;width:100%}.hand-wave{animation:wave 1.5s infinite;display:inline-block;font-size:2.4rem;transform-origin:70% 70%}.hero-text{line-height:1.75rem;margin-top:1.15rem}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.name{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(90deg,#007cf0,#00dfd8);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-weight:700}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero h1{font-size:2.65rem;font-weight:700;line-height:1.2;margin-bottom:.45rem}.hero p{color:#212529;color:var(--text-color);font-size:1.38rem;margin-bottom:.55rem;max-width:605px;text-align:justify}.compact-sections{display:flex;flex-direction:column;gap:1.2rem}.compact-section{border-top:1px solid #eee;border-top:1px solid var(--border-color);padding:.75rem 0}.section-title{display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.66rem;position:relative}.about-content{margin-bottom:.75rem}.about-content p{font-size:.88rem;line-height:1.6;margin-bottom:.55rem;text-align:justify}.education-list{display:flex;flex-direction:column;gap:.66rem}.education-item{align-items:center;display:flex;justify-content:space-between;transition:transform .2s ease}.education-item:hover{transform:translateX(3px)}.education-logo{align-items:center;background-color:#f3f3f3;background-color:var(--hover-bg);border-radius:50%;display:flex;font-size:.72rem;height:29px;justify-content:center;margin-right:.55rem;overflow:hidden;transition:background-color .3s ease;width:29px}.education-item:hover .education-logo{background-color:#e0e0e0;background-color:var(--hover-dark-bg)}.education-info{align-items:center;display:flex}.education-details h3{font-size:.94rem;font-weight:600;margin-bottom:.11rem}.education-details p{font-size:.83rem;margin:0}.education-date,.education-details p{color:#212529;color:var(--text-color)}.education-date{font-size:.77rem;opacity:.7}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.skill-tag{background-color:#f3f3f3;background-color:var(--tech-tag-bg);border-radius:100px;color:#212529;color:var(--text-color);font-size:.77rem;font-weight:500;padding:.33rem .66rem;transition:all .2s ease}.skill-tag:hover{background-color:#e0e0e0;background-color:var(--hover-dark-bg);transform:translateY(-2px)}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1rem}.project-card{background-color:#fff;background-color:var(--project-card-bg);border:1px solid #eee;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-4px)}.project-image{color:#fff;padding:1.5rem;position:relative}.project-title{margin-bottom:1rem}.project-title h3{color:#fff;font-size:1.21rem;font-weight:600;margin-bottom:.2rem}.project-date{font-size:.83rem;opacity:.8}.project-description{font-size:.94rem;line-height:1.5;margin:0}.project-info{background-color:#fff;background-color:var(--card-bg);padding:1rem 1.5rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background-color:#f3f3f3;background-color:var(--tech-tag-bg);border-radius:100px;color:#212529;color:var(--text-color);font-size:.77rem;font-weight:500;padding:.28rem .66rem}.project-links{display:flex;gap:.5rem}.project-link-button{align-items:center;background-color:#f3f3f3;background-color:var(--hover-bg);border-radius:4px;color:#212529;color:var(--text-color);display:inline-flex;font-size:.83rem;font-weight:500;gap:.4rem;justify-content:center;padding:.44rem .88rem;text-decoration:none;transition:all .2s ease}.project-link-button:hover{background-color:#e0e0e0;background-color:var(--hover-dark-bg)}.project-link-button.source{background-color:initial;border:1px solid #eee;border:1px solid var(--border-color)}.project-link-button.source:hover{background-color:#f9f9f9}.dark-theme .project-link-button.source:hover{background-color:#2a2a2a}.projects-list{display:none}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.dock-container{bottom:20px;height:70px;left:0;pointer-events:none;position:fixed;right:0;z-index:1000}.dock,.dock-container{align-items:flex-end;display:flex;justify-content:center}.dock{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f0f0f0cc;background-color:var(--dock-bg);border-radius:16px;box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--shadow-color);gap:6px;padding:6px 12px;pointer-events:auto;transition:all .3s ease}.dock-item-container{align-items:center;display:flex;flex-direction:column;position:relative}.dock-item{align-items:center;background-color:#fff;background-color:var(--dock-item-bg);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);color:#212529;color:var(--text-color);cursor:pointer;display:flex;font-size:1.32rem;height:50px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:50px}.dark-theme .dock-item{box-shadow:0 2px 8px #0003}.dock-item.active{background-color:#f0f0f0;border-bottom:2px solid #007cf0;box-shadow:0 3px 12px #00000026;position:relative}.dark-theme .dock-item.active{background-color:#2d2d2d;border-bottom:2px solid #007cf0}.dock-item.active:after{animation:pulse 2s infinite;background:linear-gradient(90deg,#007cf0,#00dfd8);border-radius:50%;bottom:-6px;content:"";height:6px;position:absolute;width:6px}@keyframes pulse{0%{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.8)}}.dock-icon-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dock-tooltip{background-color:#373737e6;background-color:var(--tooltip-bg);border-radius:6px;color:#fff;font-size:.7rem;font-weight:500;padding:4px 12px;position:absolute;top:-30px;white-space:nowrap;z-index:100}.dock-item:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:50%;bottom:-10px;content:"";filter:blur(2px);height:10px;opacity:.7;position:absolute;transform:scaleX(.8);width:100%}.dark-theme .dock-item:after{background:linear-gradient(180deg,#ffffff1a,#0000);opacity:.3}@media (max-width:768px){.dock{padding:5px 10px}.dock-item{height:44px;width:44px}.hero{flex-direction:column-reverse;text-align:center}.hero-image{margin:0 0 .75rem}.hero h1{font-size:1.76rem}.education-item{align-items:flex-start;flex-direction:column;gap:.25rem}.education-date{font-size:.72rem;margin-left:2.3rem}.hover-description{border:none;box-shadow:none;margin-top:.2rem;opacity:1;padding:.25rem 0 0 2.3rem;position:static;transform:none;visibility:visible;width:auto}.bottom-navbar{gap:.25rem;padding:.4rem}.nav-icon{height:31px;width:31px}}.animate-on-load{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.animate-on-load.visible{opacity:1;transform:translateY(0)}.bottom-navbar-container{bottom:20px;left:0;position:fixed;right:0;z-index:1000}.bottom-navbar-container,.nav-icon{display:flex;justify-content:center}.nav-icon{align-items:center;background-color:initial;border:none;border-radius:50%;color:#212529;color:var(--text-color);cursor:pointer;height:32px;transition:all .2s ease;width:32px}.dark-theme .nav-icon:hover{background-color:#3a3a3a}.theme-toggle{color:#212529;color:var(--text-color)}@keyframes themeToggleFlash{0%{box-shadow:0 0 0 0 #007cf0b3}70%{box-shadow:0 0 0 10px #007cf000}to{box-shadow:0 0 0 0 #007cf000}}.dark-theme .theme-toggle.toggling,.theme-toggle.toggling{animation:themeToggleFlash .8s ease-out}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.project-modal{background-color:#fff;background-color:var(--background-color);border-radius:10px;box-shadow:0 5px 20px #0003;max-height:85vh;max-width:700px;overflow-y:auto;padding:25px;position:relative;width:90%}.modal-close-button{align-items:center;background:none;border:none;color:#212529;color:var(--text-color);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;opacity:.6;position:absolute;right:15px;top:15px;transition:opacity .2s ease;width:32px}.modal-close-button:hover{opacity:1}.project-modal h2{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);font-size:24px;margin-bottom:15px;margin-top:0;padding-bottom:12px}.project-modal h3{font-size:18px;margin-bottom:10px;margin-top:20px}.modal-content{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}@media (max-width:768px){.modal-content{grid-template-columns:1fr}.project-modal{padding:20px}}.modal-description{font-size:.88rem;line-height:1.5}.feature-list,.modal-description{color:#212529;color:var(--text-color)}.feature-list{margin-bottom:20px;padding-left:20px}.feature-list li{font-size:.88rem;margin-bottom:8px}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;margin-top:8px}.modal-tech-stack .tech-tag{background-color:#f3f3f3;background-color:var(--tech-tag-bg);border-radius:50px;color:#212529;color:var(--text-color);font-size:.77rem;font-weight:500;padding:4px 10px}.modal-image-container{display:flex;flex-direction:column;gap:10px}.modal-image{aspect-ratio:16/9;background-color:#f3f3f3;background-color:var(--hover-bg);border-radius:6px;box-shadow:0 2px 8px #0000001a;object-fit:cover;width:100%}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.modal-button{align-items:center;border-radius:6px;display:inline-flex;font-size:.83rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.live-button{background-color:#007cf0;background-color:var(--primary-color);border:none;color:#fff}.source-button{background-color:initial;border:1px solid #eee;border:1px solid var(--border-color);color:#212529;color:var(--text-color)}.modal-button:hover{transform:translateY(-2px)}.live-button:hover{background-color:#0070d8}.source-button:hover{background-color:#f3f3f3;background-color:var(--hover-bg)}.lanyard-background{align-items:flex-start;display:flex;height:100vh;justify-content:flex-end;pointer-events:none;position:fixed;right:0;top:0;width:50%;z-index:0}@media (max-width:768px){.lanyard-background{display:none}}.footer{border-top:1px solid #eee;border-top:1px solid var(--border-color);margin-top:1.2rem;padding:1.5rem 0;transition:border-color .3s ease}.footer-content{gap:1rem}.footer-content,.footer-section{display:flex;flex-direction:column}.footer-section{gap:.5rem}.footer-label{color:#212529;color:var(--text-color);font-size:.83rem;font-weight:600;opacity:.8;transition:color .3s ease}.footer-technologies{display:flex;flex-wrap:wrap;gap:.8rem}.footer-tech{align-items:center;color:#212529;color:var(--text-color);display:flex;font-size:.88rem;gap:.4rem;transition:color .3s ease,transform .2s ease}.footer-tech:hover{transform:translateX(3px)}@media (max-width:768px){.footer-technologies{gap:.6rem}.footer-tech{font-size:.82rem}}.footer-copyright{color:#212529;color:var(--text-color);font-size:.77rem;margin-top:1.5rem;opacity:.7;text-align:center}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}.footer-section{flex:1 1}}.compact-section,.dock-item,.education-item,.hero-content,.project-card,.skill-tag{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.vercel-icon{transition:filter .3s ease}.dark-theme .vercel-icon{filter:invert(1) brightness(1.5)}.theme-transition .hero-content{transition-delay:.1s}.theme-transition .compact-section:first-child{transition-delay:.15s}.theme-transition .compact-section:nth-child(2){transition-delay:.2s}.theme-transition .compact-section:nth-child(3){transition-delay:.25s}.theme-transition .project-card:first-child{transition-delay:.3s}.theme-transition .project-card:nth-child(2){transition-delay:.35s}.theme-transition .dock{transition-delay:.4s}.lanyard-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;transform:scale(1);transform-origin:center;width:100%;z-index:0}
/*# sourceMappingURL=main.8e9f9918.css.map*/