@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=Inter:wght@400;500;600&display=swap";:root{--bg: #17131f;--surface: #1f1a2c;--surface-soft: #241f33;--line: #2f283f;--ink: #ede9f4;--muted: #a49bb8;--accent: #b28ef2;--accent-2: #f0a8c9;--accent-3: #7fd4c1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;line-height:1.7}.wiki-layout{display:grid;grid-template-columns:340px 1fr;max-width:1400px;margin:0 auto;min-height:100vh}.wiki-sidebar{padding:64px 36px;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column}.wiki-content{padding:80px 60px 120px}.wiki-section{margin-bottom:120px}.wiki-section h2{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:32px;margin:0 0 28px}.subsection-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin:32px 0 16px;color:var(--ink)}.wiki-section p{max-width:720px;font-size:18px;color:var(--ink);margin-bottom:20px;line-height:1.8}.profile-card{border-radius:24px;background:var(--surface-soft);padding:32px;transition:transform .1s ease;cursor:pointer;transform-style:preserve-3d}.profile-card h1{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:32px;margin:0;display:inline-flex;align-items:center;gap:10px}.profile-card h1:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent-3);display:inline-block}.profile-card .subtitle{font-size:16px;color:var(--muted);margin:12px 0 0}.avatar{display:block;width:96px;height:96px;border-radius:50%;margin-top:24px;object-fit:cover}.wiki-nav{margin-top:48px;display:flex;flex-direction:column;gap:6px}.wiki-nav a{color:var(--muted);text-decoration:none;font-size:17px;padding:14px 18px;border-radius:14px;transition:background .15s,color .15s}.wiki-nav a:hover,.wiki-nav a.active{color:var(--ink);background:var(--surface-soft)}.stat-card{position:relative;background:var(--surface);border-radius:20px;padding:32px 24px;text-align:center;overflow:visible;isolation:isolate;transition:transform .1s ease;cursor:pointer;transform-style:preserve-3d}.stat-card>*{position:relative;z-index:1}.social-dock{margin-top:auto;padding-top:48px;display:flex;gap:14px}.social-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface);transition:background .2s,transform .2s}.social-icon:hover{background:var(--surface-soft);transform:translateY(-2px)}.social-icon img{width:22px;height:22px;opacity:.75;transition:opacity .2s}.social-icon:hover img{opacity:1}.project-pager{display:flex;align-items:center;gap:24px;margin-top:32px}.project-card{position:relative;flex:1;max-width:1080px;border-radius:24px;background:var(--surface);padding:40px;overflow:visible;isolation:isolate;min-height:280px;transition:transform .1s ease;cursor:pointer;transform-style:preserve-3d}.project-card>*{position:relative;z-index:1}.project-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.project-header h3{margin:0}.project-logo{width:64px;height:64px;border-radius:16px;object-fit:cover;background:var(--surface-soft);flex-shrink:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.section-header h2{margin:0}.project-count{font-size:18px;color:var(--muted);font-weight:500}.project-type{font-size:13px;color:var(--accent-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;font-weight:600}.project-card h3{font-family:Space Grotesk,sans-serif;font-size:26px;margin:0 0 16px}.project-card p{font-size:17px;margin:0 0 12px;color:var(--ink);line-height:1.7}.project-link{position:relative;display:inline-flex;padding:8px 14px;border-radius:16px;background:var(--surface);overflow:hidden;isolation:isolate;transition:background .15s;margin-top:8px}.project-link-icon{width:100%;height:auto;border-radius:10px;display:block;transition:filter .15s}.project-link:hover .project-link-icon{filter:none}.carousel-arrow{flex:none;width:48px;height:48px;border-radius:50%;border:none;background:var(--surface-soft);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.carousel-arrow:hover{background:var(--accent);color:var(--bg)}.project-dots{display:flex;gap:12px;margin-top:24px}.project-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--surface-soft);cursor:pointer;padding:0;transition:background .2s,transform .2s}.project-dot:hover{background:var(--accent-2)}.project-dot--active{background:var(--accent);transform:scale(1.25)}.skills-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.badge-card{position:relative;display:inline-flex;padding:10px 16px;border-radius:16px;background:var(--surface);overflow:visible;isolation:isolate;transition:transform .1s ease;cursor:pointer;transform-style:preserve-3d}.badge-card>*{position:relative;z-index:1}.badge-card img{display:block;border-radius:8px;filter:saturate(.85);transform:scale(1.15)}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:60px}.widget-card{position:relative;background:var(--surface);border-radius:20px;padding:24px;overflow:visible;isolation:isolate;transition:transform .1s ease;cursor:pointer;transform-style:preserve-3d}.widget-card>*{position:relative;z-index:1}.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.widget-header h3{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0}.spotify-content{display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit;transition:transform .2s}.spotify-content:hover{transform:translateY(-2px)}.spotify-album{width:80px;height:80px;border-radius:12px;object-fit:cover}.spotify-info{flex:1}.spotify-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px}.spotify-artist{font-size:14px;color:var(--muted)}.activity-content{padding:16px 0}.activity-status{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-3);flex-shrink:0}.status-dot.status-online{background:#43b581}.status-dot.status-idle{background:#faa61a}.status-dot.status-dnd{background:#f04747}.status-dot.status-offline{background:#747f8d}.discord-activity{display:flex;flex-direction:column;gap:8px}.discord-status{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink)}.discord-game{font-weight:600}.discord-details,.discord-state{font-size:14px;color:var(--muted);padding-left:22px}.experience-card{background:var(--surface);border-radius:24px;padding:40px;margin-top:32px;transition:transform .1s ease;cursor:pointer;transform-style:preserve-3d}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.experience-header h3{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px;color:var(--ink)}.experience-role{font-size:16px;color:var(--accent);margin:0}.experience-period{font-size:14px;color:var(--muted);white-space:nowrap}.experience-description{color:var(--ink)}.experience-description p{font-size:17px;margin-bottom:20px;line-height:1.7}.experience-responsibilities{list-style:none;padding:0;margin:0}.experience-responsibilities li{font-size:16px;color:var(--ink);padding-left:28px;margin-bottom:12px;position:relative;line-height:1.6}.experience-responsibilities li:before{content:"•";position:absolute;left:0;color:var(--accent);font-size:20px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-year{font-size:13px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:600}.project-description{font-weight:500}.project-details{color:var(--muted)!important}.project-info{display:flex;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.project-info-item{display:flex;gap:8px;font-size:15px}.project-info-label{color:var(--muted)}.project-info-value{color:var(--ink);font-weight:500}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tech-tag{font-size:12px;padding:6px 12px;background:var(--surface-soft);color:var(--accent-3);border-radius:8px;font-weight:500}.skill-category{margin-bottom:48px}.skill-category:last-child{margin-bottom:0}.skill-category-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px;color:var(--ink)}.reveal{opacity:0;transform:translateY(-28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:720px){.wiki-layout{grid-template-columns:1fr}.wiki-sidebar{position:relative;height:auto}.wiki-content{padding:40px 20px 60px}.widgets-grid{grid-template-columns:1fr}.experience-header{flex-direction:column}.experience-period{white-space:normal}.project-info{flex-direction:column;gap:12px}.section-header{flex-wrap:wrap}}
