@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Titillium+Web:wght@300;400;600;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}:root{--deep-space:#0a0e17;--deep-blue:#1a1b35;--cosmic-blue:#2c4a7e;--expanse-blue:#4a90e2;--expanse-cyan:#00b8d4;--space-white:#f0f4f8;--font-heading:"Orbitron",sans-serif;--font-body:"Titillium Web",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0e17;background-color:var(--deep-space);background-image:radial-gradient(#fff,#fff3 2px,#0000 0),radial-gradient(#fff,#ffffff26 1px,#0000 0),radial-gradient(#fff,#ffffff1a 2px,#0000 0),radial-gradient(#fff6,#ffffff1a 2px,#0000 0);background-position:0 0,40px 60px,130px 270px,70px 100px;background-size:550px 550px,350px 350px,250px 250px,150px 150px;color:#f0f4f8;color:var(--space-white);font-family:Titillium Web,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}a{color:#00b8d4;color:var(--expanse-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:#4a90e2;color:var(--expanse-blue)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.section{padding:7rem 0;position:relative}.section-title{color:#00b8d4;color:var(--expanse-cyan);font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:#4a90e2;background:var(--expanse-blue);bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0e17e6;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:flex-end}.nav-list{display:flex;list-style:none}.nav-item{margin-left:2rem}.nav-link{color:#f0f4f8;color:var(--space-white);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:2rem;font-weight:600;letter-spacing:1px;position:relative;text-transform:uppercase}.nav-link:after{background-color:#00b8d4;background-color:var(--expanse-cyan);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.mobile-menu-btn{background:none;border:none;color:#f0f4f8;color:var(--space-white);cursor:pointer;display:none;font-size:1.5rem}.hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:0;position:relative;text-align:center}.hero:before{background:#0a0e1780;content:""}.hero:before,.stars{height:100%;left:0;position:absolute;top:0;width:100%}.stars{background:#0000;background-image:radial-gradient(#fff,#fff6 1px,#0000 0),radial-gradient(#fff,#ffffff4d 1px,#0000 0),radial-gradient(#fff,#fff3 1px,#0000 0),radial-gradient(#ffffff80,#ffffff1a 1px,#0000 0);background-position:0 0,40px 60px,130px 270px,70px 100px;background-size:550px 550px,350px 350px,250px 250px,150px 150px;overflow:hidden;pointer-events:none;z-index:1}.hero-content{max-width:900px;position:relative;z-index:2}.hero-title{color:#f0f4f8;color:var(--space-white);font-size:6rem;letter-spacing:8px;margin-bottom:1rem;text-shadow:0 0 10px #00b8d480}.hero-subtitle{color:#00b8d4;color:var(--expanse-cyan);font-size:1.5rem;letter-spacing:3px;margin-bottom:1rem}.about{background-color:#1a1b35cc;position:relative}.about-container{align-items:center;display:flex;gap:4rem}.about-image{border-radius:50%;box-shadow:0 0 30px #00b8d44d;flex:1 1;margin:0 auto;max-height:350px;max-width:350px;overflow:hidden}.about-image img{display:block;height:100%;object-fit:cover;width:100%}.about-content{flex:1 1}.about-text{margin-bottom:1.5rem}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.skills-category{background-color:#1a1b3580;border-radius:10px;display:flex;flex-direction:column;padding:2.5rem}.skills-category h3{color:#00b8d4;color:var(--expanse-cyan);font-size:1.5rem;letter-spacing:2px;margin-bottom:2rem;text-align:center}.skill-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-item{align-items:center;background-color:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .3s ease;width:120px}.skill-item:hover{transform:scale(1.05)}.skill-icon{align-items:center;color:#00b8d4;color:var(--expanse-cyan);display:flex;font-size:3rem;height:4rem;justify-content:center;width:4rem}.skill-name{color:#f0f4f8;color:var(--space-white);font-size:.9rem;text-align:center}.html5{color:#e34f26}.css3{color:#1572b6}.javascript{color:#f0db4f}.typescript{color:#3178c6}.react{color:#61dafb}.angular,.angularjs{color:#dd0031}.vuejs{color:#4fc08d}.sass{color:#c69}.bootstrap{color:#7952b3}.tailwind{color:#06b6d4}.nodejs{color:#393}.express{color:#000}.mongodb{color:#47a248}.mysql{color:#4479a1}.php{color:#777bb3}.laravel{color:#ff2d20}.git{color:#f05032}.github{color:#181717}.terminal{color:#4eaa25}.responsive,.rest-apis{color:#4a90e2}.aspnet{color:#512bd4}.projects-section{position:relative}.projects-list{display:flex;flex-direction:column;gap:4rem}.project-card{align-items:center;background-color:#1a1b3580;border-radius:10px;display:flex;gap:4rem;padding:2rem}.project-preview{border-radius:10px;box-shadow:0 5px 15px #0003;flex:1 1;max-width:50%;overflow:hidden}.project-preview img{display:block;height:auto;width:100%}.project-info{flex:1 1;max-width:50%}.project-title{color:#00b8d4;color:var(--expanse-cyan);font-size:2.2rem;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.tech-tag{background-color:#2c4a7e99;border-radius:20px;color:#f0f4f8;color:var(--space-white);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9rem;letter-spacing:1px;padding:.4rem .8rem}.project-description{margin-bottom:1.5rem}.project-links{display:flex;gap:1.5rem}.project-link{align-items:center;display:flex;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9rem;gap:.5rem;letter-spacing:1px;text-transform:uppercase}.contact{background-color:initial;position:relative;text-align:center}.contact-btn{background:#00b8d4;background:var(--expanse-cyan);border:none;border-radius:5px;color:#0a0e17;color:var(--deep-space);cursor:pointer;display:inline-block;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:2px;margin:3rem 0;padding:1.5rem 3rem;text-transform:uppercase;transition:all .3s ease}.contact-btn:hover{background:#4a90e2;background:var(--expanse-blue);box-shadow:0 10px 20px #0003;color:#f0f4f8;color:var(--space-white);transform:translateY(-3px)}.resume-btn{background:#0000;border:2px solid #00b8d4;border:2px solid var(--expanse-cyan);border-radius:5px;color:#00b8d4;color:var(--expanse-cyan);cursor:pointer;display:inline-block;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;letter-spacing:2px;margin:1rem 0 3rem;padding:.8rem 1.8rem;text-transform:uppercase;transition:all .3s ease}.resume-btn:hover{background:#00b8d4;background:var(--expanse-cyan);box-shadow:0 5px 15px #0003;color:#0a0e17;color:var(--deep-space);transform:translateY(-3px)}.contact-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0e17e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.contact-modal{background-color:#1a1b35;background-color:var(--deep-blue);border-radius:10px;box-shadow:0 10px 30px #00b8d433;max-width:500px;padding:3rem;position:relative;width:100%}.close-modal{background:none;border:none;color:#00b8d4;color:var(--expanse-cyan);cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease}.close-modal:hover{color:#4a90e2;color:var(--expanse-blue)}.contact-modal .section-title{margin-bottom:2rem}.contact-modal .form-group{margin-bottom:1.5rem}.contact-modal label{color:#00b8d4;color:var(--expanse-cyan);display:block;font-family:Orbitron,sans-serif;font-family:var(--font-heading);letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.contact-modal input,.contact-modal textarea{background-color:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#f0f4f8;color:var(--space-white);font-family:Titillium Web,sans-serif;font-family:var(--font-body);padding:.75rem;width:100%}.contact-modal textarea{min-height:150px;resize:vertical}.submit-btn{background-color:#00b8d4;background-color:var(--expanse-cyan);border:none;border-radius:5px;color:#0a0e17;color:var(--deep-space);cursor:pointer;display:block;font-family:Orbitron,sans-serif;font-family:var(--font-heading);letter-spacing:2px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn:hover{background-color:#4a90e2;background-color:var(--expanse-blue);box-shadow:0 5px 15px #0003;transform:translateY(-3px)}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0e17b3;padding:3rem 0;text-align:center}.copyright{color:#f0f4f8b3;font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9rem;letter-spacing:1px}@media screen and (max-width:1200px){.hero-title{font-size:4rem}.hero-subtitle{font-size:1.3rem}.about-container{flex-direction:column}.about-content,.about-image{flex:initial;width:100%}.skills-container{grid-template-columns:repeat(2,1fr)}.skills-category{grid-column:span 1}.project-card{flex-direction:column;text-align:center}.project-info,.project-preview{max-width:100%}.project-tech{justify-content:center}}@media screen and (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.1rem}.nav-list{background-color:#0a0e17f2;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;top:100%;width:100%}.nav-item{margin:1rem 2rem}.mobile-menu-btn{display:block}.nav-list.active{display:flex}.skills-container{grid-template-columns:1fr}.skills-category{grid-column:span 1}}@media screen and (max-width:576px){.section{padding:3rem 0}.container{padding:0 1rem}.contact-modal{margin:1rem;padding:2rem}}
/*# sourceMappingURL=main.e083bf34.css.map*/