body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.timeline-details-space{align-items:flex-start;display:flex;justify-content:center;margin-top:1.5rem;min-height:80px}.timeline-details-card{animation:fadeIn .2s;background:#f8f9fa;border:1px solid #e0eafc;border-radius:8px;box-shadow:0 2px 8px #222e501a;max-width:400px;min-width:220px;padding:1rem 1.5rem}.timeline-horizontal{margin:2rem 0;overflow-x:auto;padding:1rem 0}.timeline-track{grid-gap:0;border-bottom:3px solid #b31b1b;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr));min-height:4rem;padding-bottom:2.5rem}.timeline-marker,.timeline-track{align-items:center;position:relative}.timeline-marker{cursor:pointer;display:flex;flex-direction:column;outline:none}.timeline-year-horizontal{align-items:center;background:#b31b1b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #222e501a;color:#fff;display:flex;font-size:1rem;font-weight:700;height:2.2rem;justify-content:center;margin-bottom:.5rem;transition:box-shadow .2s,border-color .2s;width:2.2rem}.timeline-marker:focus .timeline-year-horizontal,.timeline-marker:hover .timeline-year-horizontal{border-color:#b31b1b;box-shadow:0 4px 16px #b31b1b33}.timeline-popup{animation:fadeIn .2s;background:#fff;border:1px solid #e0eafc;border-radius:8px;box-shadow:0 2px 8px #222e501a;color:#222;left:50%;min-width:220px;padding:1rem;position:absolute;top:2.7rem;transform:translateX(-50%);z-index:10}.timeline{border-left:3px solid #b31b1b;margin:2rem 0;padding-left:2rem;position:relative}.timeline-event{margin-bottom:2rem;padding-left:1rem;position:relative}.timeline-year{align-items:center;background:#b31b1b;border-radius:50%;box-shadow:0 2px 8px #222e501a;color:#fff;display:flex;font-size:1rem;font-weight:700;height:2.2rem;justify-content:center;left:-2.7rem;position:absolute;top:0;width:2.2rem}.timeline-content{background:#f8f9fa;border:1px solid #e0eafc;border-radius:8px;box-shadow:0 2px 8px #222e501a;padding:1rem}.timeline-title{color:#18182a;font-size:1.05rem;font-weight:700;margin-bottom:.3rem}.timeline-desc{color:#222;font-size:.97rem}body{background:#222e50;color:#222;font-family:Open Sans,Arial,sans-serif;margin:0;padding:0}.portfolio-container{display:flex;flex-direction:column;min-height:100vh}.portfolio-header{background:#18182a;border-bottom:2px solid #b31b1b;box-shadow:0 2px 16px #222e501f;color:#fff;letter-spacing:1px;padding:2rem 1rem;text-align:center}.profile{align-items:center;display:flex;gap:2rem;justify-content:center}.profile-img{border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #222e5026;height:120px;object-fit:cover;width:120px}.social-links{margin-top:1rem}.social-links a{background:#b31b1b;border-radius:4px;box-shadow:0 2px 8px #222e501a;color:#fff;display:inline-block;font-weight:600;letter-spacing:1px;margin-right:1rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s,box-shadow .2s}.social-links a:hover{background:#8c1616;box-shadow:0 4px 16px #b31b1b33}main{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 4px 32px #222e5014;margin:2rem auto;max-width:900px;padding:2rem}section{margin-bottom:2.5rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:#f8f9fa;border:1px solid #e0eafc;border-radius:12px;box-shadow:0 2px 8px #222e501a;cursor:pointer;outline:none;padding:1rem;position:relative;transition:box-shadow .3s,transform .3s}.project-card.animated,.project-card:focus,.project-card:hover{border-color:#b31b1b;box-shadow:0 8px 24px #b31b1b33,0 8px 24px #222e502e;transform:scale(1.04) translateY(-4px);z-index:2}.project-title{color:#18182a;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.project-desc{color:#222;font-size:1rem}.project-details{animation:fadeIn .3s;background:#e0eafc;border:1px solid #b31b1b33;border-radius:8px;box-shadow:0 1px 4px #222e5014;color:#222e50;font-size:.95rem;margin-top:.75rem;padding:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-footer{background:#18182a;border-radius:0 0 16px 16px;border-top:2px solid #b31b1b;box-shadow:0 2px 8px #222e501a;color:#fff;margin-top:2rem;padding:1rem;text-align:center}
/*# sourceMappingURL=main.76faf750.css.map*/