@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap";
html,body,*{box-sizing:border-box;scroll-behavior:smooth}:root{--bg-color:#071025;--accent-main:#89b4fa;--accent-weak:#cfe9ff;--accent-deep:#2b4b6f;--matrix-head-color:#89b4fa;--matrix-trail-color:#bfe0ff;--accent-link:var(--accent-main);--accent-tag:linear-gradient(90deg,rgba(137,180,250,.1),rgba(207,233,255,.04))}html,body,#__next{height:100%}body{background:var(--bg-color);color:var(--accent-weak);margin:0;padding:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial}.matrix-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.intro-overlay{z-index:5;opacity:1;visibility:visible;background:#000;justify-content:center;align-items:center;transition:opacity .7s,visibility .7s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.intro-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.intro-content{letter-spacing:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(90deg,#2c39ee 0%,#2142ff 45%,#1e52e2 100%);-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Segoe UI Mono,monospace;font-size:28px;font-weight:700}.avatar-shell{border:2px solid rgba(137,180,250,.06);border-radius:9999px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;overflow:visible;box-shadow:0 0 28px rgba(137,180,250,.14),inset 0 0 8px rgba(80,140,200,.12)}.avatar-decoration{pointer-events:none;mix-blend-mode:normal;object-fit:cover;z-index:4;transform-origin:50%;opacity:1;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;transform:scale(1.08)}.avatar-img{object-fit:cover;border-radius:9999px;width:100%;height:100%;display:block}.avatar-name{color:var(--accent-main);letter-spacing:.6px;text-align:center;margin-top:8px;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Segoe UI Mono,monospace;font-size:30px;font-weight:700;line-height:1;display:inline-block}.name-wrap{display:inline-block;position:relative}.socials{background:linear-gradient(rgba(40,90,140,.02),rgba(40,90,140,.01));border-radius:12px;align-items:center;gap:8px;margin-top:5px;padding:3px 6px;display:inline-flex}.social-button{color:var(--accent-main);background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:3px 6px;text-decoration:none;transition:transform .16s,color .16s,box-shadow .22s,background .18s;display:inline-flex}.social-button:hover{color:var(--accent-weak);background:rgba(137,180,250,.08);transform:translateY(-2px);box-shadow:0 8px 26px rgba(70,120,180,.12),0 0 34px rgba(80,140,200,.08)}.social-button:active{transform:translateY(-1px)scale(.99)}.social-icon{object-fit:contain;filter:drop-shadow(0 5px 12px rgba(237,58,207,.13));width:15px;height:15px}.socials-card{background:linear-gradient(rgba(80,140,200,.02),rgba(80,140,200,.01));border:1px solid rgba(80,140,200,.08);border-radius:14px;padding:1px 8px;transition:box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 10px rgba(0,0,0,.5),0 0 9px rgba(60,110,160,.043)}.avatar-profile{flex-direction:column;align-items:center;gap:14px;display:flex}.page-content{z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.typewriter-title{color:var(--accent-main);text-shadow:0 1px rgba(0,0,0,.6);align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial;font-size:18px;font-weight:700;display:inline-flex}.typewriter-cursor{text-align:left;width:10px;color:var(--accent-main);animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.popout-link{color:inherit;text-decoration:none;transition:transform .18s cubic-bezier(.2,.9,.2,1),color .16s;display:inline-block;position:relative}.popout-link:after{content:"";background:var(--accent-link);border-radius:2px;width:0%;height:2px;transition:width .22s cubic-bezier(.2,.9,.2,1);position:absolute;bottom:-3px;left:0}.popout-link:hover,.popout-link:focus{color:var(--accent-link);font-weight:700;text-decoration:none;transform:translateY(-4px)scale(1.02)}.popout-link:hover:after,.popout-link:focus:after{width:100%}.popout-link:focus-visible{outline-offset:3px;outline:3px solid rgba(137,180,250,.12)}.projects-wrap{z-index:1;padding:48px;position:relative}.projects-inner{max-width:1120px;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px;display:grid}.project-card{color:inherit;background:linear-gradient(rgba(6,14,28,.6),rgba(6,12,24,.5));border:1px solid rgba(137,180,250,.03);border-radius:14px;padding:18px 16px;text-decoration:none;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s,background .18s;display:block;box-shadow:0 6px 18px rgba(6,12,20,.6)}.project-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 18px 40px rgba(0,0,0,.75)}.project-card:focus-visible{transform:translateY(-6px)scale(1.01);box-shadow:0 18px 40px rgba(0,0,0,.75)}.project-title{color:var(--accent-weak);font-size:18px;font-weight:700}.project-desc{color:rgba(200,220,245,.9);margin-top:4px;font-size:14px}.project-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.project-tag{background:var(--accent-tag);color:#ffd6e6;border-radius:8px;padding:6px 8px;font-size:12px;box-shadow:0 6px 14px rgba(255,111,174,.06)}@media (max-width:520px){.projects-wrap{padding:20px}.project-content{flex-direction:column;align-items:flex-start}}.name-link,.avatar-name a{color:inherit;text-decoration:none}.avatar-name{display:inline-block}.avatar-name[href]{color:#fa8bf4;text-decoration:none}.avatar-name[href]:hover{color:#fa8bc8}.popup-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .2s,pointer-events .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.popup-overlay.open{pointer-events:auto;opacity:1}.popup-dialog{color:#e6f9ff;opacity:0;background:rgba(12,12,12,.95);border-radius:16px;align-items:flex-start;gap:18px;width:min(720px,92%);padding:18px;transition:transform .22s cubic-bezier(.2,.9,.2,1),opacity .2s;display:flex;position:relative;transform:translateY(6px)scale(.985);box-shadow:0 12px 40px rgba(0,0,0,.7)}.popup-dialog.entered{opacity:1;transform:translateY(0)scale(1)}.popup-left{flex-direction:column;align-items:center;gap:12px;display:flex}.popup-username{color:rgba(180,210,235,.85);font-size:13px}.popup-main{flex:1;min-width:0}.guild-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.guild-title{color:var(--accent-main);font-size:30px;font-weight:800}.guild-badge{border-radius:6px;width:28px;height:28px}.guild-tag{color:var(--accent-weak);font-size:25px;font-weight:700}.activities-title{color:var(--accent-main);margin-bottom:8px;font-size:13px;font-weight:700}.muted{color:rgba(160,190,215,.9)}.activity-card{align-items:center;gap:12px;display:flex}.activity-card.entering{opacity:0;transition:transform .18s,opacity .14s;transform:translateY(8px)}.activity-card.exiting{opacity:0;transition:transform .18s,opacity .14s;transform:translateY(-8px)}.activity-card:not(.entering):not(.exiting){opacity:1;transition:transform .22s cubic-bezier(.2,.9,.2,1),opacity .2s;transform:none}.activity-thumb{background:rgba(80,140,200,.04);border-radius:8px;flex:0 0 72px;justify-content:center;align-items:center;height:72px;display:flex}.activity-img{border-radius:6px;max-width:100%;max-height:100%}.activity-fallback{color:rgba(160,190,215,.9);font-size:12px}.activity-title{font-weight:700}.activity-state{color:rgba(160,190,215,.9);font-size:13px}.activity-time{margin-top:8px}.progress-bar{background:rgba(80,140,200,.06);border-radius:6px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-main),var(--accent-weak));height:100%}.progress-labels{color:rgba(140,180,210,.9);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.activity-dots{gap:8px;margin-top:12px;display:flex}.dot{cursor:pointer;background:rgba(80,140,200,.12);border:none;border-radius:10px;width:10px;height:10px}.dot-active{background:var(--accent-main)}.popup-close{color:#9fbdd0;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:14px}