@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#000;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.container{background-color:#000;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 24px;display:flex}@media (min-width:768px){.container{padding:60px 40px}}@media (min-width:1024px){.container{padding:80px 40px}}.content{width:100%;max-width:800px}.name-link{text-decoration:none;transition:all .3s;display:inline-block}.name-link:hover{text-shadow:0 0 20px #a855f799,0 0 40px #a855f74d;transform:translateY(-2px)}.name{color:#fff;margin-bottom:16px;font-size:40px;font-weight:700;line-height:1.1}@media (min-width:768px){.name{font-size:56px}}.subtitle{color:#a3a3a3;margin-bottom:12px;font-size:18px;line-height:1.4}@media (min-width:768px){.subtitle{font-size:20px}}.job{color:#737373;margin-bottom:40px;font-size:15px}@media (min-width:768px){.job{margin-bottom:50px}}.spotify-section{margin-bottom:50px}@media (min-width:768px){.spotify-section{margin-bottom:60px}}.media-widget-header{margin-bottom:16px}.media-widget-title{color:#a855f7;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.media-widget-title:before{content:"";background:#a855f7;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.media-widget{background:linear-gradient(135deg,#a855f71a 0%,#a855f70d 100%);border:1px solid #a855f733;border-radius:12px;width:100%;padding:24px;transition:all .3s}@media (max-width:768px){.media-widget{padding:20px}}.media-widget--interactive{cursor:pointer;text-decoration:none;transition:all .3s;display:block;transform:translateY(0)}.media-widget--interactive:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 8px 32px #a855f726}.media-loading{color:#a3a3a3;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex}.media-idle{color:#a3a3a3;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;display:flex}.media-icon{object-fit:contain;width:24px;height:24px}.media-idle-text{color:#a3a3a3}.media-content{align-items:center;gap:16px;margin-bottom:16px;display:flex}@media (max-width:768px){.media-content{gap:12px}}.media-artwork{background-color:#1a1a1a;border-radius:6px;flex-shrink:0;width:64px;height:64px;overflow:hidden}@media (max-width:768px){.media-artwork{width:56px;height:56px}}.media-artwork__image{object-fit:cover;width:100%;height:100%}.media-artwork__placeholder{background-color:#1a1a1a;width:100%;height:100%}.media-info{flex:1;min-width:0;overflow:hidden}.media-title{color:#fff;white-space:nowrap;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.media-subtitle{color:#a3a3a3;white-space:nowrap;font-size:14px;overflow:hidden}@media (max-width:768px){.media-title{font-size:15px}.media-subtitle{font-size:13px}}.media-title-text,.media-subtitle-text{display:inline-block}.media-title-text.scrolling,.media-subtitle-text.scrolling{padding-right:50px;animation:20s cubic-bezier(.4,0,.2,1) infinite scroll-text}.media-widget--interactive:hover .media-title-text.scrolling,.media-widget--interactive:hover .media-subtitle-text.scrolling{animation-play-state:paused}@keyframes scroll-text{0%,25%{transform:translate(0)}75%{transform:translate(-50%)}80%,to{transform:translate(0)}}.media-brand{flex-shrink:0;width:32px;height:32px}@media (max-width:768px){.media-brand{width:28px;height:28px}}.media-brand__icon{object-fit:contain;width:100%;height:100%}.media-progress{flex-direction:column;gap:8px;display:flex}.media-progress__bar{background-color:#262626;border-radius:2px;width:100%;height:4px;overflow:hidden}.media-progress__fill{background:linear-gradient(90deg,#a855f7 0%,#d946ef 100%);height:100%;transition:width .1s linear;box-shadow:0 0 10px #a855f799}.media-progress__time{color:#737373;justify-content:space-between;font-size:12px;display:flex}.about-section{margin-bottom:50px}@media (min-width:768px){.about-section{margin-bottom:60px}}.about-title{color:#fff;margin-bottom:20px;font-size:28px;font-weight:700}@media (min-width:768px){.about-title{margin-bottom:24px;font-size:36px}}.about-oneliner{color:#f5f5f5;margin-bottom:20px;font-size:20px;font-weight:400;line-height:1.6}@media (min-width:768px){.about-oneliner{margin-bottom:24px;font-size:24px;line-height:1.7}}.about-link{color:#a855f7;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}@media (min-width:768px){.about-link{font-size:16px}}.about-link:hover{text-shadow:0 0 20px #a855f7cc,0 0 30px #a855f766;gap:12px;transform:translateY(-2px)}.projects-section{margin-bottom:50px}@media (min-width:768px){.projects-section{margin-bottom:60px}}.projects-title{color:#fff;margin-bottom:24px;font-size:24px;font-weight:600}@media (min-width:768px){.projects-title{margin-bottom:32px;font-size:32px}}.projects-loading,.projects-error{color:#737373;padding:20px 0;font-size:14px}.projects-list{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}@media (min-width:768px){.projects-list{gap:24px;margin-bottom:32px}}.project-card{background-color:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:24px;text-decoration:none;transition:all .3s;display:block}@media (min-width:768px){.project-card{padding:32px}}.project-card:hover{border-color:#a855f7;transform:translateY(-4px);box-shadow:0 12px 40px #a855f733}.project-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}@media (min-width:768px){.project-header{margin-bottom:16px}}.project-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:18px;font-weight:600;overflow:hidden}@media (min-width:768px){.project-name{font-size:20px}}.project-language{color:#c084fc;background:#a855f726;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.language-icon{font-size:10px;line-height:1}.language-name{color:#c084fc;font-size:12px;font-weight:600}.project-description{color:#a3a3a3;margin:0;font-size:14px;line-height:1.6}@media (min-width:768px){.project-description{font-size:15px;line-height:1.7}}.projects-view-more{color:#a855f7;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}@media (min-width:768px){.projects-view-more{font-size:16px}}.projects-view-more:hover{text-shadow:0 0 20px #a855f7cc,0 0 30px #a855f766;gap:12px;transform:translateY(-2px)}.links-container{border-top:1px solid #262626;flex-wrap:wrap;align-items:center;gap:20px;padding-top:32px;display:flex}@media (min-width:768px){.links-container{flex-wrap:nowrap;gap:24px;padding-top:40px}}.icon{color:#606060;flex-shrink:0}.icon-emoji{flex-shrink:0;font-size:28px}.links{flex-wrap:wrap;gap:20px;display:flex}@media (min-width:768px){.links{gap:32px}}.link{color:#a855f7;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}@media (min-width:768px){.link{font-size:15px}}.link:hover{color:#c084fc}.about-page-section{margin-bottom:40px}@media (min-width:768px){.about-page-section{margin-bottom:50px}}.about-page-title{color:#fff;background:linear-gradient(90deg,#a855f7,#d946ef,#a855f7) 0 0/200% 100%;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #a855f780;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:20px;font-weight:700;line-height:1.5;animation:4s ease-in-out infinite gradientShift}@media (min-width:768px){.about-page-title{margin-bottom:32px;font-size:24px;line-height:1.5}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.about-page-content{flex-direction:column;gap:18px;display:flex}@media (min-width:768px){.about-page-content{gap:20px}}.about-page-paragraph{color:#d4d4d4;font-size:17px;font-weight:400;line-height:1.7}@media (min-width:768px){.about-page-paragraph{font-size:20px;line-height:1.75}}.about-back-link{color:#a855f7;align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}@media (min-width:768px){.about-back-link{margin-top:20px;font-size:16px}}.about-back-link:hover{text-shadow:0 0 20px #a855f7cc,0 0 30px #a855f766;gap:12px;transform:translateY(-2px)}