*{margin:0;padding:0;box-sizing:border-box}:root{--crimson: #9B1B30;--crimson-light: #B8233A;--crimson-dark: #7A1525;--black: #000000;--grey-dark: #0d0d0d;--grey: #1a1a1a;--grey-light: #262626;--white: #ffffff;--off-white: #e8e8e8}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--black);color:var(--white);overflow-x:hidden}.app{position:relative;min-height:100vh;background:var(--black);overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(155,27,48,.03) 0%,transparent 30%),radial-gradient(circle at 90% 10%,rgba(155,27,48,.02) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(155,27,48,.02) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(155,27,48,.03) 0%,transparent 35%),radial-gradient(circle at 80% 90%,rgba(155,27,48,.02) 0%,transparent 30%);animation:background-drift 20s ease-in-out infinite;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 48%,rgba(155,27,48,.01) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(155,27,48,.01) 50%,transparent 52%);background-size:100px 100px;animation:grid-move 30s linear infinite;pointer-events:none;z-index:0;opacity:.4}@keyframes background-drift{0%,to{transform:translate(0) scale(1);opacity:1}33%{transform:translate(30px,-40px) scale(1.1);opacity:.8}66%{transform:translate(-20px,30px) scale(.95);opacity:.9}}@keyframes grid-move{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(360deg)}}.background-orbs{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,48,.08) 0%,rgba(155,27,48,.03) 30%,transparent 70%);animation:float-orb 20s ease-in-out infinite;opacity:.6;filter:blur(40px)}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,-150px) scale(1.2)}50%{transform:translate(-80px,100px) scale(.8)}75%{transform:translate(120px,80px) scale(1.1)}}.cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(155,27,48,.12) 0%,rgba(155,27,48,.04) 40%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:1;transition:opacity .3s ease;animation:pulse-glow 4s ease-in-out infinite;filter:blur(20px)}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:2rem 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-scrolled{background:#000000fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;border-bottom:1px solid rgba(155,27,48,.15);box-shadow:0 4px 20px #00000080}.nav-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--crimson);letter-spacing:-.02em;animation:logo-float 3s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav-links{display:flex;gap:2rem}.nav-link{background:none;border:none;color:var(--off-white);font-size:.95rem;font-weight:500;cursor:pointer;position:relative;padding:.5rem 0;transition:all .3s ease;text-transform:capitalize}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--crimson);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:#9b1b301a;border-radius:50%;transition:all .4s ease;z-index:-1}.nav-link:hover:before{width:120%;height:200%}.nav-link:hover,.nav-link.active{color:var(--crimson)}.nav-link.active:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--black)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(155,27,48,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(155,27,48,.06) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(155,27,48,.04) 0%,transparent 40%);animation:gradient-pulse 8s ease-in-out infinite}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(155,27,48,.15) 1px,transparent 1px),radial-gradient(circle,rgba(155,27,48,.1) 1px,transparent 1px);background-size:50px 50px,80px 80px;background-position:0 0,40px 40px;animation:particle-drift 40s linear infinite;opacity:.3}@keyframes gradient-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes particle-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{text-align:center;z-index:2;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-image-container{position:relative;width:250px;height:250px;margin:0 auto 2rem;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(-2deg)}66%{transform:translateY(-20px) rotate(2deg)}}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:40% center;object-position:40% center;border-radius:50%;border:4px solid var(--crimson);box-shadow:0 0 60px #9b1b304d,0 20px 60px #000c;transition:all .4s ease;animation:rotate-border 10s linear infinite}@keyframes rotate-border{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(20deg)}}.hero-image:hover{transform:scale(1.08);box-shadow:0 0 80px #9b1b3080,0 30px 80px #000000e6}.hero-title{margin-bottom:1rem}.hero-name{font-size:clamp(3rem,8vw,5rem);font-weight:700;background:linear-gradient(135deg,var(--white) 0%,var(--crimson) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:gradientShift 3s ease infinite,text-glow 2s ease-in-out infinite;background-size:200% auto}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes text-glow{0%,to{filter:drop-shadow(0 0 20px rgba(155,27,48,.3))}50%{filter:drop-shadow(0 0 30px rgba(155,27,48,.6))}}.hero-subtitle{font-size:1.5rem;color:var(--off-white);margin-bottom:2rem;font-weight:300;animation:fadeInUp 1s ease-out .2s both,subtitle-shimmer 3s ease-in-out infinite}@keyframes subtitle-shimmer{0%,to{opacity:.9}50%{opacity:1}}.hero-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem;animation:fadeInUp 1s ease-out .4s both}.social-link{width:50px;height:50px;border-radius:50%;background:var(--grey);border:2px solid var(--grey-light);display:flex;align-items:center;justify-content:center;color:var(--white);transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;animation:icon-float 3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .1s)}.social-link:nth-child(1){animation-delay:0s}.social-link:nth-child(2){animation-delay:.1s}.social-link:nth-child(3){animation-delay:.2s}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.social-link:hover{background:var(--crimson);border-color:var(--crimson);transform:translateY(-8px) scale(1.15) rotate(360deg);box-shadow:0 10px 30px #9b1b3080}.social-link .icon{width:24px;height:24px;transition:transform .3s ease}.social-link:hover .icon{transform:scale(1.2)}.scroll-indicator{background:none;border:none;color:var(--crimson);cursor:pointer;padding:1rem;animation:fadeInUp 1s ease-out .6s both}.bounce{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}.section{padding:8rem 0;position:relative;z-index:2;background:var(--black)}.section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(155,27,48,.02) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(155,27,48,.015) 0%,transparent 50%);animation:section-pulse 10s ease-in-out infinite;pointer-events:none}@keyframes section-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:4rem;text-align:center;position:relative;display:inline-block;width:100%;animation:title-entrance 1s ease-out}@keyframes title-entrance{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--crimson),transparent);animation:expandWidth 2s ease-in-out infinite}@keyframes expandWidth{0%,to{width:100px;opacity:1}50%{width:180px;opacity:.7}}.about-section{background:var(--black)}.about-content{max-width:900px;margin:0 auto}.about-content-wrapper{display:flex;gap:4rem;align-items:flex-start;max-width:1200px;margin:0 auto}.about-text-section{flex:1;min-width:0}.about-description{font-size:1rem;line-height:1.7;color:#c8c8c8e6;margin-bottom:1.5rem;text-align:left;opacity:0;animation:fadeInUp .8s ease-out forwards}.about-description:nth-child(1){animation-delay:.2s}.about-description:nth-child(2){animation-delay:.3s}.skills-box{flex:0 0 430px;background:linear-gradient(135deg,#141419f2,#1e1e23e6);border:1px solid rgba(155,27,48,.2);border-radius:20px;padding:2rem;opacity:0;animation:fadeInSlideLeft .8s ease-out forwards;animation-delay:.4s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0009,0 0 0 1px #9b1b301a inset,0 20px 60px #9b1b3026;position:relative;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1)}.skills-box:hover{transform:translateY(-5px);box-shadow:0 12px 40px #000000b3,0 0 0 1px #9b1b304d inset,0 25px 80px #9b1b3040;border-color:#9b1b3066}.skills-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(155,27,48,.8),transparent);animation:shimmer 3s infinite;border-radius:20px 20px 0 0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.skills-box-title{font-size:1.3rem;background:linear-gradient(135deg,var(--crimson) 0%,rgba(200,50,70,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem;letter-spacing:-.02em}.skills-box-title:before{content:"⚡";font-size:1.4rem;-webkit-text-fill-color:var(--crimson);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 4px rgba(155,27,48,.6))}50%{opacity:.8;filter:drop-shadow(0 0 8px rgba(155,27,48,.9))}}.skills-tags-wrapper{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.skill-tag{background:linear-gradient(135deg,#282832e6,#32323cd9);color:#e6e6f0;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(155,27,48,.2);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;opacity:0;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d,0 0 0 1px #9b1b301a inset;letter-spacing:.01em}.skill-tag:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(155,27,48,.3),transparent);transform:translate(-50%,-50%);transition:width .5s,height .5s}.skill-tag:hover{transform:translateY(-2px);border-color:#9b1b3080;box-shadow:0 4px 12px #9b1b3066,0 0 0 1px #9b1b304d inset;color:#fff}.skill-tag:hover:before{width:200px;height:200px}@keyframes popIn{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{opacity:1;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-tag:hover{background:var(--crimson);border-color:var(--crimson);color:var(--white);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #9b1b3080;z-index:10}.experience-section{background:var(--black)}.timeline{position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--crimson) 0%,transparent 100%);animation:timeline-grow 2s ease-out}@keyframes timeline-grow{0%{height:0}to{height:100%}}.timeline-item{position:relative;margin-bottom:4rem;opacity:0;animation:slideInRight .8s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.timeline-item:nth-child(1){animation-delay:.2s}.timeline-item:nth-child(2){animation-delay:.4s}.timeline-item:nth-child(3){animation-delay:.6s}.timeline-marker{position:absolute;left:-3.7rem;top:0;width:18px;height:18px;border-radius:50%;background:var(--crimson);border:4px solid var(--black);box-shadow:0 0 0 4px var(--grey-dark);animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{box-shadow:0 0 0 4px var(--grey-dark),0 0 0 8px transparent;transform:scale(1)}50%{box-shadow:0 0 0 4px var(--grey-dark),0 0 0 12px #9b1b3066;transform:scale(1.2)}}.timeline-content{background:var(--grey-dark);padding:2rem;border-radius:16px;border:1px solid var(--grey-light);transition:all .4s ease}.timeline-content:hover{transform:translate(15px) scale(1.02);border-color:var(--crimson);box-shadow:-8px 0 30px #9b1b304d}.experience-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.5rem;gap:2rem}.experience-header-left{display:flex;gap:1.5rem;align-items:center}.company-logo{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:transparent;padding:4px;transition:all .3s ease;animation:logo-entrance .6s ease-out;filter:brightness(1.1)}.company-logo[src*=michiganfc]{background:var(--black);padding:8px}@keyframes logo-entrance{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.company-logo:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 25px #9b1b304d}.experience-title{font-size:1.4rem;color:var(--white);margin-bottom:.5rem;font-weight:600}.experience-company{font-size:1.1rem;color:var(--crimson);font-weight:500}.experience-meta{text-align:right}.experience-period,.experience-location{color:var(--off-white);font-size:.9rem;opacity:.8}.experience-highlights{list-style:none;display:flex;flex-direction:column;gap:.75rem}.experience-highlights li{padding-left:1.5rem;position:relative;color:var(--off-white);line-height:1.6;opacity:0;animation:fadeInLeft .5s ease-out forwards;animation-delay:calc(var(--i, 0) * .1s)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.experience-highlights li:nth-child(1){animation-delay:.3s}.experience-highlights li:nth-child(2){animation-delay:.4s}.experience-highlights li:nth-child(3){animation-delay:.5s}.experience-highlights li:nth-child(4){animation-delay:.6s}.experience-highlights li:before{content:"▹";position:absolute;left:0;color:var(--crimson);font-size:1.2rem;animation:arrow-pulse 1.5s ease-in-out infinite}@keyframes arrow-pulse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.projects-section{background:var(--black)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem}.project-card{background:var(--grey-dark);border-radius:20px;overflow:hidden;border:1px solid var(--grey-light);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;animation:projectFadeIn .8s ease-out forwards;position:relative}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(50px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.project-card:nth-child(1){animation-delay:.2s}.project-card:nth-child(2){animation-delay:.4s}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(155,27,48,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--crimson);box-shadow:0 25px 70px #9b1b304d}.project-header{background:linear-gradient(135deg,var(--crimson-dark) 0%,var(--crimson) 100%);padding:2rem;position:relative;overflow:hidden}.project-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.project-number{font-size:4rem;font-weight:700;color:#ffffff1a;line-height:1;position:relative;z-index:1}.project-content{padding:2.5rem}.project-title{font-size:2rem;color:var(--white);margin-bottom:.5rem;font-weight:700;animation:slideInFromLeft .6s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.project-subtitle{font-size:1rem;color:var(--crimson);margin-bottom:1rem;font-weight:500;animation:slideInFromLeft .6s ease-out .1s both}.project-description{font-size:1rem;color:var(--off-white);line-height:1.7;margin-bottom:1.5rem;animation:slideInFromLeft .6s ease-out .2s both}.project-highlights{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.project-highlights li{padding-left:1.5rem;position:relative;color:var(--off-white);font-size:.95rem;line-height:1.6;opacity:0;animation:fadeInLeft .5s ease-out forwards;animation-delay:calc(.3s + var(--i, 0) * .1s)}.project-highlights li:nth-child(1){animation-delay:.3s}.project-highlights li:nth-child(2){animation-delay:.4s}.project-highlights li:nth-child(3){animation-delay:.5s}.project-highlights li:before{content:"→";position:absolute;left:0;color:var(--crimson);font-weight:700;animation:arrow-pulse 1.5s ease-in-out infinite}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:var(--grey);color:var(--crimson);padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;border:1px solid var(--crimson);font-weight:600;transition:all .3s ease;opacity:0;animation:popIn .4s ease-out forwards}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tech-tag:hover{background:var(--crimson);color:var(--white);transform:scale(1.1) rotate(5deg);box-shadow:0 5px 20px #9b1b3066}.resume-section{background:var(--black)}.resume-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.resume-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--crimson);color:var(--white);border:2px solid var(--crimson);border-radius:30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.resume-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.resume-button:hover:before{width:300px;height:300px}.resume-button:hover{background:var(--crimson-light);border-color:var(--crimson-light);transform:translateY(-5px);box-shadow:0 15px 40px #9b1b3080}.resume-button-secondary{background:transparent;color:var(--crimson)}.resume-button-secondary:hover{background:var(--crimson);color:var(--white)}.resume-button .icon{width:20px;height:20px;position:relative;z-index:1}.resume-viewer{width:100%;height:1200px;border-radius:16px;overflow:hidden;border:2px solid var(--grey-light);background:var(--grey-dark);box-shadow:0 20px 60px #000c;animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.resume-iframe{width:100%;height:100%;border:none}.contact-section{background:var(--black)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2.5rem;justify-content:center;align-items:center;text-align:center;padding:2rem}.contact-item{display:flex;flex-direction:column;gap:.5rem;align-items:center;opacity:0;animation:fadeInUp .8s ease-out forwards;transition:transform .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.contact-item:nth-child(1){animation-delay:.2s}.contact-item:nth-child(2){animation-delay:.4s}.contact-item:nth-child(3){animation-delay:.6s}.contact-item:hover{transform:translateY(-5px) scale(1.05)}.contact-icon{width:32px;height:32px;color:var(--crimson);flex-shrink:0;animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.contact-label{font-size:.9rem;color:var(--crimson);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.contact-value{font-size:1.1rem;color:var(--off-white);text-decoration:none;transition:color .3s ease}a.contact-value:hover{color:var(--white)}.contact-form{background:var(--grey-dark);padding:3rem;border-radius:16px;border:1px solid var(--grey-light);opacity:0;animation:slideInRight .8s ease-out .3s forwards;transition:all .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.contact-form:hover{border-color:var(--crimson);box-shadow:0 10px 40px #9b1b3033}.form-group{margin-bottom:1.5rem;animation:fadeInUp .5s ease-out forwards;opacity:0}.form-group:nth-child(1){animation-delay:.5s}.form-group:nth-child(2){animation-delay:.6s}.form-group:nth-child(3){animation-delay:.7s}.form-input,.form-textarea{width:100%;padding:1rem 1.25rem;background:var(--grey);border:1px solid var(--grey-light);border-radius:8px;color:var(--white);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--crimson);box-shadow:0 0 0 3px #9b1b3026;transform:scale(1.02)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--off-white);opacity:.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--off-white);opacity:.5}.form-textarea{resize:vertical;min-height:150px}.form-submit{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--crimson);color:var(--white);border:2px solid var(--crimson);border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;justify-content:center;position:relative;overflow:hidden;animation:fadeInUp .5s ease-out .8s both}.form-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.form-submit:hover:before{width:400px;height:400px}.form-submit:hover{background:var(--crimson-light);border-color:var(--crimson-light);transform:translateY(-3px);box-shadow:0 10px 30px #9b1b3066}.form-submit .icon{width:20px;height:20px;position:relative;z-index:1}.footer{background:var(--black);padding:3rem 0;border-top:1px solid var(--grey-light)}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer p{color:var(--off-white);opacity:.7}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--off-white);transition:all .3s ease}.footer-links a:hover{color:var(--crimson);transform:translateY(-3px) rotate(360deg)}.footer-links .icon{width:20px;height:20px}@media (max-width: 968px){.nav-links{gap:1rem}.nav-link{font-size:.85rem}.contact-content{grid-template-columns:1fr;gap:3rem}.projects-grid{grid-template-columns:1fr}.experience-header{flex-direction:column;gap:1rem}.experience-meta{text-align:left}.timeline{padding-left:2rem}.timeline-marker{left:-2.5rem}.footer .container{flex-direction:column;gap:1.5rem;text-align:center}.resume-viewer{height:800px}.about-content-wrapper{flex-direction:column;gap:2rem}.skills-box{flex:1 1 auto}.skill-tag{padding:.6rem 1.2rem;font-size:.9rem}.contact-form{padding:2rem}.company-logo{width:55px;height:55px}}@media (max-width: 640px){.section{padding:4rem 0}.container,.nav-content{padding:0 1rem}.nav-links{gap:.5rem}.nav-link{font-size:.8rem}.hero-image-container{width:180px;height:180px}.hero-name{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem;margin-bottom:2rem}.timeline-content,.project-content,.contact-form{padding:1.5rem}.company-logo{width:45px;height:45px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}