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}.header{align-items:center;background-color:#0a0a0a;color:#fff;display:flex;justify-content:center;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo{color:#8100cc;font-size:32px;font-weight:700;font:Times New Roman,Times,serif;margin-right:680px}.nav-links{align-items:center;display:flex;gap:20px;list-style:none}.nav-links a{color:inherit;text-decoration:none}.nav-links li{cursor:pointer}.nav-links .active,.nav-links li:hover{color:#8100cc}.contact-button{animation:fadeIn .8s ease-out .6s forwards;background-color:initial;border:1px solid #8100cc;border-radius:6px;color:#8100cc;cursor:pointer;overflow:hidden;padding:8px 14px;position:relative;transition:all .3s ease}.theme-icon{font-size:18px;margin-left:10px}@media screen and (max-width:1024px){.logo{margin-right:400px}}@media screen and (max-width:767px){.header{padding:15px 20px}.logo{font-size:28px;margin-right:100px}.nav-links{gap:15px}.nav-links li{font-size:14px}.contact-button{font-size:14px;padding:6px 12px}}@media screen and (max-width:480px){.header{padding:10px 15px}.logo{font-size:24px;margin-right:25px}.nav-links{gap:10px}.nav-links li{font-size:12px}.contact-button{font-size:12px;padding:5px 10px}}@media screen and (max-width:320px){.header{padding:8px 10px}.logo{font-size:20px;margin-right:20px}.nav-links{gap:8px}.nav-links li{font-size:11px}.contact-button{font-size:11px;padding:4px 8px}}.hero{align-items:center;background-color:#0a0a0a;background-image:radial-gradient(circle at center,#0f0e15 20%,#0a0a0a 70%);color:#0a0a0a;display:flex;flex-direction:row;height:475px;justify-content:center;min-height:100px;min-height:420px;min-width:420px;padding:clamp(60px,10vh,120px) clamp(20px,5vw,60px);scroll-margin-top:100px;text-align:center}.hero-avatar{animation:float 6s ease-in-out infinite;border:3px solid #4c0099;border-radius:50%;box-shadow:0 0 20px #6c63ff4d;height:450px;transition:transform .3s ease;width:300px}.hero-content{align-items:flex-start;display:flex;flex-direction:column;margin-left:60px;max-width:800px;z-index:1}.hero-title{-webkit-text-fill-color:#0000;animation:slideInDown .6s ease-out;-webkit-background-clip:text;background-clip:text;background-color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:8px;margin-top:clamp(8px,2vh,8px);z-index:1}.hero-subtitle{color:#8100cc;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;margin-top:0;opacity:1;z-index:1}.hero-description{color:#ffffffe6;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6;margin-top:0;max-width:650px;opacity:1;text-align:justify;z-index:1}.hero-button{background:#0000;border:2px solid #8100cc;border-radius:12px;color:#8100cc;cursor:pointer;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;margin-top:30px;opacity:1;overflow:hidden;padding:clamp(10px,2vw,16px) clamp(20px,4vw,32px);position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.hero-button:before{background-color:#8100cc;border-radius:6px;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.hero-button:hover{box-shadow:0 4px 12px #00ffff4d;color:#0a0a0a;transform:translateY(-2px)}.hero-button:hover:before{height:300%;width:300%}.hero-button:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-avatar,.hero-button,.hero-description,.hero-subtitle,.hero-title{animation:none;opacity:1;transform:none}}.typewriter-cursor{animation:blink 1s steps(1) infinite;display:inline-block;margin-left:2px;width:1ch}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media screen and (max-width:1024px){.hero{min-width:auto;padding:40px 30px}.hero-avatar{height:400px;width:250px}.hero-content{margin-left:40px}}@media screen and (max-width:767px){.hero{flex-direction:column;min-height:auto;padding:30px 20px}.hero-avatar{height:300px;margin-bottom:30px;width:200px}.hero-content{align-items:center;margin-left:0}.hero-content,.hero-description{text-align:center}}@media screen and (max-width:480px){.hero{height:620px;padding:20px 15px}.hero-avatar{height:250px;width:150px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.9rem}}@media screen and (max-width:320px){.hero{height:620px;padding:15px 10px}.hero-avatar{height:200px;width:120px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.hero-button,.hero-description{font-size:.8rem}.hero-button{padding:8px 16px}}.hero .social-icons{display:flex;gap:20px;margin-top:20px}.hero .social-icons img{height:40px!important;transition:transform .3s ease;width:40px!important}.hero .social-icons img:hover{transform:scale(1.1)}.about{align-items:center;background-color:#0a0a0a;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;scroll-margin-top:40px;text-align:center}.about h2{color:#8100cc;font-size:2rem;margin-bottom:20px;z-index:1}.about p{font-size:18px;line-height:1.6;margin:0 auto;max-width:1150px;text-align:justify;z-index:1}@media screen and (max-width:1024px){.about p{max-width:90%}}@media screen and (max-width:767px){.about{padding:30px 15px}.about h2{font-size:1.8rem}.about p{font-size:16px;text-indent:1.5em}}@media screen and (max-width:480px){.about{padding:20px 10px;scroll-margin-top:60px}.about h2{font-size:1.5rem}.about p{font-size:14px;line-height:1.5;text-indent:1em}}@media screen and (max-width:320px){.about{padding:15px 8px}.about h2{font-size:1.3rem}.about p{font-size:12px;line-height:1.4;text-indent:.8em}}.services{background-color:#0a0a0a;color:#fff;display:flex;flex-direction:column;padding:50px 20px;scroll-margin-top:60px;text-align:center}.services h2{color:#8100cc;font-size:2rem;margin-bottom:20px;z-index:1}.skill-icons{grid-column-gap:30px;grid-row-gap:50px;column-gap:30px;display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;margin:0 auto;max-width:1150px;row-gap:50px}.skill-icon,.skill-icons{align-items:center;z-index:1}.skill-icon{height:135px;vertical-align:middle;width:135px}.skill-item{align-items:center;display:flex;flex-direction:column;z-index:1}.skill-label{color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;margin-top:12px;padding:2px 16px;z-index:1}.skill-label:hover{color:#8100cc}@media screen and (max-width:1024px){.skill-icons{gap:30px;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:767px){.services{padding:40px 15px}.services h2{font-size:1.8rem}.skill-icons{gap:25px;grid-template-columns:repeat(3,1fr)}.skill-icon{height:100px;width:100px}.skill-label{font-size:1rem}}@media screen and (max-width:480px){.services{padding:30px 10px}.services h2{font-size:1.5rem}.skill-icons{gap:20px}.skill-icon{height:80px;width:80px}.skill-label{font-size:.9rem;padding:2px 12px}}@media screen and (max-width:320px){.services{padding:20px 8px}.services h2{font-size:1.3rem}.skill-icons{gap:15px}.skill-icon{height:60px;width:60px}.skill-label{font-size:.8rem;padding:2px 8px}}.projects{background-color:#0a0a0a;color:#fff;display:flex;flex-direction:column;padding:50px 20px;scroll-margin-top:20px;text-align:center}.projects h2{color:#8100cc;font-size:2rem;margin-bottom:30px;z-index:1}.projects-container{margin:0 auto;max-width:1200px;padding:0 20px;z-index:1}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.project-card{-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);background:#1a1a1a;border:1px solid #8100cc1f;border-radius:18px;box-shadow:0 8px 32px #8100cc1f;display:flex;flex-direction:column;height:450px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s;z-index:1}.project-card:hover{box-shadow:0 16px 48px #8100cc2e;transform:translateY(-8px) scale(1.03)}.project-image{border-top-left-radius:18px;border-top-right-radius:18px;filter:brightness(.92) saturate(120%);height:200px;object-fit:cover;width:100%}.project-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:22px}.project-name{color:#8100cc;font-size:1.35rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px}.project-description{color:#fff;font-size:1.05rem;margin-bottom:20px}.project-meta{align-items:center;color:#8100cc;display:flex;font-size:.98rem;justify-content:space-between;margin-top:auto}.project-link{background:#1a1a1a;border:2px solid #8100cc;border-radius:8px;color:#8100cc;font-weight:700;padding:6px 16px;text-decoration:none;transition:background .2s,color .2s}.project-link:hover{background:#8100cc;color:#fff}@media screen and (max-width:1024px){.projects{padding:40px 12px}.projects-container{max-width:95%;padding:0 10px}.projects-grid{gap:25px;grid-template-columns:1fr 1fr}.project-card{height:400px;width:350px}.project-image{height:160px}}@media screen and (max-width:767px){.projects{padding:30px 8px}.projects-container{max-width:100%;padding:0 5px}.projects-grid{gap:20px;grid-template-columns:1fr}.project-card{height:350px}.project-image{height:120px}.projects h2{font-size:1.6rem;margin-bottom:20px}}@media screen and (max-width:480px){.projects{padding:18px 4px;scroll-margin-top:60px}.projects-container{padding:0 2px}.projects-grid{gap:20px}.project-card{border-radius:12px;height:300px}.project-image{border-top-left-radius:12px;border-top-right-radius:12px;height:100px}.project-description{font-size:.9rem}}@media screen and (max-width:320px){.projects{padding:10px 2px}.projects-container{padding:0 1px}.projects-grid{gap:10px}.project-card{border-radius:8px;height:220px}.project-image{border-top-left-radius:8px;border-top-right-radius:8px;height:100px}.project-description{font-size:.7rem}}.contact{background-color:#0a0a0a;color:#fff;display:flex;flex-direction:column;padding:20px;scroll-margin-top:60px;text-align:center;z-index:1}.contact h2{color:#8100cc;font-size:2rem;margin-bottom:20px;z-index:1}.contact-form{display:flex;flex-direction:column;gap:15px;margin:20px auto 0;max-width:600px;width:100%;z-index:1}.contact-form input,.contact-form textarea{color:#fff;padding:12px}.contact-form button[type=submit],.contact-form input,.contact-form textarea{background-color:#1a1a1a;border:1px solid #8100cc;border-radius:6px;z-index:1}.contact-form button[type=submit]{animation:fadeIn .8s ease-out .6s forwards;color:#8100cc;cursor:pointer;overflow:hidden;padding:15px 14px;position:relative;transition:all .3s ease}.contact-button:hover{background-color:#8100cc;border-radius:6px;box-shadow:0 4px 12px #00ffff4d;color:#0a0a0a;transform:translateY(-2px);transition:all .3s ease;z-index:1}.contact-form button[type=submit]:hover{background:#8100cc;color:#fff}.contact-success{border-radius:8px;box-shadow:0 2px 8px #00000014;color:green;margin-top:1rem;padding:.75rem 1.25rem;position:relative;z-index:2}@media screen and (max-width:767px){.contact{padding:15px}.contact h2{font-size:1.8rem}.contact-form{gap:12px;max-width:90%}.contact-form input,.contact-form textarea{padding:10px}.contact-form button{padding:12px}}@media screen and (max-width:480px){.contact{padding:10px}.contact h2{font-size:1.5rem}.contact-form{gap:10px;max-width:95%}.contact-form input,.contact-form textarea{font-size:10px;padding:20px}.contact-form button{font-size:14px;padding:10px}}@media screen and (max-width:320px){.contact{padding:8px}.contact h2{font-size:1.3rem}.contact-form{gap:8px;max-width:98%}.contact-form input,.contact-form textarea{font-size:12px;padding:6px}.contact-form button{font-size:12px;padding:8px}}.footer{background-color:#0a0a0a;color:#fff;max-height:-webkit-fit-content;max-height:fit-content;padding:40px 20px}.footer-content{align-items:center;display:flex;justify-content:space-between;z-index:1}.footer h2{font-size:52px;font-weight:700;margin-left:100px;z-index:1}.email{background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:30px;display:inline-block;margin-right:100px;padding:10px 20px;z-index:1}.mail{color:inherit;text-decoration:none;z-index:1}.social-icons{display:flex;font-size:1.2rem;gap:15px;justify-content:center;margin-top:10px;z-index:1}footer p{color:#fff;font-size:18px;margin-left:100px;z-index:1}.social-icon{height:20px;margin-right:8px;vertical-align:middle;width:20px;z-index:1}.footer-links{align-items:center;display:flex;justify-content:space-between;margin-right:100px;max-height:-webkit-fit-content;max-height:fit-content;z-index:1}@media screen and (max-width:1024px){.footer h2{font-size:42px;margin-left:50px}.email{margin-right:50px}.copyright{margin-left:50px}.footer-links{margin-right:50px}}@media screen and (max-width:767px){.footer{padding:15px;text-align:center}.footer-content{align-items:center;flex-direction:column;gap:20px}.footer h2{font-size:32px;margin-left:0;text-align:center}.email,.footer-links{margin-right:0}.footer-links{align-items:center;flex-direction:column;gap:15px;padding-top:20px}.copyright{font-size:.8rem;margin-left:0;margin-top:15px;order:2;text-align:center}.social-icons{justify-content:center;margin-top:0;order:1}}@media screen and (max-width:480px){.footer{padding:10px}.footer h2{font-size:28px}.email{padding:8px 15px}.copyright{font-size:.7rem}.social-icons{gap:12px}.social-icons img{height:24px;width:24px}}@media screen and (max-width:320px){.footer{padding:8px}.copyright{font-size:.6rem}}.dot-grid{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.dot-grid__wrap{height:100%;position:relative;width:100%}.dot-grid__canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}
/*# sourceMappingURL=main.7ec36c96.css.map*/