@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}.index-container{min-height:100vh;width:100vw;background-color:#000;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.content-wrapper{width:50%;max-width:600px;padding:0 5rem;margin-left:2rem}.text-content{opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.text-content.fade-in{opacity:1;transform:translateY(0)}.main-heading{font-family:Inter,DM Sans,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;color:#fff;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0}.subtitle{font-family:DM Sans,sans-serif;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:400;color:#a0a0a0;margin-bottom:2rem;letter-spacing:.01em;animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s;opacity:0}.description{font-family:DM Sans,sans-serif;font-size:clamp(.95rem,2vw,1.1rem);font-weight:300;color:#707070;line-height:1.6;max-width:90%;animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.content-wrapper{width:90%;padding:0 2rem;margin-left:0;text-align:center}.description{max-width:100%}}@media (max-width: 480px){.content-wrapper{padding:0 1.5rem}.main-heading{margin-bottom:1rem}.subtitle{margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){.text-content,.main-heading,.subtitle,.description{animation:none;transition:none}.text-content.fade-in{opacity:1;transform:none}}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{background-color:#000;min-height:100vh;display:flex;justify-content:space-between;align-items:center;padding-left:10vw;box-sizing:border-box;overflow:hidden}.wrapper{color:#b5b5b5;display:flex;gap:1.5rem;flex-direction:column}.profile-image{width:240px;height:240px;border-radius:50%;object-fit:cover;border:3px solid #ffffff;margin-bottom:25px;box-shadow:0 0 15px #ffffff4d}.main-text{font-size:2rem;font-family:Helvetica,Arial,sans-serif;font-weight:300;line-height:1.2;white-space:pre-wrap;margin:0}.profile-image-wrapper{position:relative;display:inline-block;cursor:pointer;width:fit-content}.profile-tooltip{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.profile-image-wrapper:hover .profile-tooltip{opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.profile-image{width:124px;height:124px;margin-bottom:20px}.main-text{font-size:1rem}.content-wrapper{padding-left:5vw;max-width:80vw}}@media (max-width: 480px){.profile-image{width:140px;height:140px;margin-bottom:15px}.main-text{font-size:1rem}.cursor{height:2rem}.content-wrapper{padding-left:5vw}}body{font-family:Helvetica,Arial,sans-serif;background-color:#050505;color:#b5b5b5}.logs-layout{min-height:100vh;background-color:#050505;position:relative}.nav-toggle-btn{position:fixed;top:16px;left:16px;z-index:1200;border:none;background:#0f0f0fe6;color:#b5b5b5;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:14px;line-height:1;transition:background .2s ease,transform .15s ease}.nav-toggle-btn:hover{background:#282828f2;transform:translateY(1px)}.navbar-drop-overlay{position:fixed;inset:0;pointer-events:none;z-index:1100;transition:background .2s ease;background:transparent}.navbar-drop-overlay-open{pointer-events:auto;background:#00000073}.navbar-drop{position:absolute;top:0;left:0;width:30%;min-width:fit-content;max-height:50vh;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:64px 16px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;transform:translateY(-100%);transition:transform .25s ease-out}.navbar-drop-overlay-open .navbar-drop{transform:translateY(0)}.nav-item{width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:none;outline:none;font-size:14px;letter-spacing:.03em;text-transform:uppercase;background:transparent;color:#b5b5b5;cursor:pointer;display:flex;align-items:center;transition:background .2s ease,color .2s ease,transform .1s ease}.nav-item:hover{background:#ffffff0a;color:#fff;transform:translateY(1px)}.nav-item-active{background:#ffffff14;color:#fff}.logs-content{padding:72px 16px 24px;box-sizing:border-box}.logs-layout{min-height:100vh;background-color:#050505;position:relative;display:flex}@media (min-width: 992px){.navbar-drop-overlay{position:static;pointer-events:auto;background:transparent;flex-shrink:0}.navbar-drop{position:static;width:240px;max-height:none;padding-top:72px;padding-bottom:0;transform:none;border-right:1px solid rgba(255,255,255,.04)}.logs-content{flex:1;padding:72px 32px 32px;margin-left:0}.nav-toggle-btn{display:none}}@media (max-width: 991px){.logs-content{padding:72px 16px 24px}}.personal-log{font-family:Helvetica,Arial,sans-serif;color:#b5b5b5}.music-log{font-family:Helvetica,Arial,sans-serif;color:#b5b5b5}.timeline{position:relative;padding-left:40px}.timeline-line{position:absolute;left:16px;top:0;bottom:0;width:2px;background-color:#b5b5b5}.timeline-items{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;align-items:flex-start}.timeline-branch{width:32px;height:2px;margin-top:16px;background-color:#b5b5b5;flex-shrink:0}.timeline-card{margin-left:8px;padding:12px 16px;border-radius:8px;background:#141414f2;box-shadow:0 10px 30px #0006;max-width:520px}.timeline-date{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;color:#8c8c8c}.timeline-title{font-size:16px;margin-bottom:6px;color:#fff}.timeline-body p{margin:0 0 4px;font-size:14px;line-height:1.5}@media (max-width: 480px){.timeline{padding-left:28px}.timeline-line{left:10px}.timeline-branch{width:24px}.timeline-card{padding:10px 12px}}