@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Outfit:wght@300;400;500;600&display=swap";body{margin:0;padding:0;font-family:Outfit,-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:#0f0f0f;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--cream: #0f0f0f;--pale-yellow: #2d2419;--soft-peach: #3d3020;--warm-beige: #332a1f;--golden: #ffdb7d;--deep-charcoal: #ffffff;--soft-gray: #d0d0d0}body{font-family:Outfit,sans-serif;background:var(--cream);color:var(--deep-charcoal);overflow-x:hidden}.portfolio{position:relative;width:100%;display:flex;justify-content:center}.page-container{max-width:1400px;width:100%;margin:0 auto;position:relative}.portfolio:before{content:"";position:fixed;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,var(--pale-yellow) 0%,transparent 70%);border-radius:50%;opacity:.5;z-index:-1;animation:float 20s ease-in-out infinite}.portfolio:after{content:"";position:fixed;bottom:-40%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,var(--soft-peach) 0%,transparent 70%);border-radius:50%;opacity:.4;z-index:-1;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin:0 auto}.text-section{animation:slideInLeft 1s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.eyebrow{font-size:.875rem;text-transform:uppercase;letter-spacing:.15em;color:var(--soft-gray);margin-bottom:1rem;font-weight:500}h1{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:var(--deep-charcoal)}.highlight{background:linear-gradient(120deg,var(--golden) 0%,var(--soft-peach) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.intro-text{font-size:1.25rem;line-height:1.8;color:var(--soft-gray);margin-bottom:2rem;font-weight:300}.info-tags{display:flex;gap:1rem;flex-wrap:wrap}.tag{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--pale-yellow);border-radius:50px;font-size:.9rem;color:var(--deep-charcoal);font-weight:500;transition:all .3s ease}.tag:hover{background:var(--golden);transform:translateY(-2px);box-shadow:0 8px 20px #ffd97d4d}.tag svg{width:16px;height:16px}.image-section{position:relative;animation:slideInRight 1s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.image-container{position:relative;width:100%;max-width:450px;margin:0 auto}.image-frame{position:relative;padding:2rem;background:linear-gradient(135deg,var(--pale-yellow) 0%,var(--soft-peach) 100%);border-radius:30px;transform:rotate(-2deg);transition:transform .5s ease}.image-frame:hover{transform:rotate(0)}.profile-image{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,var(--warm-beige) 0%,var(--golden) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:6rem;box-shadow:0 20px 60px #0000004d;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.decorative-circle{position:absolute;width:120px;height:120px;border-radius:50%;background:var(--golden);opacity:.6;z-index:-1}.circle-1{top:-30px;right:-30px;animation:pulse 3s ease-in-out infinite}.circle-2{bottom:-40px;left:-40px;background:var(--soft-peach);animation:pulse 3s ease-in-out infinite 1s}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.career-section{min-height:100vh;padding:6rem 2rem;display:flex;align-items:center;justify-content:center}.career-container{max-width:1200px;width:100%;margin:0 auto}.section-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:900;text-align:center;margin-bottom:1rem;color:var(--deep-charcoal)}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--soft-gray);margin-bottom:4rem;font-weight:300}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--golden) 0%,var(--soft-peach) 100%);transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:4rem;padding:1rem;position:relative;opacity:0;animation:fadeInUp .8s ease-out forwards;transform:translateY(30px)}.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-item:nth-child(4){animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{width:calc(50% - 40px);padding:2rem;background:#1a1a1a;border-radius:20px;box-shadow:0 10px 40px #00000080;transition:all .4s ease;cursor:pointer;border:1px solid #2d2d2d}.timeline-content:hover{transform:translateY(-8px);box-shadow:0 20px 60px #000000b3;background:linear-gradient(135deg,#2d2419,#3d3020);border-color:#ffdb7d}.timeline-icon{position:absolute;left:50%;transform:translate(-50%);width:80px;height:80px;background:linear-gradient(135deg,var(--golden) 0%,var(--soft-peach) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 24px #ffd97d66;z-index:2;transition:all .4s ease}.timeline-content:hover~.timeline-icon,.timeline-icon:hover{transform:translate(-50%) scale(1.15) rotate(10deg)}.career-year{display:inline-block;font-size:.875rem;font-weight:600;color:var(--golden);background:var(--pale-yellow);padding:.5rem 1rem;border-radius:20px;margin-bottom:1rem}.career-role{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--deep-charcoal)}.career-company{font-size:1rem;color:var(--soft-gray);margin-bottom:1rem;font-weight:500}.career-description{font-size:.95rem;line-height:1.6;color:var(--soft-gray)}.socials-section{min-height:80vh;padding:6rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:4rem}.socials-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:linear-gradient(180deg,transparent 0%,#2d2419 100%);z-index:-1}.socials-section>div:last-child{margin-top:auto;padding:2rem 0;width:100%;text-align:center}.socials-section>div:last-child p{color:var(--soft-gray);font-size:.9rem;font-weight:300;letter-spacing:.05em}.socials-container{max-width:1000px;width:100%;text-align:center;margin:0 auto}.socials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.social-card{background:#1a1a1a;padding:3rem 2rem;border-radius:25px;box-shadow:0 10px 40px #00000080;transition:all .4s ease;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:1.5rem;opacity:0;animation:fadeInUp .8s ease-out forwards;cursor:pointer;border:1px solid #2d2d2d}.social-card:nth-child(1){animation-delay:.2s}.social-card:nth-child(2){animation-delay:.4s}.social-card:nth-child(3){animation-delay:.6s}.social-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 60px #000000b3;border-color:#ffdb7d}.social-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.social-card:hover .social-icon-wrapper{transform:rotate(10deg) scale(1.1)}.social-icon-wrapper svg{width:40px;height:40px;color:#0f0f0f}.social-name{font-size:1.25rem;font-weight:600;color:var(--deep-charcoal)}.connect-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,var(--golden) 0%,var(--soft-peach) 100%);color:#0f0f0f;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;margin-top:3rem;cursor:pointer;transition:all .4s ease;text-decoration:none;box-shadow:0 8px 24px #ffd97d4d}.connect-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ffd97d66}.connect-button svg{width:20px;height:20px}@media(max-width:1440px){.page-container{padding:0 2rem}}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}h1{font-size:3rem}.info-tags{justify-content:center}.image-section{order:-1}.timeline{padding-left:2.5rem}.timeline:before{left:24px;transform:none}.timeline-item{flex-direction:row!important;padding-left:3rem;margin-bottom:3rem}.timeline-content{width:100%;padding:1.5rem;word-break:break-word;overflow-wrap:anywhere}.timeline-icon{left:24px;width:56px;height:56px;font-size:1.4rem;transform:none}.timeline-content:hover{transform:none}.timeline-content:hover~.timeline-icon,.timeline-icon:hover{transform:scale(1.1)}.section-title{font-size:2.5rem}}@media(max-width:640px){h1{font-size:2.5rem}.intro-text{font-size:1.1rem}.socials-grid{grid-template-columns:1fr}.page-container{padding:0 1rem}}