body{margin:0;padding:0;overflow-x:hidden}.portfolio-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#131821;font-family:system-ui,sans-serif;color:#f3f4f6}.isle-card{background:rgba(92,72,52,.11);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:32px;padding:40px;width:90%;max-width:450px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.profile-section .avatar{width:256px;height:256px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1);margin-bottom:16px;filter:contrast(80%) brightness(110%);opacity:95%}.profile-section h1{font-size:1.5rem;font-weight:600;margin:0 0 4px 0}.profile-section .tagline{color:#9ca3af;font-size:.9rem;margin:0 0 32px 0}.profile-section .tech-stack-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px;justify-items:center;margin:0 auto 32px auto;max-width:65%}.profile-section .tech-stack-grid .tech-icon{width:32px;height:32px;object-fit:contain}.isle-nav{display:flex;background:rgba(0,0,0,.2);padding:6px;border-radius:100px;border:2px solid rgba(255,255,255,.1)}.nav-item{flex:1;padding:10px 0;color:#f3f4f6;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:100px;background:none;border:none;cursor:pointer;font-family:inherit;transition:transform .05s ease,color .05s ease}.nav-item:hover{color:#ffb963}.nav-item:active{opacity:70%}.portfolio-layout{display:flex;gap:40px;max-width:1200px;width:95%;margin:40px 40px;position:relative}.timeline-column{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative;width:90px;padding-top:40px;padding-bottom:120px}.timeline-column .timeline-line{position:absolute;right:9px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.1);z-index:1}.timeline-column .timeline-dot-container{display:flex;align-items:center;gap:12px;height:100%;z-index:2}.timeline-column .timeline-dot-container .timeline-date-range{display:flex;flex-direction:column;align-items:flex-end;color:#9ca3af;font-size:.8rem;font-variant-numeric:tabular-nums;line-height:1.2}.timeline-column .timeline-dot-container .timeline-date-range span:first-child{font-weight:600;color:#f3f4f6}.timeline-column .timeline-dot-container .timeline-dot{width:20px;height:20px;border-radius:50%;background:#131821;border:2px solid #ffb963}.cards-column{flex:1;display:flex;flex-direction:column;gap:40px}.project-card{max-width:100%;text-align:left;display:flex;flex-direction:column;gap:16px}.project-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.project-card .card-header .title-area{flex:1}.project-card .card-header .card-title{font-size:1.5rem;margin:0 0 4px 0}.project-card .card-header .card-subtitle{color:#ffb963;font-size:.9rem;margin:0}.project-card .card-header .card-logo-container{display:flex;gap:8px;padding-top:4px}.project-card .card-header .card-logo-container .card-logo{width:24px;height:24px;object-fit:contain}.project-card .card-description{color:#f3f4f6;font-size:.95rem;line-height:1.6}.project-card .card-description p{margin:0 0 12px 0}.project-card .card-description p:last-child{margin:0}.project-card .card-description strong{color:#ffb963}.project-card .card-visual{width:100%;margin-top:8px;display:flex;justify-content:center}.project-card .card-visual .image-wrapper{width:70%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.project-card .card-visual .image-wrapper .card-image-bottom{width:100%;height:auto;display:block}