:root{--color-primary:#000;--color-accent:#9fff00;--color-secondary:#fff;--color-muted:#ffffffb3;--color-border:#ffffff1a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 16px #9fff001a;--shadow-lg:0 16px 32px #00000080;--transition:all 0.3s ease}*{text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;margin:0}body,main{background:linear-gradient(135deg,#000,#0a0a0a)}main{height:100vh;overflow:scroll;scroll-snap-type:y mandatory}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#9fff00;background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9fff00cc}.main-container{display:flex;height:100vh;overflow-y:scroll;scroll-margin-top:10vh;scroll-snap-align:start;scroll-snap-type:y mandatory}.card,.main-container{box-sizing:border-box;width:100%}.card{background:linear-gradient(135deg,#000000f2,#0f0f0ff2);box-shadow:inset 0 1px 0 #9fff001a;height:100%;margin:0;overflow:hidden;overflow:auto;position:relative}.card:before{animation:shimmer 3s normal;background:linear-gradient(90deg,#0000,#9fff000d 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card::-webkit-scrollbar,.main-container::-webkit-scrollbar{display:none}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@media only screen and (max-width:900px){.card{border:0}}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;text-rendering:geometricPrecision}.home{color:#fff;display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1280px;min-height:100%;padding:3rem 2rem;width:100%}.hero{grid-gap:2rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #9fff001f;border-radius:32px;box-shadow:var(--shadow-md);display:grid;gap:2rem;grid-template-columns:1.8fr 1fr;padding:2.5rem}.hero-copy{display:flex;flex-direction:column;gap:1.5rem}.eyebrow{color:var(--color-accent);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.hero-title{font-size:clamp(3rem,4vw,4.8rem);font-weight:700;line-height:.95;margin:0}.hero-title span{color:var(--color-accent)}.hero-typewriter{color:var(--color-secondary);font-size:clamp(1.5rem,2vw,2rem);max-width:720px}.hero-description{color:var(--color-muted);font-size:1rem;line-height:1.8;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.button{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;justify-content:center;padding:1rem 1.8rem;text-decoration:none;transition:var(--transition)}.button-primary{background:var(--color-accent);color:#000}.button-primary:hover{box-shadow:0 20px 40px #9fff002e;transform:translateY(-2px)}.button-secondary{background:#ffffff0a;border:1px solid #ffffff29;color:var(--color-secondary)}.button-secondary:hover{background:#ffffff14}.hero-aside{display:flex;justify-content:flex-end}.hero-card{background:#ffffff0a;border:1px solid #9fff002e;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff05,var(--shadow-sm);padding:2rem;width:100%}.hero-card-title{color:var(--color-accent);display:block;font-size:.9rem;font-weight:700;letter-spacing:.16em;margin-bottom:1.5rem;text-transform:uppercase}.hero-card ul{grid-gap:1rem;display:grid;gap:1rem;list-style:none;margin:0;padding:0}.hero-card li{color:var(--color-secondary);font-size:1rem;line-height:1.7}.skills{background:#ffffff08;border:1px solid #9fff001f;border-radius:32px;box-shadow:var(--shadow-md);padding:2rem}.skills-header{align-items:center;color:var(--color-accent);display:flex;font-size:1rem;font-weight:700;gap:.75rem;letter-spacing:.18em;margin-bottom:1.5rem;text-transform:uppercase}.chevron{animation:chevronSlide 2.5s ease-in-out infinite;font-size:1.2rem}.skill-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.skill-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;cursor:pointer;display:flex;gap:1.2rem;padding:1.2rem 1.4rem;transition:var(--transition)}.skill-item:hover{background:#9fff0014;border-color:#9fff0059;transform:translateY(-3px)}.skill-item img{filter:grayscale(100%) brightness(.9);height:52px;object-fit:contain;transition:var(--transition);width:52px}.skill-item:hover img{filter:grayscale(0) brightness(1.1)}.skill-icon{color:#fff9;flex-shrink:0;height:52px;transition:var(--transition);width:52px}.skill-item:hover .skill-icon{color:var(--color-accent);filter:drop-shadow(0 0 8px rgba(159,255,0,.4))}.skill-item span{color:var(--color-secondary);font-size:.85rem;font-weight:600}.skills-description{color:var(--color-muted);font-size:1rem;line-height:1.7;margin-top:1.8rem;max-width:820px}.socials{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.socials a{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:var(--color-secondary);display:inline-flex;gap:.75rem;padding:.95rem 1.2rem;text-decoration:none;transition:var(--transition)}.socials a:hover{background:#9fff001f;transform:translateY(-2px)}.social-icon{color:var(--color-secondary);height:28px;transition:var(--transition);width:28px}.socials a:hover .social-icon{color:var(--color-accent)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chevronSlide{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}@media only screen and (max-width:1024px){.home{gap:2rem;padding:2.5rem 1.5rem}.hero{gap:1.5rem;grid-template-columns:1fr;padding:2rem}.hero-title{font-size:clamp(2.4rem,6vw,3.6rem)}.hero-typewriter{font-size:clamp(1.2rem,3vw,1.6rem)}}@media only screen and (max-width:768px){.home{gap:1.8rem;padding:2rem 1.25rem}.hero{gap:1.25rem;padding:1.5rem}.hero-title{font-size:2.2rem}.hero-description{font-size:.95rem;line-height:1.6}.button{font-size:.95rem;padding:.9rem 1.4rem}.hero-card{padding:1.5rem}.skill-grid{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-item{padding:.8rem 1rem}}@media only screen and (max-width:480px){.home{gap:1.2rem;overflow-x:hidden;padding:1.25rem .75rem}.eyebrow{font-size:.75rem;letter-spacing:.15em}.hero{border-radius:20px;gap:1rem;padding:1.2rem}.hero-title{font-size:1.9rem;line-height:1.1}.hero-typewriter{font-size:1rem;max-width:100%}.hero-description{font-size:.88rem;line-height:1.5;max-width:100%}.button{flex-shrink:0;font-size:.88rem;padding:.75rem 1rem;width:100%}.hero-actions{flex-direction:column;gap:.6rem;width:100%}.hero-card{border-radius:16px;padding:1.2rem}.hero-card-title{font-size:.78rem;margin-bottom:1rem}.hero-card li{font-size:.9rem;line-height:1.4}.skills{border-radius:20px;padding:1.2rem}.skills-header{font-size:.88rem;gap:.5rem;margin-bottom:1rem}.skill-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)}.skill-item{border-radius:14px;flex-direction:column;gap:.5rem;padding:.75rem}.skill-icon,.skill-item img{height:40px;width:40px}.skill-item span{font-size:.75rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.skills-description{font-size:.88rem;line-height:1.5;margin-top:1rem;max-width:100%}.socials{flex-direction:column;gap:.6rem;padding:0 .5rem}.socials a{border-radius:999px;flex-shrink:0;font-size:.88rem;gap:.6rem;padding:.8rem 1rem;width:100%}.social-icon,.socials img{height:22px;width:22px}}.header-font{font-family:Cutive Mono,monospace;font-weight:700;letter-spacing:1px}.text-font{font-family:Quicksand,sans-serif;font-weight:400;letter-spacing:.3px}.cutive-mono-regular-bold{font-weight:800;letter-spacing:1px;text-transform:uppercase}.cutive-mono-regular,.cutive-mono-regular-bold{font-family:Cutive Mono,monospace;font-style:normal}.cutive-mono-regular{font-weight:700;letter-spacing:.5px}.uppercase{font-weight:700;letter-spacing:1px;text-transform:uppercase}.sandwich{display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;margin:auto;width:50px}.sandwich div{background-color:var(--color-secondary);border-radius:2px;height:3px;transform-origin:center;width:100%}.sandwich div,button{transition:var(--transition)}button{align-items:center;background-color:initial;border:0;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px}button:hover{background:#9fff001a}button:hover .sandwich div{background-color:var(--color-accent);box-shadow:0 0 8px #9fff004d}.side-drawer{animation:slideInLeft .3s ease;background:linear-gradient(135deg,#000,#0a0a0a);border-right:1px solid #9fff001a;box-shadow:4px 0 16px #00000080;height:100vh;left:0;position:fixed;top:0;width:70%;z-index:100}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.header-nav{display:flex;gap:.5rem;margin:auto}.header-nav a{border-radius:4px;color:var(--color-secondary);font-size:14px;font-weight:600;letter-spacing:1px;margin:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.header-nav a:before{background:var(--color-accent);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.header-nav a:hover{color:var(--color-accent);transition:var(--transition)}.header-nav a:hover:before{width:100%}@media only screen and (max-width:900px){.header-nav{background:linear-gradient(135deg,#000,#0a0a0a);display:flex;flex-direction:column;gap:0;height:100%;margin-top:10vh}.header-nav a{border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-secondary);font-size:16px;margin:0;padding:1rem}.header-nav a:before{display:none}.header-nav a:hover{background:#9fff001a;border-left:3px solid var(--color-accent);padding-left:calc(1rem - 3px)}}.backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#9fff000d,#0000);border-bottom:1px solid #9fff001a;box-shadow:0 4px 12px #0000004d;display:flex;height:10vh;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.main-header-text{color:var(--color-secondary);cursor:pointer;font-size:28px;font-weight:600;letter-spacing:2px;position:relative;text-decoration:none;transition:var(--transition)}.main-header-text:after{background:var(--color-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main-header-text:hover:after{width:100%}.main-header h2{flex-grow:1;margin:0}.green,.main-header-text:hover{color:var(--color-accent)}.green{text-shadow:0 0 10px #9fff004d}.about{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1280px;min-height:100%;padding:3rem 2rem;width:100%}.about-hero{grid-gap:3rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #9fff001f;border-radius:32px;box-shadow:var(--shadow-md);display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:3rem}.about-hero-content{display:flex;flex-direction:column;gap:1.5rem}.about-eyebrow{color:var(--color-accent);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.about-title{font-size:clamp(2.8rem,5vw,4rem);font-weight:700;line-height:1;margin:0}.about-subtitle{color:var(--color-muted);font-size:1.1rem;font-weight:500;line-height:1.6}.about-profile{align-items:center;display:flex;justify-content:center}.about-profile img{border:2px solid #9fff0033;border-radius:24px;box-shadow:0 20px 60px #9fff0026;max-width:340px;object-fit:cover;transition:var(--transition);width:100%}.about-profile img:hover{border-color:#9fff0059;transform:scale(1.02)}.about-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.about-card{background:#ffffff08;border:1px solid #9fff001f;border-radius:28px;box-shadow:var(--shadow-md);padding:2.5rem}.about-card-title{border-bottom:2px solid #9fff0033;color:var(--color-accent);font-size:1.4rem;font-weight:700;letter-spacing:.15em;margin:0 0 1.8rem;padding-bottom:1rem;text-transform:uppercase}.about-text{color:var(--color-muted);font-size:1rem;line-height:1.8;margin-bottom:1.2rem;text-align:justify}.about-text strong{color:var(--color-accent);font-weight:600}.about-text:last-child{margin-bottom:0}.education-items{display:flex;flex-direction:column;gap:1.5rem}.education-item{background:#9fff000d;border-left:3px solid var(--color-accent);border-radius:8px;padding:1.5rem;transition:var(--transition)}.education-item:hover{background:#9fff0014}.education-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.education-header strong{color:var(--color-accent);font-size:1rem;font-weight:700}.education-year{color:var(--color-muted);font-size:.9rem;white-space:nowrap}.education-university{color:var(--color-secondary);font-size:.95rem;margin:0;opacity:.9}.about-contact{background:linear-gradient(135deg,#9fff0014,#9fff0008);border:1px solid #9fff0026;border-radius:28px;padding:2.5rem;text-align:center}.about-contact-text{color:var(--color-muted);font-size:1rem;line-height:1.7;margin-bottom:2rem}.contact-links{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.contact-link{align-items:center;background:var(--color-accent);border-radius:999px;color:#000;display:inline-flex;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:var(--transition)}.contact-link:hover{box-shadow:0 20px 40px #9fff0040;transform:translateY(-3px)}@media only screen and (max-width:1024px){.about{gap:2.5rem;padding:2.5rem 1.5rem}.about-hero{gap:2.5rem;grid-template-columns:1fr;padding:2rem}.about-profile img{max-width:300px}}@media only screen and (max-width:768px){.about{gap:2rem;padding:2rem 1.25rem}.about-hero{gap:2rem;padding:1.8rem}.about-title{font-size:2.4rem}.about-subtitle{font-size:1rem}.about-content{gap:1.5rem;grid-template-columns:1fr}.about-card{padding:2rem}.about-card-title{font-size:1.2rem;margin-bottom:1.5rem}.about-text{font-size:.95rem}.about-contact{padding:2rem}.contact-link{font-size:.95rem;padding:.9rem 1.8rem}}@media only screen and (max-width:480px){.about{gap:1.5rem;overflow-x:hidden;padding:1.25rem .75rem}.about-hero{border-radius:20px;gap:1.5rem;padding:1.2rem}.about-title{font-size:1.9rem}.about-subtitle{font-size:.9rem}.about-profile img{border-radius:16px;max-width:200px}.about-card{border-radius:16px;padding:1.2rem}.about-card-title{font-size:1rem;margin-bottom:1rem}.about-text{font-size:.88rem;line-height:1.5;margin-bottom:.8rem;text-align:left}.education-item{padding:1rem}.education-header{flex-direction:column;gap:.4rem}.education-header strong{font-size:.9rem}.education-year{font-size:.8rem}.education-university{font-size:.85rem}.about-contact{border-radius:20px;padding:1.2rem}.about-contact-text{font-size:.88rem;margin-bottom:1.2rem}.contact-links{flex-direction:column;gap:.8rem}.contact-link{flex-shrink:0;font-size:.88rem;padding:.8rem 1rem;width:100%}}.projects-list{box-sizing:border-box;color:#fff;margin:0 auto;padding:3rem 2rem;width:min(100%,1200px)}.projects-list li{background:linear-gradient(90deg,#9fff0005,#0000);border-bottom:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;transition:var(--transition)}.projects-list li:hover{background:linear-gradient(90deg,#9fff0014,#0000);border-left-color:#9fff00cc;padding-left:2rem}.projects-list ul{list-style-type:none;margin:1.5rem auto;padding:0}.project-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.project-desc{color:var(--color-muted);font-size:15px;letter-spacing:.3px;line-height:1.6;margin:0}.frontend{font-family:"Cedarville Cursive",cursive;font-size:14px}.backend,.frontend{background:#9fff001a;border-radius:12px;color:var(--color-accent);font-weight:600;padding:.25rem .75rem;white-space:nowrap}.backend{font-family:Orbitron,sans-serif;font-size:12px}.both{background:#9fff001a;border-radius:12px;font-family:Orbitron,cursive;font-size:14px;padding:.25rem .75rem;white-space:nowrap}.both,.projects-list a{color:var(--color-accent);font-weight:600}.projects-list a{display:inline-block;font-size:18px;position:relative;text-decoration:none;transition:var(--transition)}.projects-list a:after{background:var(--color-accent);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.projects-list a:hover{text-shadow:0 0 10px #9fff0080}.projects-list a:hover:after{width:100%}.projects-list h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent) 0,#9fff0099 100%);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;letter-spacing:2px;margin:0 auto 3rem;text-align:center;text-transform:uppercase}.projects-list h2{border-bottom:2px solid var(--color-accent);color:var(--color-secondary);display:inline-block;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;margin-top:3rem;padding-bottom:1rem;position:relative;text-transform:uppercase}.projects-list h2:after{animation:expandWidth .8s ease forwards;background:linear-gradient(90deg,var(--color-accent),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}@keyframes expandWidth{0%{width:0}to{width:100%}}.project-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto;width:90%}@media only screen and (max-width:900px){.projects-list{padding:2rem 1rem}.projects-list h1{font-size:32px;margin-bottom:2rem}.projects-list h2{font-size:18px;margin-top:2rem;width:100%}.project-header{align-items:flex-start;flex-direction:column;gap:.5rem}.projects-list li{padding:1rem}.projects-list li:hover{padding-left:1.5rem}}
/*# sourceMappingURL=main.0d3261d8.css.map*/