@import url(https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700;800;900&display=swap);*{font-family:JetBrains Mono,Fira Code,monospace}body{background-color:#1a1f2e;color:#fff}body,ul{margin:0}ul{display:flex;flex-direction:column;height:100%;justify-content:space-around;list-style:none;padding:0}li{padding:30px 25px;position:relative;text-align:center}li:before{color:#34c759;content:">";left:10px;opacity:0;position:absolute;transition:opacity .3s ease}li:hover:before{opacity:1}a{color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}a:hover{color:#ff7edb}.container{display:flex;justify-content:space-between;width:100%}.topNav{background:#2f343f;border-right:1px solid #4c5159;height:100vh;position:sticky;top:0;width:20%}.section-home{padding-top:30px;text-align:center}.section-home h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff7edb,#00cec9);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:.5rem;text-shadow:0 0 10px #ff7edb80}.section-home h5{color:grey;font-size:1.5rem;margin-top:0}hr{background:#4c5159;border:none;height:1px;margin:2rem auto;width:80%}.section-home p{color:grey;font-size:1rem;line-height:1.6;margin:1.5rem auto;max-width:700px}.section-home a{background-color:#2f343f;border:1px solid #4c5159;border-radius:8px;color:#fff;display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.section-home a:hover{border-color:#ff7edb;box-shadow:0 0 15px #ff7edb80;transform:translateY(-2px)}.section-aboutMe h1,.section-contact h1,.section-projects h1{display:inline-block;font-size:2rem;margin:4rem 0 2rem;position:relative}.section-aboutMe h1:before,.section-contact h1:before,.section-projects h1:before{color:#ff7edb;content:"# "}.section-aboutMe h1:after,.section-contact h1:after,.section-projects h1:after{background:linear-gradient(90deg,#ff7edb,#0000);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:100%}.cards{flex-direction:column;gap:2rem}.card1,.cards{display:flex;justify-content:center}.card1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f2e;border:1px solid #4c5159;border-radius:8px;flex-wrap:wrap;margin:1rem auto;max-width:900px;padding:2rem;position:relative}.card1:before{background:#ff7edb;box-shadow:0 0 15px #ff7edb;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.card1 h1{color:#ff7edb;font-size:2rem;margin:1rem 0 2rem}.card1 p{color:grey;font-size:1rem;line-height:1.6;margin:1rem 0}.card1 img{background:#2f343f;border:1px solid #4c5159;border-radius:8px;height:200px;padding:.5rem;transition:all .3s ease;width:200px}.card1 img:hover{border-color:#ff7edb;box-shadow:0 0 20px #ff7edb80;transform:scale(1.05)}.project-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.github-card{background:#1a1f2e;border:1px solid #4c5159;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;max-width:400px;padding:1.5rem;position:relative;transition:all .3s ease;width:100%}.github-card:before{background:#ff7edb;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.github-card:hover{border-color:#ff7edb;box-shadow:0 0 30px #ff7edb4d;transform:translateY(-5px)}.github-card img{filter:brightness(0) invert(1);height:30px;transition:all .3s ease;width:35px}.github-card:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 3px #ff7edb)}.github-card a{align-items:center;color:#ff7edb;display:inline-flex;font-size:1rem;gap:.5rem;text-transform:none}.github-card a:hover{text-decoration:underline;text-shadow:0 0 5px #ff7edb}.section-contact p{color:grey;margin:1rem 2rem}.inputs{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:2rem auto;max-width:700px;width:100%}.inputs input,.inputs textarea{background-color:#2f343f;border:1px solid #4c5159;border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;padding:1rem;transition:all .3s ease;width:100%}.inputs input:focus,.inputs textarea:focus{border-color:#ff7edb;box-shadow:0 0 10px #ff7edb80;outline:none}.inputs button{align-self:center;background-color:#2f343f;border:1px solid #4c5159;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.inputs button:before{background:linear-gradient(90deg,#0000,#ff7edb33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.inputs button:hover:before{left:100%}.inputs button:hover{background:#ff7edb1a;border-color:#ff7edb;box-shadow:0 0 15px #ff7edb80}.inputs textarea{min-height:150px;resize:vertical}footer{color:grey;font-size:.9rem;margin-bottom:2rem;margin-top:5rem;text-align:center}.react-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem auto;max-width:400px;width:100%}.react-logo p{color:grey;margin:0}.terminal-text{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:2px solid #ff7edb;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#ff7edb}}.cyber-box{background:#1a1f2ecc;border:1px solid #ff7edb;border-radius:8px;box-shadow:0 0 15px #ff7edb4d;overflow:hidden;padding:2rem;position:relative}.cyber-box:before{animation:cyber-scan 3s linear infinite;background:linear-gradient(90deg,#0000,#ff7edb,#0000);content:"";height:2px;left:0;position:absolute;top:0;width:100%}@keyframes cyber-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.glitch-text{display:inline-block;position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-text:before{clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse;left:2px;text-shadow:-1px 0 #00cec9}.glitch-text:after{clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s linear infinite alternate-reverse;left:-2px;text-shadow:-1px 0 #ff7edb}@keyframes glitch-anim{0%{clip:rect(29px,9999px,39px,0)}5%{clip:rect(70px,9999px,46px,0)}10%{clip:rect(6px,9999px,72px,0)}15%{clip:rect(20px,9999px,35px,0)}20%{clip:rect(89px,9999px,98px,0)}25%{clip:rect(8px,9999px,27px,0)}30%{clip:rect(16px,9999px,12px,0)}35%{clip:rect(75px,9999px,95px,0)}40%{clip:rect(44px,9999px,92px,0)}45%{clip:rect(10px,9999px,90px,0)}50%{clip:rect(54px,9999px,84px,0)}55%{clip:rect(60px,9999px,100px,0)}60%{clip:rect(29px,9999px,97px,0)}65%{clip:rect(39px,9999px,34px,0)}70%{clip:rect(89px,9999px,23px,0)}75%{clip:rect(38px,9999px,54px,0)}80%{clip:rect(16px,9999px,86px,0)}85%{clip:rect(19px,9999px,43px,0)}90%{clip:rect(76px,9999px,69px,0)}95%{clip:rect(56px,9999px,32px,0)}to{clip:rect(46px,9999px,63px,0)}}@keyframes glitch-anim2{0%{clip:rect(18px,9999px,25px,0)}5%{clip:rect(14px,9999px,66px,0)}10%{clip:rect(10px,9999px,92px,0)}15%{clip:rect(82px,9999px,31px,0)}20%{clip:rect(14px,9999px,25px,0)}25%{clip:rect(13px,9999px,46px,0)}30%{clip:rect(56px,9999px,22px,0)}35%{clip:rect(90px,9999px,83px,0)}40%{clip:rect(12px,9999px,86px,0)}45%{clip:rect(56px,9999px,12px,0)}50%{clip:rect(31px,9999px,62px,0)}55%{clip:rect(70px,9999px,33px,0)}60%{clip:rect(56px,9999px,73px,0)}65%{clip:rect(12px,9999px,15px,0)}70%{clip:rect(28px,9999px,58px,0)}75%{clip:rect(61px,9999px,33px,0)}80%{clip:rect(39px,9999px,28px,0)}85%{clip:rect(72px,9999px,54px,0)}90%{clip:rect(49px,9999px,81px,0)}95%{clip:rect(56px,9999px,13px,0)}to{clip:rect(48px,9999px,35px,0)}}@media (max-width:992px){.container{flex-direction:column}.topNav{height:auto;position:static;width:100%}ul{flex-direction:row;flex-wrap:wrap}li{padding:1rem}.section-home h1{font-size:2.5rem}.card1,.github-card{width:90%}}@media (max-width:576px){.section-home h1{font-size:2rem}.section-home h5{font-size:1.2rem}.section-aboutMe h1,.section-contact h1,.section-projects h1{font-size:1.5rem}.inputs input,.inputs textarea{width:90%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1d1d1f;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f7}::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #007aff33}50%{box-shadow:0 0 30px #007aff66}}.fade-in{animation:fadeIn .8s ease-out}.slide-up{animation:slideUp .8s ease-out}.float{animation:float 3s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5ac8fa);-webkit-background-clip:text;background-clip:text}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.btn-primary{background:linear-gradient(135deg,#007aff,#5ac8fa);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #007aff40;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #007aff;border-radius:12px;color:#007aff;cursor:pointer;font-weight:500;padding:10px 22px;transition:all .3s ease}.btn-secondary:hover{background:#007aff0d;transform:translateY(-2px)}.section-padding{padding:80px 0}.title-large{font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.title-medium{font-size:2.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.subtitle{color:#86868b;font-size:1.25rem;font-weight:500;line-height:1.5}.project-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:before{background:linear-gradient(135deg,#007aff,#5ac8fa);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.project-card:hover{box-shadow:0 25px 50px #0000001a;transform:translateY(-12px)}.project-card:hover:before{width:8px}.tech-icon{align-items:center;background:#007aff1a;border-radius:12px;color:#007aff;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.tech-icon:hover{background:#007aff33;transform:scale(1.1)}.status-live{background:#34c759}.status-development,.status-live{border-radius:16px;color:#fff;font-size:.875rem;font-weight:500;padding:6px 12px}.status-development{background:#ff9500}.form-input{background:#f9f9f9;border:1px solid #0000001a;border-radius:12px;font-size:1rem;padding:16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.form-textarea{background:#f9f9f9;border:1px solid #0000001a;border-radius:12px;font-size:1rem;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.form-textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.nav-transparent{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #0000000f}.nav-link{border-radius:8px;color:#1d1d1f;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#007aff0a;color:#007aff}.hero-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden;position:relative}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#007aff0d 0,#0000 70%),radial-gradient(circle at 75% 75%,#7e5bef0d 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}.contact-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:48px}.contact-icon{align-items:center;background:#007aff1a;border-radius:12px;color:#007aff;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.contact-icon:hover{background:#007aff33;transform:translateY(-2px)}.footer-dark{background:#1d1d1f;color:#fff}.footer-link{color:#fffc;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#fff}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.title-large{font-size:2.5rem}.title-medium{font-size:2rem}.section-padding{padding:60px 0}.project-card{padding:24px}.contact-card{padding:32px}.hero-background{padding:60px 0}}@media (max-width:480px){.title-large{font-size:2rem}.title-medium{font-size:1.5rem}.section-padding{padding:40px 0}.project-card{padding:20px}.contact-card{padding:24px}}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important}.no-print{display:none!important}.section-padding{padding:20px 0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible{outline:2px solid #007aff;outline-offset:2px}@media (prefers-contrast:high){.btn-primary,.card-hover{border:2px solid #000}}
/*# sourceMappingURL=main.f2c64637.css.map*/