@import"https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-color: #000000;--text-main: #bebebe;--text-muted: #ffffff;--text-dim: #ffffff;--border-color: rgba(39, 39, 42, .5);--brand: #7dd3fc;--card-bg: rgba(255, 255, 255, .02);--font-heading: "Doto", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-sans: "Figtree", sans-serif;--shadow-btn: 0px 32px 64px -16px rgba(0, 0, 0, .3), 0px 16px 32px -8px rgba(0, 0, 0, .3), 0px 8px 16px -4px rgba(0, 0, 0, .24), 0px 4px 8px -2px rgba(0, 0, 0, .24), 0px -8px 16px -1px rgba(0, 0, 0, .16), 0px 2px 4px -1px rgba(0, 0, 0, .24), 0px 0px 0px 1px #000, inset 0px 0px 0px 1px rgba(255, 255, 255, .08), inset 0px 1px 0px rgba(255, 255, 255, .2)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);line-height:1.65;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}::selection{background:#7dd3fc4d;color:#fff}.container{max-width:820px;margin:0 auto;padding:5rem 1.5rem 8rem;position:relative;z-index:1}.pixel-heading{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:#fafafa;letter-spacing:normal;line-height:1.3;text-transform:uppercase}.mono{font-family:var(--font-mono)}.shadow-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#1a1b1c;border:none;border-radius:6px;color:var(--text-main);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn);transition:all .2s ease;text-decoration:none}.shadow-btn:hover{background:#222324;color:var(--brand)}.shadow-btn svg{width:16px;height:16px;flex-shrink:0}.social-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;background:#1a1b1c;border:1px solid rgba(39,39,42,.5);border-radius:6px;color:var(--text-main);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn);transition:all .25s ease;text-decoration:none}.social-btn:hover{color:var(--brand);border-color:#7dd3fc26}.social-btn svg{width:16px;height:16px;flex-shrink:0}.dashed-card{border:1px dashed rgba(255,255,255,.12);border-radius:16px;background:var(--card-bg);overflow:hidden;transition:border-color .3s ease}.dashed-card:hover{border-color:#fff3}.project-thumb{width:100%;aspect-ratio:16/10;background:#0c0c0c;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.timeline-track{display:flex;align-items:center;gap:0;width:100%;position:relative;padding:0 .5rem}.timeline-segment{flex:1;display:flex;align-items:center;position:relative}.timeline-line{flex:1;height:2px;background:#ffffff1a}.timeline-line.active{background:#fff}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;flex-shrink:0}.timeline-dot.active{background:#fff}.timeline-entry{text-align:center}.timeline-entry-icon{width:28px;height:28px;border-radius:8px;background:#ffffff0f;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.35rem;font-size:.65rem;font-weight:700;color:var(--text-muted)}.timeline-entry-title{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--text-main)}.timeline-entry-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);margin-top:.15rem}.opensource-list{display:grid;gap:1rem;margin-bottom:2rem}.opensource-card{display:block;padding:1.25rem;color:inherit;text-decoration:none;background:#ffffff06;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.opensource-card:hover{transform:translateY(-2px);background:#ffffff0b;border-color:#7dd3fc59}.opensource-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.opensource-card-header,.opensource-repository,.opensource-card-meta{display:flex;align-items:center}.opensource-card-header{justify-content:space-between;gap:1rem;margin-bottom:1rem}.opensource-repository{gap:.75rem}.opensource-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand);background:#7dd3fc14;border:1px solid rgba(125,211,252,.16);border-radius:10px}.opensource-repo-name,.opensource-pr-number{display:block}.opensource-repo-name{color:#fafafa;font-size:.82rem;font-weight:600}.opensource-pr-number{color:var(--text-main);font-size:.72rem;margin-top:.1rem}.opensource-card-meta{gap:.75rem}.opensource-status{padding:.2rem .55rem;color:#86efac;background:#22c55e14;border:1px solid rgba(34,197,94,.18);border-radius:999px;font-size:.68rem}.opensource-arrow{color:var(--text-main);transition:color .2s ease,transform .2s ease}.opensource-card:hover .opensource-arrow{color:var(--brand);transform:translate(2px,-2px)}.opensource-card h3{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.opensource-card>p{max-width:67ch;color:var(--text-main);font-size:.93rem;line-height:1.7}.contrib-grid{position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:1.25rem .75rem .75rem;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 12px 12px;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%),linear-gradient(135deg,rgba(57,211,83,.035),transparent 55%);background-position:180% 0,0 0;background-size:45% 100%,100% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 28px #39d35309;animation:contribution-shine 5s ease-in-out infinite}.contrib-grid::-webkit-scrollbar{display:none}.contrib-grid .react-activity-calendar{position:relative;z-index:1;font-family:var(--font-mono)!important}.contrib-grid rect[data-level]:not([data-level="0"]){filter:drop-shadow(0 0 2px rgba(57,211,83,.5))}@keyframes contribution-shine{0%,55%{background-position:-80% 0,0 0}90%,to{background-position:180% 0,0 0}}@media(prefers-reduced-motion:reduce){.contrib-grid{animation:none}}.dock-nav{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:.25rem;padding:.6rem 1.5rem;background:#0c0c0cb3;border:1px solid rgba(255,255,255,.06);border-radius:18px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.dock-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .9rem;border-radius:12px;color:var(--text-dim);font-size:.65rem;font-weight:500;font-family:var(--font-sans);text-decoration:none;transition:all .2s ease;cursor:pointer;background:transparent;border:none}.dock-item:hover,.dock-item.active{color:#fff}.dock-item svg{width:20px;height:20px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.process-node{display:flex;flex-direction:column;align-items:center;gap:.5rem}.process-box{width:80px;height:80px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff05;position:relative}.process-box svg{width:24px;height:24px;color:var(--text-dim)}.process-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);text-align:center}.footer{text-align:left;padding:3rem 0 2rem;color:var(--text-muted);font-size:.85rem}.footer .heart-icon{width:28px;height:28px;color:#ffffff26;margin-bottom:.75rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:640px){.pixel-heading{font-size:2rem}.container{padding:2rem 1rem 7rem}.process-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{display:none!important}.opensource-card{padding:1rem}.opensource-card-header{align-items:flex-start}.opensource-status{display:none}}.tooltip-container{position:relative;cursor:pointer;transition:all .2s;font-size:17px;border-radius:10px;display:inline-block}.tooltip-container .tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);padding:10px;opacity:0;pointer-events:none;transition:all .3s;border-radius:15px;z-index:50}.tooltip-container .tooltip .profile{background:#2a2b2f;border-radius:10px 15px;padding:10px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.tooltip-container:hover .tooltip{top:-150px;opacity:1;visibility:visible;pointer-events:auto}.tooltip-container .icon{text-decoration:none;color:#fff;display:block;position:relative}.tooltip-container .layer{width:55px;height:55px;transition:transform .3s}.tooltip-container .icon:hover .layer{transform:rotate(-35deg) skew(20deg)}.tooltip-container .layer span{position:absolute;top:20px;left:0;height:70%;width:70%;border:1px solid #fff;border-radius:5px;transition:all .3s}.tooltip-container .layer span,.tooltip-container .text{color:#fafafa;border-color:#fafafa}.tooltip-container .icon:hover .layer span{box-shadow:-1px 1px 3px #fafafa}.tooltip-container .icon .text{position:absolute;left:50%;bottom:-5px;opacity:0;font-weight:500;transform:translate(-50%);transition:bottom .3s ease,opacity .3s ease;font-size:.75rem}.tooltip-container .icon:hover .text{bottom:-35px;opacity:1}.tooltip-container .icon:hover .layer span:nth-child(1){opacity:.2}.tooltip-container .icon:hover .layer span:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.tooltip-container .icon:hover .layer span:nth-child(3){opacity:.6;transform:translate(10px,-10px)}.tooltip-container .icon:hover .layer span:nth-child(4){opacity:.8;transform:translate(15px,-15px)}.tooltip-container .icon:hover .layer span:nth-child(5){opacity:1;transform:translate(20px,-20px)}.tooltip-container .layer span.github-icon{font-size:30px;line-height:55px;text-align:center;fill:#fafafa;background:#0b0d0e;display:flex;align-items:center;justify-content:center}.tooltip-container .user{display:flex;gap:10px}.tooltip-container .img{width:50px;height:50px;font-size:25px;font-weight:700;border:1px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#1a1b1c;color:#fafafa}.tooltip-container .img img{width:100%;height:100%;object-fit:cover}.tooltip-container .name{font-size:17px;font-weight:700;color:#fafafa}.tooltip-container .details{display:flex;flex-direction:column;gap:0;color:#fff}.tooltip-container .username{color:var(--text-muted);font-size:.8rem}.tooltip-container .about{color:#8c8c8c;padding-top:5px;font-size:.8rem}.dm-tooltip-wrap{--dm-bg: #1a1b1c;position:relative;cursor:pointer;transition:all .2s;border-radius:6px;display:inline-flex;justify-content:center;align-items:center}.dm-tooltip-wrap .dm-tip{position:absolute;top:0;left:50%;transform:translate(-50%);padding:.3em .6em;opacity:0;pointer-events:none;transition:all .3s;background:var(--dm-bg);border:1px solid rgba(255,255,255,.1);border-radius:6px;white-space:nowrap;text-align:center;font-size:.8rem;color:#fafafa;z-index:50}.dm-tooltip-wrap .dm-tip:before{position:absolute;content:"";height:.6em;width:.6em;bottom:-.3em;left:50%;transform:translate(-50%) rotate(45deg);background:var(--dm-bg);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.dm-tooltip-wrap:hover .dm-tip{top:-110%;opacity:1;visibility:visible;pointer-events:auto;animation:dm-shake .5s ease-in-out forwards}@keyframes dm-shake{0%{transform:translate(-50%) rotate(2deg)}50%{transform:translate(-50%) rotate(-3deg)}70%{transform:translate(-50%) rotate(3deg)}to{transform:translate(-50%) rotate(0)}}.dm-tooltip-wrap .dm-btn-text{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem}.dm-tooltip-wrap .dm-btn-text:before{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.85rem;color:#fafafa;transition:.3s;white-space:nowrap}.dm-tooltip-wrap:hover .dm-btn-text:before{top:0}.dm-tooltip-bottom .dm-tip{top:auto;bottom:0}.dm-tooltip-bottom .dm-tip:before{bottom:auto;top:-.3em;border-right:none;border-bottom:none;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.dm-tooltip-bottom:hover .dm-tip{top:auto;bottom:-110%;animation:dm-shake-bottom .5s ease-in-out forwards}@keyframes dm-shake-bottom{0%{transform:translate(-50%) rotate(2deg)}50%{transform:translate(-50%) rotate(-3deg)}70%{transform:translate(-50%) rotate(3deg)}to{transform:translate(-50%) rotate(0)}}.beams-container{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}.beams-container canvas{display:block;width:100%;height:100%}