:root{--navy: #0a192f;--light-navy: #112240;--lightest-navy: #233554;--green: #64ffda;--green-glow: rgba(100, 255, 218, .4);--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--white: #e6f1ff;--font-sans: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--transition: all .25s cubic-bezier(.645, .045, .355, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--navy);color:var(--slate);font-family:var(--font-sans);overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--lightest-slate);font-weight:700;line-height:1.1;font-family:var(--font-sans)}p{line-height:1.6}a{color:var(--green);text-decoration:none;transition:var(--transition)}a:hover{text-shadow:0 0 8px var(--green-glow)}.external-link{color:var(--light-slate)}.external-link:hover{color:var(--green);text-shadow:none}.section-padding{padding:100px 10%}#intro-loader{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--navy);z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}#intro-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{display:flex;flex-direction:column;align-items:center;gap:28px}.intro-heading{display:flex;flex-direction:column;align-items:center;gap:8px}.intro-eyebrow{font-family:var(--font-mono);font-size:clamp(.75rem,1.5vw,.95rem);color:var(--slate);letter-spacing:.2em;text-transform:lowercase}.intro-name{font-family:var(--font-sans);font-size:clamp(28px,5vw,52px);font-weight:700;color:var(--green);letter-spacing:.04em;text-shadow:0 0 30px var(--green),0 0 60px rgba(100,255,218,.2);animation:introPulse 1.8s ease-in-out infinite alternate}@keyframes introPulse{0%{text-shadow:0 0 30px var(--green),0 0 60px rgba(100,255,218,.2)}to{text-shadow:0 0 60px var(--green),0 0 120px rgba(100,255,218,.45)}}.intro-bar-wrapper{width:min(380px,80vw);height:3px;background:var(--lightest-navy);border-radius:999px;overflow:hidden}.intro-bar{height:100%;width:0%;background:var(--green);border-radius:999px;box-shadow:0 0 12px var(--green);transition:width .05s linear}.intro-tagline{font-family:var(--font-mono);font-size:clamp(.8rem,2vw,1rem);color:var(--slate);letter-spacing:.05em;min-height:1.4em}.intro-tagline:after{content:"|";animation:blink .75s step-start infinite;color:var(--green);margin-left:2px}@keyframes blink{50%{opacity:0}}.binary-trail{position:fixed;pointer-events:none;color:var(--green);font-family:var(--font-mono);font-size:14px;z-index:9999;animation:fadeOut .8s forwards;text-shadow:0 0 5px var(--green-glow);transform:translate(-50%,-50%)}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.5)}}.reveal{opacity:0;transform:translateY(30px);transition:all .5s ease-out}.reveal.active{opacity:1;transform:translateY(0)}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:30px 50px;position:fixed;width:100%;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.logo{color:var(--green);font-family:var(--font-mono);font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none;gap:30px;font-family:var(--font-mono);font-size:.9rem}.nav-links a{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.nav-links a:hover{color:var(--lightest-slate);text-shadow:0 0 15px var(--green)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between}.hero-content{max-width:55%;min-width:0;overflow:hidden}.eyebrow{color:var(--green);font-family:var(--font-mono);margin-bottom:20px}.name{font-size:clamp(40px,8vw,80px);margin-bottom:10px;color:var(--lightest-slate);text-shadow:0 0 20px rgba(204,214,246,.4);opacity:0;transform:translateY(20px);transition:none}.name.name-reveal{animation:nameReveal .65s cubic-bezier(.16,1,.3,1) forwards}@keyframes nameReveal{0%{opacity:0;transform:translateY(20px) scale(.97);text-shadow:0 0 0px rgba(204,214,246,0)}60%{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 40px rgba(100,255,218,.6)}to{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 20px rgba(204,214,246,.4)}}.subtitle{font-size:clamp(24px,5vw,50px);color:var(--green);margin-bottom:20px;white-space:nowrap;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.subtitle.subtitle-visible{opacity:1;transform:translateY(0)}.eyebrow.typing:after{content:"|";color:var(--green);animation:blink .75s step-start infinite;margin-left:2px}#hero-rotating{color:var(--green);border-right:3px solid var(--green);padding-right:4px;animation:cursorBlink .8s step-end infinite}#hero-rotating.no-cursor{border-right-color:transparent;animation:none}@keyframes cursorBlink{50%{border-color:transparent}}.description{max-width:540px;font-size:1.1rem;margin-bottom:40px}.hero-cta{display:flex;gap:20px}.btn{padding:15px 30px;border-radius:4px;font-family:var(--font-mono);font-size:.9rem;transition:var(--transition);display:inline-block}.primary-btn{background:transparent;color:var(--green);border:1px solid var(--green)}.primary-btn:hover{background:var(--green-glow);box-shadow:0 0 10px var(--green-glow);color:var(--navy)}.secondary-btn{background:transparent;color:var(--lightest-slate);border:1px solid var(--lightest-slate)}.secondary-btn:hover{border-color:var(--green);color:var(--green)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.image-wrapper{position:relative;width:380px;height:380px;border-radius:10px;background-color:transparent;transition:var(--transition)}.image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:var(--transition)}.image-wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:10px;border:2px solid var(--green);top:20px;left:20px;z-index:-1;transition:var(--transition)}.image-wrapper:hover{background-color:transparent}.image-wrapper:hover img{filter:none;mix-blend-mode:normal}.image-wrapper:hover:after{top:10px;left:10px}.section-title{display:flex;align-items:center;font-size:clamp(26px,5vw,32px);margin-bottom:40px;white-space:nowrap}.section-title span{color:var(--green);font-family:var(--font-mono);font-size:clamp(16px,3vw,20px);margin-right:10px;font-weight:400}.section-title:after{content:"";display:block;height:1px;width:300px;background-color:var(--lightest-navy);margin-left:20px}.subsection-title{color:var(--light-slate);margin:40px 0 20px;font-size:1.5rem;text-align:center}.about-content{display:flex;gap:50px}.about-text{max-width:600px;font-size:1.1rem}.about-text strong{color:var(--green)}.marquee-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;background-color:var(--light-navy);padding:20px 0;margin-bottom:40px;border-top:1px solid var(--lightest-navy);border-bottom:1px solid var(--lightest-navy)}.marquee-wrapper.reverse .marquee-content{animation:scroll-reverse 30s linear infinite}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.marquee-content{flex-shrink:0;display:flex;width:max-content;gap:2rem;animation:scroll 30s linear infinite}.marquee-content span{font-family:var(--font-mono);color:var(--lightest-slate);font-size:1.2rem;padding:10px 20px;border-radius:4px;background:var(--lightest-navy);transition:var(--transition);white-space:nowrap}.highlight-marquee span{color:var(--green);background:#64ffda1a;border:1px solid var(--green-glow)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}@keyframes scroll-reverse{0%{transform:translate(calc(-50% - 1rem))}to{transform:translate(0)}}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:after{content:"";position:absolute;width:2px;background-color:var(--lightest-navy);top:0;bottom:0;left:20px;margin-left:-1px}.timeline-item{padding:20px 0 40px 60px;margin-bottom:30px;position:relative;display:block;clear:both}.timeline-item:after{content:"";position:absolute;width:15px;height:15px;right:auto;left:13px;background-color:var(--navy);border:2px solid var(--green);top:25px;border-radius:50%;z-index:1}.timeline-date{font-family:var(--font-mono);color:var(--green);font-size:.9rem;margin-bottom:10px}.timeline-content h3{font-size:1.3rem;color:var(--lightest-slate);margin-bottom:10px}.timeline-content h3 span{color:var(--green)}.timeline-content p{color:var(--slate);font-size:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:50px}.project-card{background-color:var(--light-navy);border-radius:8px;padding:2rem 1.75rem;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;height:100%}.project-card:hover{transform:translateY(-7px);box-shadow:0 10px 30px -15px #020c1bb3}.project-top{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.folder-icon{color:var(--green);width:40px;height:40px;margin-bottom:20px}.project-card h3{font-size:1.4rem;color:var(--lightest-slate)}.project-desc{color:var(--light-slate);font-size:1rem;margin-bottom:20px;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:15px;font-family:var(--font-mono);font-size:.8rem;color:var(--slate)}.contact-content{text-align:center;margin:0 auto;max-width:800px}.contact-title{font-size:clamp(40px,5vw,60px);margin-bottom:20px;color:var(--lightest-slate)}.contact-desc{font-size:1.1rem;margin-bottom:40px}.contact-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-btn{padding:20px 40px;font-size:1.2rem;border-radius:8px;font-weight:700;font-family:var(--font-sans);border:2px solid transparent;transition:var(--transition);text-decoration:none}.btn-email{background-color:var(--green);color:var(--navy);box-shadow:0 0 20px var(--green-glow)}.btn-email:hover{box-shadow:0 0 35px var(--green);transform:translateY(-3px);color:var(--navy);text-shadow:none}.btn-github{background-color:#333;color:#fff;box-shadow:0 0 20px #fff3}.btn-github:hover{box-shadow:0 0 35px #ffffff80;transform:translateY(-3px);color:#fff;text-shadow:none}.btn-linkedin{background-color:#0077b5;color:#fff;box-shadow:0 0 20px #0077b566}.btn-linkedin:hover{box-shadow:0 0 35px #0077b5cc;transform:translateY(-3px);color:#fff;text-shadow:none}.footer{text-align:center;padding:30px;font-family:var(--font-mono);font-size:.9rem;color:var(--slate)}@media (max-width: 768px){.section-padding{padding:60px 5%}.navbar{padding:20px;justify-content:center}.nav-links{display:none}.hero{flex-direction:column;justify-content:center;padding-top:120px;text-align:center;gap:40px}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.name{font-size:clamp(32px,8vw,45px)}.subtitle{font-size:clamp(20px,5vw,25px)}.description{font-size:.95rem}.btn{padding:12px 24px;font-size:.85rem}.image-wrapper{width:250px;height:250px}.about-content{flex-direction:column;gap:30px}.timeline:after{left:10px}.timeline-item{padding:10px 0 30px 40px}.timeline-item:after{left:3px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.contact-buttons{flex-direction:column;align-items:center}.contact-btn{width:100%;max-width:280px;padding:15px 20px;font-size:1rem}.intro-name{font-size:clamp(22px,6vw,30px)}}