@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700;800&family=Orbitron:wght@400;700;900&display=swap);:root{--primary:#00ff41;--secondary:#00d9ff;--accent:#ff0080;--warning:#fc0;--dark:#0a0e27;--darker:#050810;--darkest:#020408;--light:#fff;--gray:#8b949e;--terminal-green:#00ff41;--neon-blue:#00d9ff;--neon-pink:#ff0080;--gradient-primary:linear-gradient(135deg,#00ff41,#00d9ff);--gradient-accent:linear-gradient(135deg,#00d9ff,#ff0080);--gradient-hack:linear-gradient(135deg,#00ff41,#00d9ff 50%,#ff0080);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-neon:0 0 30px rgba(0,255,65,.5);--shadow-cyan:0 0 30px rgba(0,217,255,.5)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020408;background:var(--darkest);background-attachment:fixed;background-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.02) 0,rgba(0,255,65,.02) 4px),radial-gradient(circle at 20% 50%,rgba(0,255,65,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,217,255,.08) 0,transparent 50%),url(/static/media/bg.3e33612dfde5a5667404.png);background-size:100%,cover,cover,cover;color:#fff;color:var(--light);font-family:JetBrains Mono,Courier New,monospace;margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}body:after{background:radial-gradient(circle,transparent 0,rgba(2,4,8,.6) 100%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}code{background:rgba(0,255,65,.1);border:1px solid rgba(0,255,65,.3);border-radius:4px;box-shadow:0 0 10px rgba(0,255,65,.2);font-family:JetBrains Mono,Courier New,monospace;font-size:.9em;padding:2px 8px}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}html{scroll-behavior:smooth}::selection{background:#00ff41;background:var(--terminal-green);color:#020408;color:var(--darkest);text-shadow:none}*{cursor:crosshair}a,button{cursor:pointer}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#020408;background:var(--darkest);border-left:1px solid rgba(0,255,65,.2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff41,#00d9ff);background:linear-gradient(180deg,var(--terminal-green) 0,var(--neon-blue) 100%);border:1px solid rgba(0,255,65,.5);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00ff41;background:var(--terminal-green);box-shadow:0 0 10px #00ff41;box-shadow:0 0 10px var(--terminal-green)}@keyframes glitch{0%{text-shadow:2px 0 #00d9ff,-2px 0 #ff0080;text-shadow:2px 0 var(--neon-blue),-2px 0 var(--neon-pink)}25%{text-shadow:-2px 0 #00d9ff,2px 0 #ff0080;text-shadow:-2px 0 var(--neon-blue),2px 0 var(--neon-pink)}50%{text-shadow:2px -2px #00d9ff,-2px 2px #ff0080;text-shadow:2px -2px var(--neon-blue),-2px 2px var(--neon-pink)}75%{text-shadow:-2px -2px #00d9ff,2px 2px #ff0080;text-shadow:-2px -2px var(--neon-blue),2px 2px var(--neon-pink)}to{text-shadow:2px 0 #00d9ff,-2px 0 #ff0080;text-shadow:2px 0 var(--neon-blue),-2px 0 var(--neon-pink)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes neonPulse{0%,to{text-shadow:0 0 5px #00ff41,0 0 10px #00ff41,0 0 20px #00ff41,0 0 40px #00d9ff;text-shadow:0 0 5px var(--terminal-green),0 0 10px var(--terminal-green),0 0 20px var(--terminal-green),0 0 40px var(--neon-blue)}50%{text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px #00ff41,0 0 60px #00d9ff;text-shadow:0 0 10px var(--terminal-green),0 0 20px var(--terminal-green),0 0 30px var(--terminal-green),0 0 60px var(--neon-blue)}}.hex-pattern{background-image:linear-gradient(30deg,rgba(0,255,65,.02) 12%,transparent 12.5%,transparent 87%,rgba(0,255,65,.02) 87.5%,rgba(0,255,65,.02)),linear-gradient(150deg,rgba(0,255,65,.02) 12%,transparent 12.5%,transparent 87%,rgba(0,255,65,.02) 87.5%,rgba(0,255,65,.02)),linear-gradient(30deg,rgba(0,255,65,.02) 12%,transparent 12.5%,transparent 87%,rgba(0,255,65,.02) 87.5%,rgba(0,255,65,.02)),linear-gradient(150deg,rgba(0,255,65,.02) 12%,transparent 12.5%,transparent 87%,rgba(0,255,65,.02) 87.5%,rgba(0,255,65,.02));background-position:0 0,0 0,40px 70px,40px 70px;background-size:80px 140px}.App{animation:fadeIn .5s ease-out;min-width:250px}.container{margin:0 auto;max-width:1400px;padding:0 20px}.section{padding:80px 0}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus-visible,button:focus-visible{border-radius:4px;outline:2px solid var(--primary);outline-offset:4px}@media print{body{background:#fff;color:#000}.App-header,.Area-Of-Focus-Area,.cert,.project{background:#fff;border:1px solid #ccc;box-shadow:none}}.App{text-align:center;z-index:1}.App,.App-header{position:relative}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:80px 20px}.Images{animation:fadeInScale 1s ease-out;margin-bottom:40px;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.Me{border:3px solid var(--terminal-green);border-radius:50%;box-shadow:0 0 20px rgba(0,255,65,.6),0 0 40px rgba(0,255,65,.4),inset 0 0 20px rgba(0,255,65,.2);filter:contrast(1.1) brightness(1.05);height:180px;left:50%;object-fit:cover;position:absolute;top:0;transform:translateX(-50%);transition:opacity .5s ease-in-out;width:180px}.Me:hover{opacity:0}.Logo{border:3px solid var(--neon-blue);border-radius:50%;box-shadow:0 0 20px rgba(0,217,255,.6),0 0 40px rgba(0,217,255,.4),inset 0 0 20px rgba(0,217,255,.2);filter:contrast(1.1) brightness(1.05);height:180px;object-fit:cover;pointer-events:none;width:180px}#main-Div{animation:slideUp .8s ease-out .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(2,4,8,.95);border:2px solid var(--terminal-green);border-radius:8px;box-shadow:0 0 20px rgba(0,255,65,.3),0 20px 60px rgba(0,0,0,.5),inset 0 0 60px rgba(0,255,65,.05);margin:0 auto;max-width:900px;padding:50px 40px;position:relative}#main-Div:before{content:"●●●";font-size:.6rem;left:15px;letter-spacing:4px}#main-Div:after,#main-Div:before{color:var(--terminal-green);opacity:.5;position:absolute;top:12px}#main-Div:after{animation:blink 1s infinite;content:"> _";font-family:JetBrains Mono,monospace;font-size:.8rem;right:15px}.Name{-webkit-text-fill-color:transparent;animation:neonPulse 3s ease-in-out infinite;background:var(--gradient-hack);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:.05em;margin:20px 0;position:relative;text-transform:uppercase}.Name:hover{animation:glitch .3s infinite,neonPulse 3s ease-in-out infinite}.Bio{color:var(--terminal-green);font-size:clamp(1rem,2vw,1.3rem);font-weight:600;line-height:1.6;margin:20px 0;padding:0 10px;text-shadow:0 0 10px rgba(0,255,65,.5)}.Bio,.SubBio{font-family:JetBrains Mono,monospace}.SubBio{background:rgba(0,217,255,.05);border-left:3px solid var(--neon-blue);color:var(--gray);font-size:clamp(.9rem,1.5vw,1rem);font-weight:400;line-height:1.8;margin:30px auto;max-width:800px;padding:20px;text-align:left}.SubBio:before{color:var(--neon-blue);content:"// PROFILE";display:block;font-size:.75rem;letter-spacing:2px;margin-bottom:10px;opacity:.7}.Roles{display:flex;flex-direction:column;gap:12px;margin:40px 0 30px}.Roles h3{background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.3);border-left:4px solid var(--terminal-green);border-radius:4px;color:var(--light);cursor:default;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:600;margin:0;overflow:hidden;padding:14px 20px;position:relative;text-align:left;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.Roles h3:before{color:var(--terminal-green);content:"$ ";margin-right:8px}.Roles h3:after{background:var(--gradient-primary);content:"";height:100%;left:-100%;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.Roles h3:hover:after{left:0;opacity:.1}.Roles h3:hover{background:rgba(0,255,65,.08);border-color:var(--terminal-green);box-shadow:0 0 20px rgba(0,255,65,.3),inset 0 0 20px rgba(0,255,65,.1);transform:translateX(10px)}.Roles a{color:inherit;display:block;text-decoration:none}.lines{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0 15px}.item{background:rgba(0,0,0,.6);border:2px solid var(--terminal-green);border-radius:4px;box-shadow:0 0 10px rgba(0,255,65,.2),inset 0 0 10px rgba(0,255,65,.1);color:var(--terminal-green);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.item:before{content:"[";left:8px}.item:after,.item:before{position:absolute;transition:all .3s ease}.item:after{content:"]";right:8px}.item:hover:before{color:var(--neon-blue);left:4px}.item:hover:after{color:var(--neon-blue);right:4px}.item:hover{background:rgba(0,217,255,.1);border-color:var(--neon-blue);box-shadow:0 0 30px rgba(0,217,255,.5),inset 0 0 20px rgba(0,217,255,.2);color:var(--neon-blue);transform:translateY(-3px)}.item:active{box-shadow:0 0 15px rgba(0,217,255,.3),inset 0 0 10px rgba(0,217,255,.3);transform:translateY(0)}@media (max-width:768px){.App-header{padding:60px 15px}#main-Div{border-radius:6px;padding:40px 24px}.Logo,.Me{height:140px;width:140px}.SubBio{padding:15px}.Roles h3:hover{transform:none}.lines{gap:10px}.item{font-size:.85rem;padding:10px 20px}}@media (max-width:480px){.Logo,.Me{height:120px;width:120px}#main-Div{padding:30px 20px}#main-Div:after,#main-Div:before{font-size:.6rem}.lines{align-items:stretch;flex-direction:column}.item{width:100%}.Name{font-size:2rem}}.certs-main{animation:fadeIn 1s ease-out;color:var(--light);margin:80px auto;max-width:1400px;padding:0 20px 80px}.certs-title{-webkit-text-fill-color:transparent;animation:neonPulse 4s ease-in-out infinite;background:var(--gradient-hack);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;letter-spacing:.1em;margin-bottom:60px;position:relative;text-align:center;text-transform:uppercase}.certs-title:before{color:var(--neon-pink);content:"[ ";opacity:.7}.certs-title:after{color:var(--neon-pink);content:" ]";opacity:.7}.certs-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.cert{align-items:center;animation:scaleIn .5s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(2,4,8,.9);border:2px solid rgba(0,217,255,.3);border-radius:6px;box-shadow:0 0 20px rgba(0,217,255,.1),inset 0 0 40px rgba(0,217,255,.03);display:flex;flex-direction:column;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cert:first-child{animation-delay:.1s}.cert:nth-child(2){animation-delay:.2s}.cert:nth-child(3){animation-delay:.3s}.cert:nth-child(4){animation-delay:.4s}.cert:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(0,217,255,.03) 0,rgba(0,217,255,.03) 11px),repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,217,255,.03) 0,rgba(0,217,255,.03) 11px);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.cert:hover:before{opacity:1}.cert:after{border-bottom:2px solid var(--neon-blue);border-left:2px solid var(--neon-blue);bottom:10px;content:"";height:25px;left:10px;opacity:.3;position:absolute;transition:all .3s ease;width:25px;z-index:1}.cert:hover:after{box-shadow:0 0 10px var(--neon-blue);height:35px;opacity:1;width:35px}.cert:hover{border-color:var(--neon-blue);box-shadow:0 0 40px rgba(0,217,255,.4),inset 0 0 60px rgba(0,217,255,.08);transform:translateY(-12px) scale(1.02)}.cert-title-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:80px;position:relative;width:100%;z-index:2}.cert-title-container h3{color:var(--light);font-family:JetBrains Mono,monospace;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;letter-spacing:.05em;line-height:1.4;margin:0;text-transform:uppercase;transition:color .3s ease}.cert-title-container h3:before{color:var(--neon-blue);content:"> ";opacity:.7}.cert:hover .cert-title-container h3{color:var(--neon-blue);text-shadow:0 0 10px rgba(0,217,255,.5)}.cert a{display:block;position:relative;width:100%;z-index:2}.cert img{border:2px solid rgba(0,217,255,.2);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.4);filter:contrast(1.1) brightness(.95);height:auto;max-width:280px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.cert:hover img{border-color:var(--neon-blue);box-shadow:0 12px 40px rgba(0,217,255,.3),0 0 30px rgba(0,217,255,.2);filter:contrast(1.15) brightness(1.05);transform:scale(1.05)}#BTC,#CCP,#DVA,#SAA,#SOA{max-width:260px}.Pen,.eJPT{max-width:280px}.cert:hover .cert-title-container:after{align-items:center;animation:pulse 1s ease-in-out;background:var(--terminal-green);border-radius:50%;box-shadow:0 0 20px var(--terminal-green);color:var(--darkest);content:"✓";display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:-15px;top:-15px;width:30px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1024px){.certs-row{gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.certs-main{margin:60px auto;padding:0 15px 60px}.certs-title{margin-bottom:40px}.certs-row{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cert{padding:24px}.cert:hover{transform:translateY(-8px) scale(1.01)}.cert-title-container{min-height:70px}}@media (max-width:480px){.certs-row{gap:20px;grid-template-columns:1fr}.cert{padding:20px}.cert:hover{transform:none}.cert-title-container{min-height:60px}.certs-title:after,.certs-title:before{display:none}}.Area-Of-Focus-Main{animation:fadeIn 1s ease-out;color:var(--light);margin:80px auto;max-width:1200px;padding:0 20px 80px;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Area-Of-Focus-Title{-webkit-text-fill-color:transparent;animation:neonPulse 4s ease-in-out infinite;background:var(--gradient-hack);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;letter-spacing:.1em;margin-bottom:60px;position:relative;text-align:center;text-transform:uppercase}.Area-Of-Focus-Title:before{color:var(--terminal-green);content:"< ";opacity:.7}.Area-Of-Focus-Title:after{color:var(--neon-blue);content:" />";opacity:.7}.Area-Of-Focus-Area{animation:slideInLeft .6s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(2,4,8,.9);border:2px solid rgba(0,255,65,.3);border-left:5px solid var(--terminal-green);border-radius:6px;box-shadow:0 0 20px rgba(0,255,65,.1),inset 0 0 40px rgba(0,255,65,.03);margin-bottom:30px;overflow:hidden;padding:40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.Area-Of-Focus-Area:nth-child(2){animation-delay:.1s;border-left-color:var(--neon-blue)}.Area-Of-Focus-Area:nth-child(3){animation-delay:.2s;border-left-color:var(--neon-pink)}.Area-Of-Focus-Area:nth-child(4){animation-delay:.3s;border-left-color:var(--warning)}.Area-Of-Focus-Area:nth-child(5){animation-delay:.4s;border-left-color:var(--neon-blue)}.Area-Of-Focus-Area:nth-child(6){animation-delay:.5s;border-left-color:var(--terminal-green)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.Area-Of-Focus-Area:before{background-image:linear-gradient(30deg,rgba(0,255,65,.03) 12%,transparent 12.5%,transparent 87%,rgba(0,255,65,.03) 87.5%),linear-gradient(150deg,rgba(0,255,65,.03) 12%,transparent 12.5%,transparent 87%,rgba(0,255,65,.03) 87.5%);background-size:60px 104px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.Area-Of-Focus-Area:hover:before{opacity:1}.Area-Of-Focus-Area:after{border-right:2px solid var(--terminal-green);border-top:2px solid var(--terminal-green);content:"";height:30px;opacity:.3;position:absolute;right:10px;top:10px;transition:all .3s ease;width:30px}.Area-Of-Focus-Area:hover:after{box-shadow:0 0 10px var(--terminal-green);height:40px;opacity:1;width:40px}.Area-Of-Focus-Area:hover{background:rgba(2,4,8,.95);border-color:var(--terminal-green);box-shadow:0 0 30px rgba(0,255,65,.3),inset 0 0 60px rgba(0,255,65,.08);transform:translateX(10px)}.Area-Of-Focus-Area h2{color:var(--terminal-green);display:inline-block;font-size:clamp(1.5rem,3vw,2rem);font-weight:900;letter-spacing:.05em;margin:0 0 20px;position:relative;text-shadow:0 0 10px rgba(0,255,65,.5);text-transform:uppercase;z-index:1}.Area-Of-Focus-Area h2:before{content:"0x";font-family:JetBrains Mono,monospace;font-size:.7em;margin-right:8px;opacity:.5}.Area-Of-Focus-Area h2:after{background:var(--terminal-green);bottom:-8px;box-shadow:0 0 8px var(--terminal-green);content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.Area-Of-Focus-Area:hover h2:after{width:100%}.Area-Of-Focus-Area:nth-child(2):hover h2{color:var(--neon-blue);text-shadow:0 0 10px rgba(0,217,255,.5)}.Area-Of-Focus-Area:nth-child(3):hover h2{color:var(--neon-pink);text-shadow:0 0 10px rgba(255,0,128,.5)}.Area-Of-Focus-Area:nth-child(4):hover h2{color:var(--warning);text-shadow:0 0 10px rgba(255,204,0,.5)}.Area-Of-Focus-Area p{color:hsla(0,0%,100%,.8);font-family:JetBrains Mono,monospace;font-size:clamp(.9rem,1.5vw,1rem);font-weight:400;line-height:1.9;margin:0;position:relative;text-align:left;z-index:1}.Area-Of-Focus-Area p:first-line{color:var(--neon-blue);font-weight:600}@media (max-width:768px){.Area-Of-Focus-Main{margin:60px auto;padding:0 15px 60px}.Area-Of-Focus-Title{margin-bottom:40px}.Area-Of-Focus-Area{margin-bottom:20px;padding:30px 24px}.Area-Of-Focus-Area:hover{transform:none}}@media (max-width:480px){.Area-Of-Focus-Area{padding:24px 20px}.Area-Of-Focus-Area h2{margin-bottom:15px}.Area-Of-Focus-Title:after,.Area-Of-Focus-Title:before{display:none}}.projects-main{animation:fadeIn 1s ease-out;color:var(--light);margin:80px auto;max-width:1200px;padding:0 20px 80px}.projects-main>h1{-webkit-text-fill-color:transparent;animation:neonPulse 4s ease-in-out infinite;background:var(--gradient-hack);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;letter-spacing:.1em;margin-bottom:60px;position:relative;text-align:center;text-transform:uppercase}.projects-main>h1:before{color:var(--warning);content:"{ ";opacity:.7}.projects-main>h1:after{color:var(--warning);content:" }";opacity:.7}.project{animation:slideUp .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(2,4,8,.95);border:2px solid rgba(255,204,0,.3);border-left:5px solid var(--warning);border-radius:6px;box-shadow:0 0 20px rgba(255,204,0,.1),inset 0 0 40px rgba(255,204,0,.03);margin-bottom:40px;overflow:hidden;padding:50px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project:nth-child(2){animation-delay:.05s}.project:nth-child(3){animation-delay:.1s}.project:nth-child(4){animation-delay:.15s}.project:nth-child(5){animation-delay:.2s}.project:nth-child(6){animation-delay:.25s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(255,204,0,.02) 0,rgba(255,204,0,.02) 16px),repeating-linear-gradient(90deg,transparent,transparent 15px,rgba(255,204,0,.02) 0,rgba(255,204,0,.02) 16px);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s ease;width:100%;z-index:0}.project:hover:before{opacity:1}.project:hover{background:rgba(2,4,8,.98);border-color:var(--warning);box-shadow:0 0 40px rgba(255,204,0,.3),inset 0 0 60px rgba(255,204,0,.08);transform:translateX(10px)}.project *{position:relative;z-index:1}.project-title{color:var(--light);font-size:clamp(1.5rem,3vw,2rem);font-weight:900;letter-spacing:.03em;margin:0 0 10px;text-transform:uppercase;transition:color .3s ease}.project-title:before{color:var(--warning);content:"// ";opacity:.7}.project:hover .project-title{color:var(--warning);text-shadow:0 0 15px rgba(255,204,0,.5)}.project-dates{color:var(--neon-blue);font-family:JetBrains Mono,monospace;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;margin:0 0 25px;text-shadow:0 0 10px rgba(0,217,255,.3)}.project-dates:before{color:var(--terminal-green);content:"⟩ "}.project h1{border-bottom:1px solid rgba(0,255,65,.2);border-top:1px solid rgba(0,255,65,.2);color:var(--terminal-green);font-family:JetBrains Mono,monospace;font-size:clamp(.85rem,1.2vw,1rem);font-weight:700;letter-spacing:1px;margin:25px 0 20px;padding:8px 0;text-shadow:0 0 10px rgba(0,255,65,.3);text-transform:uppercase}.project h1:before{color:var(--terminal-green);content:"[STACK]: ";opacity:.7}.project h2{color:var(--gray);font-family:JetBrains Mono,monospace;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;margin:15px 0}.project a{display:inline-block;transition:all .3s ease}.screenshot{border:2px solid rgba(255,204,0,.2);border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 20px rgba(255,204,0,.1);filter:contrast(1.1) brightness(.95);height:auto;margin:25px 0;max-width:600px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.screenshot:hover{border-color:var(--warning);box-shadow:0 16px 60px rgba(0,0,0,.6),0 0 40px rgba(255,204,0,.3);filter:contrast(1.15) brightness(1.05);transform:scale(1.03) translateY(-5px)}.vertScreenShot{border:2px solid rgba(255,204,0,.2);border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 20px rgba(255,204,0,.1);filter:contrast(1.1) brightness(.95);margin:25px 0;max-height:500px;max-width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);width:auto}.vertScreenShot:hover{border-color:var(--warning);box-shadow:0 16px 60px rgba(0,0,0,.6),0 0 40px rgba(255,204,0,.3);filter:contrast(1.15) brightness(1.05);transform:scale(1.03) translateY(-5px)}.description{color:hsla(0,0%,100%,.85);font-family:JetBrains Mono,monospace;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:400;line-height:1.9;margin:25px auto;max-width:900px;padding:0 20px;text-align:left}.description:first-line{color:var(--neon-blue);font-weight:600}.project:nth-child(2),.project:nth-child(3){background:rgba(2,4,8,.98);border:2px solid rgba(0,255,65,.4);border-left:5px solid var(--terminal-green);box-shadow:0 0 30px rgba(0,255,65,.2),inset 0 0 40px rgba(0,255,65,.05)}.project:nth-child(2):after,.project:nth-child(3):after{animation:neonPulse 3s ease-in-out infinite;background:var(--terminal-green);border-radius:4px;box-shadow:0 0 30px rgba(0,255,65,.6),inset 0 0 10px rgba(0,255,65,.3);color:var(--darkest);content:"★ FEATURED";font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:900;letter-spacing:2px;padding:8px 20px;position:absolute;right:20px;top:20px;z-index:10}.project:nth-child(2) .project-title:after,.project:nth-child(3) .project-title:after{color:var(--terminal-green);content:" [0x01]";font-family:JetBrains Mono,monospace;font-size:.6em;font-weight:400;opacity:.5}@media (max-width:768px){.projects-main{margin:60px auto;padding:0 15px 60px}.projects-main>h1{margin-bottom:40px}.project{margin-bottom:30px;padding:40px 24px}.project:hover{transform:none}.screenshot,.vertScreenShot{margin:20px 0}.screenshot:hover,.vertScreenShot:hover{transform:scale(1.01)}.description{padding:0 10px}}@media (max-width:480px){.project{padding:30px 20px}.screenshot,.vertScreenShot{border-radius:4px}.screenshot:hover,.vertScreenShot:hover{transform:none}.project:nth-child(2):after,.project:nth-child(3):after{font-size:.65rem;padding:6px 14px;right:15px;top:15px}.project-title:before,.projects-main>h1:after,.projects-main>h1:before{display:none}}
/*# sourceMappingURL=main.51e55342.css.map*/