* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: #787878;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: 'Courier New', monospace;
            padding: 16px;
        }

        .profile {
            max-width: 380px;
            width: 100%;
            background: #EAEAEAFF;
            border: 3px solid #2b2a1c;
            box-shadow: 5px 5px 0 #1e2a18;
            padding: 20px 16px 22px;
            image-rendering: crisp-edges;
            image-rendering: pixelated;
        }

        .avatar {
            display: flex;
            justify-content: center;
            margin-bottom: 16px;
        }

        .avatar svg {
            width: 96px;
            height: 96px;
            display: block;
            image-rendering: crisp-edges;
            image-rendering: pixelated;
        }

        .bio {
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            color: #454545;
            background: #e0e0e0;
            padding: 10px 8px;
            margin: 12px 0 18px;
            border-left: 4px solid #606060;
            border-right: 4px solid #606060;
            line-height: 1.4;
            letter-spacing: -0.2px;
        }

        .bio span {
            display: block;
            font-size: 10px;
            margin-top: 6px;
            color: #171717;
        }

        .links {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .pixel-btn {
            background: #0a0a0a;
            border: 2px solid #757575;
            padding: 8px 12px;
            text-decoration: none;
            color: #b8b8b8;
            font-family: 'Courier New', monospace;
            font-weight: bold;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: 0.05s linear;
            box-shadow: 2px 2px 0 #131d0e;
        }

        .pixel-btn:hover {
            background: #3d3d3d;
            transform: translate(1px, 1px);
            box-shadow: 1px 1px 0 #191919;
        }

        .pixel-btn span:first-child {
            font-size: 18px;
        }

        .pixel-btn span:last-child {
            margin-left: auto;
        }

        hr {
            margin: 18px 0 6px;
            border: none;
            height: 2px;
            background: #888888;
            image-rendering: crisp-edges;
        }

        .footer {
            text-align: center;
            font-size: 8px;
            margin-top: 14px;
            color: #4d4d4d;
        }