@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,Helvetica,Arial,sans-serif;color:#f0f0f0;background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--discord-blue: #5765f2;--smooth-ease: cubic-bezier(.22, 1, .36, 1);--text-hi: #f5f5f5;--text-mid: #999;--text-lo: #555;--surface-1: #0d0d0d;--surface-2: #1a1a1a;--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#000;overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{position:relative;min-height:100vh}.page-frame{position:relative;z-index:1;width:min(1120px,calc(100% - 3rem));margin:0 auto;padding:1.25rem 0 7rem}.floating-nav{position:sticky;top:1.25rem;z-index:20;display:flex;width:fit-content;padding:.35rem;border-radius:999px;background:#0a0a0ae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px #00000080}.nav-links{display:inline-flex;align-items:center;gap:.15rem}.nav-link{padding:.6rem 1rem;border-radius:999px;border:0;background:transparent;color:var(--text-mid);cursor:pointer;font-family:Manrope,Segoe UI,sans-serif;font-size:.88rem;font-weight:500;transition:background .16s var(--smooth-ease),color .16s var(--smooth-ease)}.nav-link:hover,.nav-link:focus-visible{background:#ffffff12;color:var(--text-hi)}.nav-link.is-active{background:#ffffff1a;color:var(--text-hi)}.nav-link:focus-visible{outline:2px solid rgba(255,255,255,.2);outline-offset:2px}.hero{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:2.5rem;padding:2.5rem 0 5rem;scroll-margin-top:6rem}.profile-col{position:sticky;top:6rem}.profile-card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:1.5rem;background:var(--surface-1)}.avatar-skeleton{width:80px;height:80px;border-radius:999px;flex:0 0 auto;background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.name-skeleton{height:1.1rem;width:7rem;border-radius:.4rem;background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;animation-delay:80ms}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-avatar{width:80px;height:80px;border-radius:999px;object-fit:cover;border:1px solid var(--border);flex:0 0 auto;opacity:0;transition:opacity .32s var(--smooth-ease)}.profile-avatar.is-faded-in{opacity:1}.profile-name{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--text-hi)}.profile-tagline{display:flex;align-items:center;gap:.35rem;margin:-.25rem 0 0;font-size:.88rem;line-height:1.4;color:var(--text-mid)}.location-icon{width:.88rem;height:.88rem;flex:0 0 auto;color:var(--text-lo)}.profile-about{margin:0;font-size:.9rem;line-height:1.68;color:var(--text-mid)}.skills-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.skills-item{display:flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:500;color:var(--text-mid)}.skill-dot{width:.3rem;height:.3rem;flex:0 0 auto;color:var(--text-lo)}.download-stat{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;color:var(--text-lo);transition:color .16s var(--smooth-ease),transform .16s var(--smooth-ease)}.download-stat:hover,.download-stat:focus-visible{color:var(--text-mid);transform:translateY(-1px)}.download-stat:active{transform:scale(.97);transition-duration:80ms}.github-stat-icon{width:.82rem;height:.82rem;flex:0 0 auto}.discord-button{display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1.1rem;border:0;border-radius:.9rem;background:var(--discord-blue);color:#fff;cursor:pointer;font-family:Manrope,Segoe UI,sans-serif;font-size:.9rem;font-weight:700;width:100%;justify-content:center;position:relative;overflow:hidden;transition:transform .16s var(--smooth-ease),opacity .16s var(--smooth-ease)}.discord-button:hover{transform:translateY(-1px);opacity:.92}.discord-button:active{transform:scale(.97);transition-duration:80ms}.discord-button:focus-visible{outline:2px solid rgba(87,101,242,.4);outline-offset:3px}.discord-button:disabled{cursor:default}.discord-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.08rem}.discord-label{line-height:1.15}.discord-meta{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;line-height:1.1;opacity:.75}.discord-icon{width:1rem;height:1rem;flex:0 0 auto;transition:opacity .16s var(--smooth-ease),transform .2s var(--smooth-ease)}.members-icon{width:.78rem;height:.78rem;flex:0 0 auto}.discord-spinner{width:.95rem;height:.95rem;flex:0 0 auto;border-radius:999px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;opacity:0;margin-left:-.95rem;transform:scale(.8);transition:margin-left .24s var(--smooth-ease),opacity .16s var(--smooth-ease),transform .24s var(--smooth-ease)}.discord-button.is-loading{gap:.5rem}.discord-button.is-loading .discord-meta{opacity:.55}.discord-button.is-loading .discord-icon{opacity:.9;transform:scale(.93)}.discord-button.is-loading .discord-spinner{margin-left:0;opacity:1;transform:scale(1);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-projects{display:flex;flex-direction:column;gap:1rem}.projects-list{display:flex;flex-direction:column;gap:.75rem}.project-card{display:flex;flex-direction:column;gap:.65rem;padding:1.15rem 1.25rem;border-radius:1.1rem;background:var(--surface-1)}.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-card-head h3{margin:0;font-size:.95rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--text-hi)}.project-type{flex:0 0 auto;font-size:.76rem;font-weight:600;color:var(--text-lo)}.project-card p{margin:0;font-size:.9rem;line-height:1.65;color:var(--text-mid)}.project-links{display:flex;flex-wrap:wrap;gap:.6rem .9rem;margin-top:.15rem}.project-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;color:var(--text-mid);transition:color .16s var(--smooth-ease),transform .16s var(--smooth-ease)}.project-link:hover,.project-link:focus-visible{color:var(--text-hi);transform:translateY(-1px)}.project-link-icon{width:.9rem;height:.9rem;flex:0 0 auto}.load-in{opacity:0;transform:translateY(14px);animation:enter .68s var(--smooth-ease) forwards}.load-in-1{animation-delay:60ms}.load-in-2{animation-delay:.13s}.load-in-3{animation-delay:.21s}.load-in-4{animation-delay:.3s}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tech-section{padding:0 0 2rem}.tech-heading{margin:0 0 1rem;font-size:.8rem;font-weight:500;color:var(--text-lo);letter-spacing:-.01em}.tech-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.tech-track{list-style:none;margin:0;padding:0;display:flex;gap:.75rem;width:max-content;animation:tech-scroll 18s linear infinite;will-change:transform}@keyframes tech-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1rem 1.25rem;border-radius:1.1rem;background:var(--surface-1);flex:0 0 14rem}.tech-icon{width:1.5rem;height:1.5rem;flex:0 0 auto}.tech-name{font-size:.76rem;font-weight:500;color:var(--text-mid);letter-spacing:-.01em;white-space:nowrap}@media (max-width: 820px){.page-frame{width:min(100% - 1.5rem,1120px)}.hero{grid-template-columns:1fr;gap:2rem;padding:2rem 0 4rem}.profile-col{position:static}}@media (max-width: 640px){.floating-nav{top:.75rem}.nav-link{padding:.55rem .8rem;font-size:.85rem}.hero{padding:1.5rem 0 3rem}}@media (prefers-reduced-motion: reduce){.load-in,.discord-button,.nav-link,.project-link,.download-stat{transition:none;animation:none;opacity:1;transform:none}.discord-button.is-loading .discord-spinner,.tech-track,.avatar-skeleton,.name-skeleton{animation:none}.profile-avatar{opacity:1;transition:none}}@media (hover: none) or (pointer: coarse){.project-link:hover,.discord-button:hover{transform:none}}