@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap');
:root{
  --bg:#05070A;--surface:#0B120C;--border:rgba(0,255,65,0.16);--border-strong:rgba(0,255,65,0.34);
  --text:#E8FFEF;--text-dim:#8FB59A;--text-faint:#4E6B57;--green:#00FF41;--green-bright:#6BFF9E;--green-dim:rgba(0,255,65,0.10);
  --amber:#F2B14C;--amber-bright:#FFD27A;--amber-dim:rgba(242,177,76,0.10);--amber-border:rgba(242,177,76,0.34);
  --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh;}
h1{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-0.01em;}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
#rain{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:0.16;pointer-events:none;}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(0,255,65,0.09),transparent 70%),
  linear-gradient(rgba(0,255,65,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,0.03) 1px,transparent 1px);
  background-size:auto,48px 48px,48px 48px;}
.page{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:44px 20px 32px;min-height:100svh;display:flex;flex-direction:column;}
.profile{text-align:center;margin-bottom:34px;animation:rise .6s ease both;}
.avatar{width:112px;height:112px;margin:0 auto 18px;border:1px solid var(--border-strong);border-radius:50%;padding:4px;background:var(--surface);box-shadow:0 0 34px rgba(0,255,65,0.14);}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(0.9) contrast(1.05);}
h1{font-size:1.7rem;line-height:1.15;margin-bottom:6px;}
.handle{color:var(--green);font-size:13px;letter-spacing:0.04em;margin-bottom:16px;}
.cursor{animation:blink 1.1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}
.bio{color:var(--text-dim);font-size:0.95rem;max-width:380px;margin:0 auto;}
.links{display:flex;flex-direction:column;gap:16px;}
.bracket{position:relative;}
.bracket::before,.bracket::after{content:'';position:absolute;width:14px;height:14px;border-color:var(--green);opacity:0.75;pointer-events:none;}
.bracket::before{top:-1px;left:-1px;border-style:solid;border-width:2px 0 0 2px;}
.bracket::after{bottom:-1px;right:-1px;border-style:solid;border-width:0 2px 2px 0;}
.avatar.bracket::before,.avatar.bracket::after{display:none;}
.card{display:flex;align-items:center;gap:16px;padding:20px 18px;background:linear-gradient(160deg,#0B120C,#0F160F);border:1px solid var(--border-strong);border-radius:var(--radius);
  transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;animation:rise .6s ease both;}
.card:nth-child(1){animation-delay:.12s;}.card:nth-child(2){animation-delay:.24s;}
.card:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(0,255,65,0.18);border-color:var(--green);}
.card:active{transform:scale(0.99);}
.card-tag{color:var(--green);font-size:12px;flex:none;align-self:flex-start;padding-top:4px;}
.card-body{flex:1;min-width:0;}
.card-body strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.25rem;margin-bottom:4px;}
.card-desc{display:block;color:var(--text-dim);font-size:0.9rem;line-height:1.45;}
.card-go{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:16px;}
.card-amber{background:linear-gradient(160deg,#0E0D09,#14120C);border-color:var(--amber-border);}
.card-amber::before,.card-amber::after{border-color:var(--amber);}
.card-amber:hover{box-shadow:0 0 28px rgba(242,177,76,0.2);border-color:var(--amber);}
.card-amber .card-tag,.card-amber .card-go{color:var(--amber);}
.card-amber .card-go{border-color:var(--amber-border);}
.card-amber .card-desc{color:#B3AB9C;}
.foot{margin-top:auto;padding-top:40px;text-align:center;color:var(--text-faint);font-size:11px;letter-spacing:0.04em;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}#rain{display:none;}}