*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}nav{position:fixed;top:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(15,23,42,.9);border-bottom:1px solid rgba(148,163,184,.1);transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-family:Roboto,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#cbd5e1;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:#3b82f6}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.hero-text h1{font-family:Roboto,sans-serif;font-size:3.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-text .subtitle{font-size:1.3rem;color:#64748b;margin-bottom:1.5rem;font-weight:500}.hero-text .description{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.btn-secondary{background:transparent;color:#cbd5e1;border:2px solid #475569}.btn-secondary:hover{border-color:#3b82f6;color:#3b82f6}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.profile-card{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:1rem;padding:3rem;text-align:center;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease;min-width:320px}.profile-card.animate-in:hover,.profile-card:hover{transform:perspective(1000px) rotateY(0deg) translateY(0)!important}.profile-image{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}.experience{padding:6rem 0;background:rgba(30,41,59,.3)}.section-title{font-family:Roboto,sans-serif;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);transform:translateX(-50%)}.timeline-item{margin-bottom:3rem;position:relative;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.timeline-item:nth-child(odd){text-align:left;padding-right:calc(50% + 2rem)}.timeline-item:nth-child(2n){text-align:left;padding-left:calc(50% + 2rem)}.timeline-content{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;padding:1.5rem;position:relative}.timeline-dot{position:absolute;left:50%;top:1.5rem;width:16px;height:16px;background:#3b82f6;border-radius:50%;transform:translateX(-50%);border:3px solid #0f172a}.company{font-size:1.25rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.position{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem}.duration{font-size:.9rem;color:#64748b;margin-bottom:1rem}.achievements{list-style:none;margin-top:1rem}.achievements li{color:#94a3b8;margin-bottom:.5rem;position:relative;padding-left:1.5rem}.achievements li:before{content:"▸";position:absolute;left:0;color:#3b82f6;font-weight:700}.skills{padding:6rem 0}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.skill-category{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;padding:2rem;transition:transform .3s ease}.skill-category:hover{transform:translateY(-5px)}.skill-category h3{color:#3b82f6;font-size:1.25rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:rgba(59,130,246,.1);color:#3b82f6;padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;border:1px solid rgba(59,130,246,.2)}.contact{padding:6rem 0;background:rgba(30,41,59,.3);text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact-info{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.5rem;color:#94a3b8;text-decoration:none;transition:color .3s ease}.contact-item:hover{color:#3b82f6}.contact-item,.profile-card,.section-title,.skill-category,.timeline-item{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.contact-item.animate-in,.profile-card.animate-in,.section-title.animate-in,.skill-category.animate-in,.timeline-item.animate-in{opacity:1;transform:translateY(0)}.timeline:before{transform:translateX(-50%) scaleY(0);transform-origin:top;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94)}.timeline.animate-line:before{transform:translateX(-50%) scaleY(1)}.timeline-item:nth-child(odd){transform:translateX(-100px) translateY(50px)}.timeline-item:nth-child(2n){transform:translateX(100px) translateY(50px)}.timeline-item:nth-child(2n).animate-in,.timeline-item:nth-child(odd).animate-in{transform:translateX(0) translateY(0);transition-delay:.3s}.timeline-dot{transform:translateX(-50%) scale(0);transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);transition-delay:.5s}.timeline-item.animate-in .timeline-dot{transform:translateX(-50%) scale(1)}.skill-category:first-child{transition-delay:.1s}.skill-category:nth-child(2){transition-delay:.2s}.skill-category:nth-child(3){transition-delay:.3s}.skill-category:nth-child(4){transition-delay:.4s}.contact-item:first-child{transition-delay:.1s}.contact-item:nth-child(2){transition-delay:.2s}.contact-item:nth-child(3){transition-delay:.3s}.contact-item:nth-child(4){transition-delay:.4s}.profile-card{transform:perspective(1000px) rotateY(-15deg) translateY(50px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.profile-card.animate-in{transform:perspective(1000px) rotateY(-5deg) translateY(0)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){#nav-content{justify-content:center}.nav-links{display:none}.logo{font-size:2.5rem}.hero-content{grid-template-columns:1fr;text-align:center;padding:3rem 0 0}.hero-text h1{font-size:2rem;line-height:1.4}.profile-image{width:200px;height:200px}.section-title{font-size:2rem}.timeline:before{left:1rem}.timeline-item{text-align:left!important;padding-left:3rem!important;padding-right:0!important}.timeline-dot{left:1rem!important}.contact-info{flex-direction:column;align-items:center}.cta-buttons{justify-content:center}.profile-card{margin-bottom:2rem}.container{padding:0 1rem}.hero{padding-bottom:3rem}.experience{padding-top:4rem;padding-bottom:2rem}.skills{padding-top:4rem;padding-bottom:4rem}.profile-card{opacity:1;transform:perspective(1000px) rotateY(-5deg) translateY(0);animation:fadeInProfile 1s ease-out}.skills-grid{grid-template-columns:repeat(1,1fr)}.nav-content{justify-content:center}@keyframes fadeInProfile{0%{opacity:0;transform:perspective(1000px) rotateY(-15deg) translateY(20px)}to{opacity:1;transform:perspective(1000px) rotateY(-5deg) translateY(0)}}.profile-card h3{font-size:1.75rem;text-align:center;font-weight:700}}