@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700;800;900&display=swap";:root{--batman-black: #000000;--gotham-charcoal: #080808;--signal-orange: #FF4D00;--hud-gray: rgba(255, 255, 255, .1);--hud-glow: 0 0 15px rgba(255, 77, 0, .4);--color-white: #ffffff;--color-black: var(--batman-black);--color-accent-orange: var(--signal-orange);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;font-family:var(--font-body);line-height:normal;font-weight:400;color-scheme:dark;color:#fff;background-color:var(--batman-black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--batman-black);color:#fff;overflow-x:hidden;background-image:linear-gradient(#000c,#000c),url(https://www.transparenttextures.com/patterns/asfalt-dark.png)}#root{width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.05em;line-height:.95}.hud-border{border:1px solid var(--hud-gray);position:relative}.hud-border:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px solid var(--signal-orange);border-left:2px solid var(--signal-orange)}.signal-text{color:var(--signal-orange);text-shadow:var(--hud-glow)}.bat-btn{background:transparent;border:1px solid var(--hud-gray);color:#fff;padding:1rem 2rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.bat-btn:hover{border-color:var(--signal-orange);box-shadow:var(--hud-glow);transform:translateY(-2px)}section{padding:150px 5%}em{font-style:italic;color:var(--signal-orange);text-shadow:var(--hud-glow)}button{cursor:pointer;border:none;font-family:var(--font-heading);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.05em;padding:12px 30px;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:var(--color-black);color:var(--color-white);display:flex;align-items:center;justify-content:center;width:fit-content}button:hover{transform:scale(1.05);background-color:var(--color-accent-orange)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background-color:#121212;color:#fff}.secondary:hover{background-color:var(--color-accent-yellow)}.outline{background-color:transparent;border:2px solid var(--color-black);color:var(--color-black)}.outline:hover{background-color:var(--color-black);color:var(--color-white)}.link-container{display:flex;align-items:center;gap:12px}.nav-container{display:flex;position:fixed;top:0;right:0;left:0;padding:1.5rem 5%;align-items:center;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between;z-index:1000}#logo{width:120px;height:auto;font-family:var(--font-heading);font-weight:900;text-transform:uppercase}.link-container{display:flex;align-items:center;gap:40px}.hamburger{display:none;background-color:red;border:none;cursor:pointer;width:30px;color:#fff;height:auto}.hamburger img{width:100%;filter:invert(1)}.links{display:flex;list-style:none;gap:30px}.links li a{font-family:var(--font-heading);font-size:.75rem;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:.15em;transition:color .3s ease}.links li a:hover{color:var(--color-accent-orange)}@media (max-width: 992px){.nav-container{padding:15px 5%}.hamburger{display:block;z-index:1001}.link-container{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:right .4s cubic-bezier(.77,.2,.05,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000}.link-container.active{right:0}.links{display:flex;flex-direction:column;align-items:center;gap:3rem}.links li a{font-size:1.5rem;letter-spacing:.3em}}html,body{width:100%;height:auto;background-color:var(--color-black);color:var(--color-white);overflow-x:hidden}#smooth-wrapper,#smooth-content{width:100%;position:relative}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 5%;background-color:transparent}.hero-text{max-width:1200px}.hero-text h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin-bottom:2rem;letter-spacing:-.04em}.hero-text h1 em{font-style:normal;color:var(--color-accent-orange)}.hero-text h3{font-size:clamp(1rem,2vw,1.5rem);font-family:var(--font-body);font-weight:500;text-transform:none;margin-bottom:2rem;opacity:.6}.hero-btn-section{display:flex;gap:1.5rem}.section-dark{background-color:var(--color-black);color:var(--color-white);border-radius:40px 40px 0 0;margin-top:-40px;position:relative;z-index:10}.section-header{margin-bottom:4rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;padding:0 5%}.section-header h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.section-header h2 em{font-style:normal;color:var(--color-accent-lime)}.section-header p{max-width:500px;opacity:.7;font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 5% 100px}.skill-card{background-color:#1a1a1a;padding:2.5rem;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05)}.skill-card:hover{transform:translateY(-10px);background-color:var(--color-accent-lime);color:var(--color-black)}.skill-card h4{font-size:1.5rem;margin-bottom:1rem}.projects-container{padding:100px 5%}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.project-card{aspect-ratio:16/10;background-color:#111;border-radius:24px;overflow:hidden;position:relative;transition:transform .5s ease}.project-card:hover{transform:scale(.98)}.about-section{padding:150px 5%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;background-color:var(--color-white)}.about-content h2{font-size:clamp(2rem,4vw,4rem);line-height:.9;margin-bottom:2rem}.about-content p{font-size:1.25rem;line-height:1.6;opacity:.8}.contact-strip{padding:15vw 5%;text-align:center;background-color:var(--color-accent-orange);color:var(--color-white)}.contact-strip h2{font-size:clamp(3rem,10vw,10rem);line-height:.8;margin-bottom:4rem;text-transform:uppercase;font-weight:900}.contact-strip h2 em{font-style:normal;opacity:.3}.contact-strip .btn-container{display:flex;justify-content:center;gap:2rem}@media (max-width: 992px){.project-grid,.about-section{grid-template-columns:1fr}}@media (max-width: 768px){.hero-btn-section{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start}.contact-strip .btn-container{flex-direction:column}}.skills-grid{display:grid!important;grid-template-columns:repeat(15,1fr)!important;gap:30px!important}.card-resume{grid-column:span 9!important}.card-frontend{grid-column:span 6!important}.card-ui,.card-backend,.card-brand{grid-column:span 5!important}.email-link{width:100%!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-all!important}.email-link a{display:block!important;width:100%!important}@media (max-width: 768px){footer{flex-direction:column!important;gap:2rem!important;text-align:center!important}}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(6,1fr)!important}.card-resume,.card-frontend{grid-column:span 6!important}.card-ui,.card-backend{grid-column:span 3!important}.card-brand{grid-column:span 6!important}}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(2,1fr)!important}.card-resume,.card-frontend,.card-ui,.card-backend,.card-brand{grid-column:span 2!important}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr!important}.card-resume,.card-frontend,.card-ui,.card-backend,.card-brand{grid-column:span 1!important}}.aura-noise{position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.05;pointer-events:none;z-index:9999}.scanline{width:100%;height:100px;z-index:10;background:linear-gradient(0deg,#0000,#ff4d0005,#0000);opacity:.1;position:absolute;bottom:100%;animation:scanline 8s linear infinite}@keyframes scanline{0%{bottom:100%}to{bottom:-100%}}@keyframes hudBarGrow{0%{height:10%;opacity:.3}to{height:100%;opacity:1}}.gotham-map{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://w0.peakpx.com/wallpaper/246/40/HD-wallpaper-gotham-city-map-city-map-gotham.jpg);background-size:cover;background-position:center;opacity:.03;pointer-events:none;z-index:0;filter:grayscale(1) contrast(1.5)}.bat-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vw;background:radial-gradient(circle,var(--signal-orange) 0%,transparent 60%);opacity:.02;pointer-events:none;-webkit-mask-image:url(https://upload.wikimedia.org/wikipedia/commons/e/e0/Batman_Logo.svg);mask-image:url(https://upload.wikimedia.org/wikipedia/commons/e/e0/Batman_Logo.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.searchlight{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,77,0,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(50px)}.hud-corner{position:absolute;width:20px;height:20px;border:1px solid var(--signal-orange);opacity:.2}.hud-corner.tl{top:20px;left:20px;border-right:none;border-bottom:none}.hud-corner.tr{top:20px;right:20px;border-left:none;border-bottom:none}.hud-corner.bl{bottom:20px;left:20px;border-right:none;border-top:none}.hud-corner.br{bottom:20px;right:20px;border-left:none;border-top:none}@media (max-width: 480px){section{padding:40px 1.25rem!important}.hero-text h1{font-size:clamp(2.5rem,15vw,3.5rem)!important}.hero-btn-section{flex-direction:column!important;gap:.75rem!important;margin-top:3rem!important}.hero-btn-section>*,.hero-btn-section a,.hero-btn-section button{width:100%!important;padding:1rem!important}.stat-card{padding:1.5rem 0!important;border-bottom:1px solid rgba(255,255,255,.05)}.stat-card:last-child{border-bottom:none}.experience-item{padding:1.25rem!important}.experience-item>div:first-child{flex-direction:column!important;gap:.25rem!important}.skill-card{padding:2rem 1.25rem!important;min-height:320px!important}.skill-card h3{font-size:2.25rem!important}.project-item{padding:40px 1.25rem!important}.project-image-box{margin:2rem 0!important;height:250px!important}.btn-container{flex-direction:column!important;gap:.75rem!important}.btn-container>*,.btn-container a,.btn-container button{width:100%!important}.section-header{margin-bottom:2.5rem!important}.ot-watermark{bottom:10px;left:10px;font-size:.45rem}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{transition:background-color .5s ease}@media (max-width: 992px){.bio-intel>div:first-child{grid-template-columns:1fr!important;gap:2rem!important}.project-item{flex-direction:column!important;align-items:flex-start!important;padding:60px 5%!important}.project-image-box{width:100%!important;height:300px!important;margin:3rem 0!important}.project-info{width:100%!important}}.wayne-watermark{position:fixed;bottom:20px;left:20px;font-size:.5rem;letter-spacing:.3em;opacity:.08;z-index:100;pointer-events:none;text-transform:uppercase;font-family:monospace}.bio-profile-frame{position:relative;width:380px;height:480px;flex-shrink:0}.bio-profile-img{position:relative;z-index:3;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.15);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);filter:grayscale(30%) contrast(1.2) brightness(.75) saturate(.6);transition:filter .6s ease,transform .6s ease}.bio-profile-frame:hover .bio-profile-img{filter:grayscale(0%) contrast(1.1) brightness(.95) saturate(1.1);transform:scale(1.2)}.bio-profile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 35%,rgba(0,0,0,.2) 65%,rgba(255,77,0,.12) 85%,rgba(0,0,0,.75) 100%);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);pointer-events:none}.bio-profile-hud-scan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);pointer-events:none}.bio-profile-hud-scan:after{content:"";position:absolute;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,77,0,.6),transparent);animation:bioScan 3s linear infinite;box-shadow:0 0 12px #ff4d0066}@keyframes bioScan{0%{top:-4px;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}.bio-profile-corners{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.bp-corner{position:absolute;width:22px;height:22px;border-color:var(--signal-orange);border-style:solid;opacity:.7;animation:bpCornerPulse 2.5s ease-in-out infinite alternate}.bp-corner.tl{top:0;left:0;border-width:2px 0 0 2px}.bp-corner.tr{top:0;right:0;border-width:2px 2px 0 0}.bp-corner.bl{bottom:0;left:0;border-width:0 0 2px 2px}.bp-corner.br{bottom:0;right:0;border-width:0 2px 2px 0}@keyframes bpCornerPulse{0%{opacity:.4}to{opacity:1}}.bio-profile-aura-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--signal-orange);pointer-events:none;z-index:1}.ring-1{width:360px;height:360px;opacity:.12;animation:auraRingPulse 3s ease-in-out infinite}.ring-2{width:420px;height:420px;opacity:.07;animation:auraRingPulse 3s ease-in-out .6s infinite}.ring-3{width:490px;height:490px;opacity:.04;animation:auraRingPulse 3s ease-in-out 1.2s infinite}@keyframes auraRingPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--ring-base-opacity, .1)}50%{transform:translate(-50%,-50%) scale(1.06);opacity:calc(var(--ring-base-opacity, .1) * 2.5)}}.bio-profile-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:.55rem;letter-spacing:.25em;color:var(--signal-orange);opacity:.5;white-space:nowrap;z-index:6;font-family:monospace;animation:labelFlicker 4s ease-in-out infinite}@keyframes labelFlicker{0%,to{opacity:.5}45%{opacity:.5}50%{opacity:.1}55%{opacity:.5}80%{opacity:.5}85%{opacity:.15}90%{opacity:.5}}@media (max-width: 480px){.bio-profile-frame{width:280px;height:360px}.ring-1{width:310px;height:310px}.ring-2{width:370px;height:370px}.ring-3{width:430px;height:430px}}.about-page{background-color:var(--batman-black);color:#fff;min-height:100vh;width:100%;position:relative;overflow-x:hidden}.about-heading{padding:160px 5% 4rem}.about-eyebrow{font-size:.8rem;letter-spacing:.4em;opacity:.3;margin-bottom:1.5rem}.about-title{font-size:clamp(3rem,10vw,8rem);line-height:.85;font-weight:900;margin:0}.bio-split-row{display:flex;width:100vw;min-height:560px;align-items:stretch}.bio-split-text{width:50vw;padding:5rem 5vw;background:#ffffff05;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.bio-p-main{font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.6;opacity:.85;margin-bottom:2.5rem;font-weight:500}.bio-p-sub{font-size:clamp(.8rem,1vw,1rem);opacity:.4;line-height:1.8;letter-spacing:.05em}.bio-split-img{width:50vw;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:5rem 3vw;background:#ff4d0005}.about-socials-wrap{padding:6rem 5%}.social-label{font-size:.8rem;opacity:.3;letter-spacing:.3em;margin-bottom:2rem;font-weight:400}.social-links{display:flex;flex-direction:column;gap:1.5rem}.social-link{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease,color .3s ease;color:#fff;text-decoration:none}.social-link:hover{transform:translate(15px);color:var(--signal-orange)}.social-slash{color:var(--signal-orange);opacity:.5}@media (max-width: 900px){.bio-split-row{flex-direction:column;width:100%;min-height:unset}.bio-split-text,.bio-split-img{width:100%;padding:4rem 5%}.bio-split-img{min-height:480px}}@media (max-width: 480px){.about-heading{padding:120px 5% 3rem}.bio-split-text{padding:3rem 5%}.bio-split-img{min-height:380px;padding:3rem 5%}.about-socials-wrap{padding:4rem 5%}}