@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:oklch(16% 0.020 266);--deep-blue:oklch(24% 0.050 280);--cosmic-blue:oklch(41% 0.095 260);--expanse-blue:oklch(65% 0.142 254);--expanse-cyan:oklch(72% 0.126 214);--space-white:oklch(96.5% 0.007 246);--font-heading:"Orbitron",sans-serif;--font-body:"Titillium Web",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:oklch(16% .02 266);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:oklch(96.5% .007 246);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:oklch(72% .126 214);color:var(--expanse-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:oklch(65% .142 254);color:var(--expanse-blue)}a:focus-visible,button:focus-visible{border-radius:3px;outline:2px solid oklch(72% .126 214);outline:2px solid var(--expanse-cyan);outline-offset:3px}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.section{padding:7rem 0;position:relative}.section-title{color:oklch(72% .126 214);color:var(--expanse-cyan);font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:oklch(65% .142 254);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:color-mix(in srgb,oklch(16% .02 266) 90%,#0000);background-color:color-mix(in srgb,var(--deep-space) 90%,#0000);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:oklch(96.5% .007 246);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:oklch(72% .126 214);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:oklch(96.5% .007 246);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:color-mix(in srgb,oklch(16% .02 266) 50%,#0000);background:color-mix(in srgb,var(--deep-space) 50%,#0000);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:oklch(96.5% .007 246);color:var(--space-white);font-size:6rem;letter-spacing:8px;margin-bottom:1rem;text-shadow:0 0 10px color-mix(in srgb,oklch(72% .126 214) 50%,#0000);text-shadow:0 0 10px color-mix(in srgb,var(--expanse-cyan) 50%,#0000)}.hero-subtitle{color:oklch(72% .126 214);color:var(--expanse-cyan);font-size:1.5rem;letter-spacing:3px;margin-bottom:1rem}.about{background-color:color-mix(in srgb,oklch(24% .05 280) 80%,#0000);background-color:color-mix(in srgb,var(--deep-blue) 80%,#0000);position:relative}.about-container{align-items:center;display:flex;gap:4rem}.about-image{border-radius:50%;box-shadow:0 0 30px color-mix(in srgb,oklch(72% .126 214) 30%,#0000);box-shadow:0 0 30px color-mix(in srgb,var(--expanse-cyan) 30%,#0000);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:color-mix(in srgb,oklch(24% .05 280) 50%,#0000);background-color:color-mix(in srgb,var(--deep-blue) 50%,#0000);border-radius:10px;display:flex;flex-direction:column;padding:2.5rem}.skills-category h3{color:oklch(72% .126 214);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:color-mix(in srgb,oklch(96.5% .007 246) 5%,#0000);background-color:color-mix(in srgb,var(--space-white) 5%,#0000);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:oklch(72% .126 214);color:var(--expanse-cyan);display:flex;font-size:3rem;height:4rem;justify-content:center;width:4rem}.skill-name{color:oklch(96.5% .007 246);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:oklch(96.5% .007 246);color:var(--space-white)}.mongodb{color:#47a248}.mysql{color:#4479a1}.php{color:#777bb3}.laravel{color:#ff2d20}.git{color:#f05032}.github{color:oklch(96.5% .007 246);color:var(--space-white)}.terminal{color:#4eaa25}.responsive,.rest-apis{color:oklch(65% .142 254);color:var(--expanse-blue)}.aspnet{color:#512bd4}.projects-section{position:relative}.projects-list{display:flex;flex-direction:column;gap:4rem}.project-card{align-items:center;background-color:color-mix(in srgb,oklch(24% .05 280) 50%,#0000);background-color:color-mix(in srgb,var(--deep-blue) 50%,#0000);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:oklch(72% .126 214);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:color-mix(in srgb,oklch(41% .095 260) 60%,#0000);background-color:color-mix(in srgb,var(--cosmic-blue) 60%,#0000);border-radius:20px;color:oklch(96.5% .007 246);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{font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.9rem;gap:.5rem;letter-spacing:1px;text-transform:uppercase}.loading-screen,.project-link{align-items:center;display:flex}.loading-screen{background-color:oklch(16% .02 266);background-color:var(--deep-space);flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid color-mix(in srgb,oklch(72% .126 214) 20%,#0000);border-top-color:oklch(72% .126 214);border:3px solid color-mix(in srgb,var(--expanse-cyan) 20%,#0000);border-radius:50%;border-top-color:var(--expanse-cyan);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none;border-color:oklch(72% .126 214);border-color:var(--expanse-cyan)}}.loading-text{color:color-mix(in srgb,oklch(96.5% .007 246) 50%,#0000);color:color-mix(in srgb,var(--space-white) 50%,#0000);font-family:Orbitron,sans-serif;font-family:var(--font-heading);font-size:.875rem;letter-spacing:3px;text-transform:uppercase}.contact{background-color:initial;position:relative;text-align:center}.contact-actions{align-items:center;display:flex;flex-direction:column}.contact-btn{background:oklch(72% .126 214);background:var(--expanse-cyan);border:none;border-radius:5px;color:oklch(16% .02 266);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:oklch(65% .142 254);background:var(--expanse-blue);box-shadow:0 10px 20px #0003;color:oklch(96.5% .007 246);color:var(--space-white);transform:translateY(-3px)}.resume-btn{background:#0000;border:2px solid oklch(72% .126 214);border:2px solid var(--expanse-cyan);border-radius:5px;color:oklch(72% .126 214);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:oklch(72% .126 214);background:var(--expanse-cyan);box-shadow:0 5px 15px #0003;color:oklch(16% .02 266);color:var(--deep-space);transform:translateY(-3px)}.contact-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:color-mix(in srgb,oklch(16% .02 266) 90%,#0000);background-color:color-mix(in srgb,var(--deep-space) 90%,#0000);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.contact-modal{background-color:oklch(24% .05 280);background-color:var(--deep-blue);border-radius:10px;box-shadow:0 10px 30px color-mix(in srgb,oklch(72% .126 214) 20%,#0000);box-shadow:0 10px 30px color-mix(in srgb,var(--expanse-cyan) 20%,#0000);max-width:500px;padding:3rem;position:relative;width:100%}.close-modal{background:none;border:none;color:oklch(72% .126 214);color:var(--expanse-cyan);cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease}.close-modal:hover{color:oklch(65% .142 254);color:var(--expanse-blue)}.contact-modal .section-title{margin-bottom:2rem}.contact-modal .form-group{margin-bottom:1.5rem}.contact-modal label{color:oklch(72% .126 214);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:color-mix(in srgb,oklch(96.5% .007 246) 10%,#0000);background-color:color-mix(in srgb,var(--space-white) 10%,#0000);border:1px solid color-mix(in srgb,oklch(96.5% .007 246) 20%,#0000);border:1px solid color-mix(in srgb,var(--space-white) 20%,#0000);border-radius:5px;color:oklch(96.5% .007 246);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}.contact-modal input:focus-visible,.contact-modal textarea:focus-visible{border-color:oklch(72% .126 214);border-color:var(--expanse-cyan);outline:2px solid oklch(72% .126 214);outline:2px solid var(--expanse-cyan);outline-offset:2px}.modal-success{padding:1rem 0;text-align:center}.modal-success-text{color:oklch(96.5% .007 246);color:var(--space-white);line-height:1.6;margin-bottom:2rem;opacity:.85}.submit-btn{background-color:oklch(72% .126 214);background-color:var(--expanse-cyan);border:none;border-radius:5px;color:oklch(16% .02 266);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:oklch(65% .142 254);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:color-mix(in srgb,oklch(16% .02 266) 70%,#0000);background-color:color-mix(in srgb,var(--deep-space) 70%,#0000);padding:3rem 0;text-align:center}.copyright{color:color-mix(in srgb,oklch(96.5% .007 246) 70%,#0000);color:color-mix(in srgb,var(--space-white) 70%,#0000);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:color-mix(in srgb,oklch(16% .02 266) 95%,#0000);background-color:color-mix(in srgb,var(--deep-space) 95%,#0000);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.effdf300.css.map*/